vue中的模态对话框组件实现过程
写在前面对话框是很常用的组件 ， 在很多地方都会用到，一般我们可以使用自带的alert来弹出对话框，但是假如是设计出的图该怎么办呢 ，所以我们需要自己写一个对话框，并且如果有很多...
2020-05-27
使用vue-cli创建项目的图文教程(新手入门篇)
本文是针对对于完全没有了解过vue 和npm，连运行环境和项目构建的都不会的小白，对于前端老司机的就不用看了，浪费时间。使用npm 与vue-cli 构建vue 项目第一步：安装运行环境（node...
2020-05-27
详解redis在nodejs中的应用
redis是一个性能非常好的内存数据库，部署在应用程序和mysql数据中间做缓存数据库，可以极大的提升应用程序的性能，这里简单介绍nodejs客户端操作redis的demo程序redis里面总共可...
2020-05-27
解析Json字符串的三种方法日常常用
在很多时候，我们的需要将类似 json 格式的字符串数据转为json,下面将介绍日常中使用的三种解析json字符串的方法 1.首先，我们先看一下什么是 json 格式字符串数据，很简单，就是...
2020-05-27
关于Vue在ie10下空白页的debug小结
发现问题前几天写的一段Vue，在ie下一片空白，f12显示script1003: expected : 。于是就有了这篇文章...解决过程baidu、google之，说是json最后一项有多余的逗号，例如{ a: 5, b: 4,...
2020-05-27
基于jquery实现左右上下移动效果
最近再做报表时候，直接把全部字段都导出了，但这不太灵活。回忆老师讲过的项目做报表如下左右上下移功能灵活控制，所以就尝试下咯。js代码function selected(thiz) { var name...
2020-05-27
Vue SSR 组件加载问题
Node 端渲染提示 window/document 没有定义业务场景首先来看一个简单的 Vue 组件 test.vue<template> <div> <h2>clientHeight: {{ clientHeight }} px </h2> </div></temp...
2020-05-27
Vue.js中关于侦听器（watch）的高级用法示例
Vue侦听器watch虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数...
2020-05-27
详解Vue中watch的高级用法
假设有如下代码：<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div>new Vue({ el: '#root', data: { firstName:...
2020-05-27
用ES6写全屏滚动插件的示例代码
这篇文章将介绍如何使用原生 JS （主要使用 ES6 语法）实现全屏滚动插件，兼容 IE 10+、手机触屏，Mac 触摸板优化，支持自定义页面动画，压缩后 gzip 文件只有 2k。完整源码在这 pure_f...
2020-05-27
nodejs 日志模块winston的使用方法
winston 日志模块
在使用 nodejs winston 模块中，加上相关的两个模块，事倍功半。 express-winston winston-daily-rotate-fileexpress-winston
是 express-winston 的 winst...
2020-05-27
基于vue,vue-router, vuex及addRoutes进行权限控制问题
基于vuex, vue-router,vuex的权限控制教程，完整代码地址见 https://github.com/linrunzheng/vue-permission-control接下来让我们模拟一个普通用户打开网站的过程，一步一步的...
2020-05-27
详解VueJs中的V-bind指令
引子v-bind 主要用于属性绑定，Vue官方提供了一个简写方式 :bind，例如：<!-- 完整语法 --><a v-bind:href="url"></a><!-- 缩写 --><a :href="url"></a> 一、概述 v-bind...
2020-05-27
jQuery实现每隔一段时间自动更换样式的方法分析
本文实例讲述了jQuery实现每隔一段时间自动更换样式的方法。分享给大家供大家参考，具体如下：js核心代码部分：$(document).ready(function(){ // 皮肤列表选项切换 $(".ulSkin l...
2020-05-27
vue.js学习笔记之v-bind和v-on解析
v-bind 指令用于响应地更新 HTML 特性 形式如：v-bind:href 缩写为 :href;v-on 指令用于监听DOM事件 形式如：v-on:click 缩写为 @click;<body> <div id="test"> <img v...
2020-05-27
react router4+redux实现路由权限控制的方法
总体概述
一个完善的路由系统应该是这样子的，当链接到的组件是需要登录后才能查看，要能够跳转到登录页，然后登录成功后又跳回来之前想访问的页面。这里主要是用一个权限控制类...
2020-05-27
Angular Renderer (渲染器)的具体使用
Angular 其中的一个设计目标是使浏览器与 DOM 独立。DOM 是复杂的，因此使组件与它分离，会让我们的应用程序，更容易测试与重构。另外的好处是，由于这种解耦，使得我们的应用能够运...
2020-05-27
Webpack中publicPath路径问题详解
最近自己在搭建一个基于webpack的react项目，遇到关于output.publicPath和webpack-dev-server中publicPath的问题，而官方文档对它们的描述也不是很清楚，所以自己研究了下并写下...
2020-05-27
Webpack path与publicPath的区别详解
前言在webpack模块化开发的过程中，发现webpack.config.js配置文件的输出路径总有一个path与publicPath，不解其意。module.exports = { output: { path: path.resolve("./examp...
2020-05-27
Vue表单类的父子组件数据传递示例
使用Vue.js进行项目开发，那必然会使用基于组件的开发方式，这种方式的确给开发和维护带来的一定的便利性，但如果涉及到组件之间的数据与状态传递交互，就是一件麻烦事了，特别是面对...
2020-05-27
JS中判断某个字符串是否包含另一个字符串的五种方法
String对象的方法方法一: indexOf() (推荐) var str = "123" console.log(str.indexOf("2") != -1); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现...
2020-05-27
Angular学习教程之RouterLink花式跳转
前言除了使用Router的navigate()方法切换路由，Angular2还提供了一个指令用来 将一个DOM对象增强为路由入口：@View({directives:[RouterOutlet,RouterLink]template : `<nav><b...
2020-05-27
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
本文实例讲述了原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset=gbk><title>www.jb51...
2020-05-27
VUE Error: getaddrinfo ENOTFOUND localhost
本文介绍了VUE Error: getaddrinfo ENOTFOUND localhost，分享给大家。具体如下：Jins-MBP:helloworld XXX$ npm run dev> helloworld@1.0.0 dev /Users/XXX/Documents/develop/...
2020-05-27
React为 Vue 引入容器组件和展示组件的教程详解
如果你使用过 Redux 开发 React，你一定听过 容器组件（Smart/Container Components） 或 展示组件（Dumb/Presentational Components），这样划分有什么样的好处，我们能否能借鉴这种划分...
2020-05-27
详解vuex结合localstorage动态监听storage的变化
需求：不同组件间共用同一数据，当一个组件将数据发生变化时，其他组件也可以响应该变化。分析：vue无法监听localstorage的变化。localstorage主要用于不同页面间传值，vue适合组件间...
2020-05-27
原生JS实现的雪花飘落动画效果
本文实例讲述了原生JS实现的雪花飘落动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"...
2020-05-27
Node.Js中实现端口重用原理详解
本文介绍了Node.Js中实现端口重用原理详解，分享给大家，具体如下：起源，从官方实例中看多进程共用端口const cluster = require('cluster');const http = require('http');const n...
2020-05-27
Vue利用canvas实现移动端手写板的方法
本文介绍了Vue利用canvas实现移动端手写板的方法，分享给大家，具体如下：
<template> <div class="hello"><!--touchstart,touchmove,touchend,touchcancel 这--> <button type="...
2020-05-27
Vue.js 踩坑记之双向绑定
这篇体验一下VUE的双向绑定<html><head> <meta charset="utf-8"></head><body> <script src="https://unpkg.com/vue/dist/vue.min.js"></script> <div id="app"> <in...
2020-05-27
jquery判断元素内容是否为空的方法 <font color=red>原创</font>
用jquery获取元素内容需要分两个情况：input 用val();var value = $('#test').val();是否为空的判断方法：if(value.length == 0){} 如果value为空执行的操作if(value!=''){} 如...
2020-05-27
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
项目中原本使用的富文本编辑器是 wangEditor，这是一个很轻量、简洁编辑器但是公司的业务升级，想要一个功能更全面的编辑器，我找了好久，目前常见的编辑器有这些：UEditor：百度前端的...
2020-05-27
详解vue组件基础
什么是组件
组件（Component）是对数据和方法的简单封装。web中的组件其实可以看成是页面的一个组成部分，它是一个具有独立的逻辑和功能的界面，同时又能根据规定的接口规则进行相...
2020-05-27
Nodejs 和 Electron ubuntu下快速安装过程
查找时间管理软件的时候发现了superProductivity这个程序，使用electron进行开发，于是看了一下介绍，手痒了，尝试进行环境搭建，一下步慢慢补齐前端知识吧nodejs安装
nodejs的版本更...
2020-05-27
vue裁切预览组件功能的实现步骤
vue版本裁切工具，包含预览功能最终效果： qiuyaofan.github.io/vue-crop-de…源码地址： github.com/qiuyaofan/v…第一步：先用vue-cli安装脚手架（不会安装的看 vue-cli官网）// 初始...
2020-05-27
Vue在页面右上角实现可悬浮/隐藏的系统菜单
这是个大多数网站很常见的功能，点击页面右上角头像显示一个悬浮菜单，点击页面其他位置或再次点击头像则菜单隐藏。作为一个jQuery前端攻城狮实现这个功能可以说是很easy了，但是...
2020-05-27
原生javascript AJAX 三级联动的实现代码
js 三级联动的实现代码如下所示：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js原生ajax</title></head><body> <select name="sel1"> <op...
2020-05-27
Vue结合Video.js播放m3u8视频流的方法示例
首先，我们需要在vue工程中安装video.js相关依赖。npm install --save video.jsnpm install --save videojs-contrib-hls然后，我们需要引入videojs的css文件，例如在main.js中引...
2020-05-27
vue mint-ui tabbar变组件使用
新建tabbar.vue<template> <mt-tabbar v-model="message" fixed> <mt-tab-item id="MainPage"> <img slot="icon" :src="this.atabs[0]"> 主页 </mt-tab-it...
2020-05-27
Vue 按键修饰符处理事件的方法
按键修饰符在 PC 端开发时, 我们常常会遇到类似的需求, 比如用户按下 enter 键时提交表单, 没有用按键修饰符时, 我们可能会去监听键盘事件, 根据 keyCode 的值加以判断Vue...
2020-05-27
vue地区选择组件教程详解
概述主要用于全国地区数据的操作，包括省，市，区三级联动，地区数据的添加和删除； 在操作地区数据时，以前也用过树形的地区选择组件，但因其在再操作大量的地区数据时，渲染缓慢，所以我们...
2020-05-27
JS模拟实现哈希表及应用详解
本文实例讲述了JS模拟实现哈希表及应用。分享给大家供大家参考，具体如下：在算法中，尤其是有关数组的算法中，哈希表的使用可以很好的解决问题，所以这篇文章会记录一些有关js实现哈...
2020-05-27
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
当我们在书写 vue 组件的时候，也许可能会用到数据传递；将父组件的数据传递给子组件，有时候也需要通过子组件去事件去触发父组件的事件；每当我们遇到这样的需求的时候，我们总是会...
2020-05-27
JS与CSS3实现图片响应鼠标移动放大效果示例
本文实例讲述了JS与CSS3实现图片响应鼠标移动放大效果。分享给大家供大家参考，具体如下：今天看网易的网站上，当我把鼠标放上去的时候发现图片放大，移开图片缩小，于是自行尝试，结果...
2020-05-27
JavaScript实现百度搜索框效果
最近做了个百度搜索框今天给大家分享下。效果: 1.当进入界面时，自动调用方法，获取当前的时间，并且实时更新时间。 2.点击页面头部的换肤，自动更换背景图片 3.鼠标点击...
2020-05-27
基于jQuery.i18n实现web前端的国际化
在介绍 jQuery.i18n.properties 之前，我们先来看一下什么是国际化。国际化英文单词为：Internationalization，又称 i18n，“i”为单词的第一个字母，“18”为“i”和“n”之间单词的...
2020-05-27
node实现的爬虫功能示例
本文实例讲述了node实现的爬虫功能。分享给大家供大家参考，具体如下：node是服务器端的语言，所以可以像python一样对网站进行爬取，下面就使用node对博客园进行爬取，得到其中所有的...
2020-05-27
详解使用jQuery.i18n.properties实现js国际化
当我们在做前台页面开发时，由于页面内容过多，过于繁杂，有的时候一个页面上千行的（当然这样的页面也就算一般的），为了减少页面的内容，我们将页面的js文件提取出去，放入一个特定的js文...
2020-05-27
Vue.js最佳实践(五招助你成为vuejs大师)
本文面向对象是有一定Vue.js编程经验的开发者。如果有人需要Vue.js入门系列的文章可以在评论区告诉我，有空就给你们写。对大部分人来说，掌握Vue.js基本的几个API后就已经能够...
2020-05-27
vue嵌套路由与404重定向实现方法分析
本文实例讲述了vue嵌套路由与404重定向实现方法。分享给大家供大家参考，具体如下：第一部分： vue嵌套路由嵌套路由是什么？嵌套路由就是在一个被路由过来的页面下可以继续使用路由...
2020-05-27
