| | | |

2019年3月27日

摘要： webpack一般是本地安装，一般安装webpack webpack-cli,一般是开发依赖上线的时候不需要打包通常npm install webpack webpack-cli -D安装安装的时候先初始化 npm init -y,然后安装npm install webpack webpack-c 阅读全文

posted @ 2019-03-27 17:05 zhx119 阅读(131) 评论(0) 推荐(0)

2019年3月25日

vue provide和inject 父组件和子孙通信

摘要：父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量。不论子组件有多深，只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属性来获取数据，只要在父组件的生命周期内，子组件都可以调用。 child: 阅读全文

posted @ 2019-03-25 16:31 zhx119 阅读(503) 评论(0) 推荐(0)

2019年3月15日

vue 自定义组件使用v-model（组件通信方式1）

摘要：父组件通过v-model传递值给子组件时，会自动传递一个value的prop属性，在子组件中通过this.$emit(‘input’,val)自动修改父组件v-model绑定的值 child: parent: this is parent compoent! {{message}} 以上代码可以写成子组件通过接收pro... 阅读全文

posted @ 2019-03-15 10:12 zhx119 阅读(759) 评论(0) 推荐(0)

2019年3月11日

Vue-Router导航守卫：

摘要：有的时候，我们需要通过路由来进行一些操作，比如最常见的登录权限验证，当用户满足条件时，才让其进入导航，否则就取消跳转，并跳到登录页面让其登录。为此我们有很多种方法可以植入路由的导航过程：全局的, 单个路由独享的, 或者组件级的。全局守卫 vue-router全局有三个守卫：进入新的页面 bef 阅读全文

posted @ 2019-03-11 17:00 zhx119 阅读(242) 评论(0) 推荐(0)

2019年3月8日

组件实现双向数据绑定的原理

摘要：思路： vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 Object.defineProperty()：方法会直接在一个对象上定义一个新属性，阅读全文

posted @ 2019-03-08 14:38 zhx119 阅读(213) 评论(0) 推荐(0)

2019年2月18日

正则元字符总表

摘要：正则元字符总表元字符描述 \ 将下一个字符标记符、或一个向后引用、或一个八进制转义符。例如，“\\n”匹配\n。“\n”匹配换行符。序列“\\”匹配“\”而“\(”则匹配“(”。即相当于多种编程语言中都有的“转义字符”的概念。 ^ 匹配输入字行首。如果设置了RegExp对象的Multiline属阅读全文

posted @ 2019-02-18 16:29 zhx119 阅读(298) 评论(0) 推荐(0)

2019年2月11日

less文件转换为css文件

摘要： Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。本文主要介绍less文件如何转化为css文件。 1.首先，你要确认你的电脑已经安装了node。使用 npm 安装 lessc，命令行：npm i 阅读全文

posted @ 2019-02-11 16:30 zhx119 阅读(1603) 评论(0) 推荐(0)

Truthy真值

摘要：在 JavaScript 中，Truthy (真值)指的是在布尔值上下文中转换后的值为真的值。所有值都是真值，除非它们被定义为 falsy (即除了 false，0，""，null，undefined 和 NaN 外)。 JavaScript 中的真值示例如下（将被转换为 true，if 后的代阅读全文

posted @ 2019-02-11 14:26 zhx119 阅读(258) 评论(0) 推荐(0)

2019年1月28日

图片的滑动缩放html、css、js代码

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box { width: 100px; height: 100px; background-color: aquama 阅读全文

posted @ 2019-01-28 16:28 zhx119 阅读(547) 评论(0) 推荐(0)

2019年1月27日

Array.prototype.push.apply(a,b)和Array.prototype.slice.call(arguments)

摘要： Array.prototype.push.apply(a,b) 时常看到在操作数组的时候有这样的写法：这样写法等价的原因是因为在实例上寻找属性的时候，现在这个实例自己身上找，如果找不到，就根据内部指针__proto__随着原型链往上找，直到找到这个属性。在这里就是寻找push方法，两种写法最后找阅读全文

posted @ 2019-01-27 11:35 zhx119 阅读(403) 评论(0) 推荐(0)