2018年09月_YUHUI01

12月 11月 10月 09月 08月 07月 06月

原创 JavaScript——for…… in……循环性能问题

问题：使用for……in……循环会遍历原型链所有的可枚举属性，如果你的目的不是需要所有属性，会造成不必要的循环const div =document.createElement('div')let m =0for (let k in div){ m++} console.log(m) //235console.log(Object.keys(div).length) ...

2018-09-22 22:18:40 542

原创 JavaScript——console调试

浏览器调试可以使用alert以及console1、console的基本输出console.log("打印字符串")//在控制台打印自定义字符串console.error("我是个错误");//在控制台打印自定义错误信息console.info("我是个信息");//在控制台打印自定义信息console.warn("我是个警告");//在控制台打印自定义警告信息consol...

2018-09-22 19:34:17 362

原创 Vue——过滤器 filter

局部过滤器，定义一个filters属性，为其添加过滤规则（function形式），第一个参数为过滤之前的值，通过return返回所需的值，可以通过第二个参数或者两个以上参数进行更精确的过滤，使用过滤器只需在模板标签中添加 | 以及过滤器名称即可，如果需要多个传参，可以像使用方法一样传参即可<template> <div id="app"> {{name...

2018-09-20 01:05:36 218

原创 Vue——自定义指令

全局/** * 全局指令 v-ff * Vue.directive('ff',{}) * 指令使用比较频繁的情况下使用全局 * * 局部指令 * 只使用一次或少量次数的指令使用局部 */ Vue.directive('ff', { // 当把指令与el绑定在一起的时候触发 bind(el, binding, vnode) { // 当指令绑定到元素...

2018-09-19 00:07:01 548

原创 Vue——混入

混入的变量或方法会先加载，如果在实例或者模板中重新定义了该变量，会覆盖该变量1、局部混入，只能在进入定义该变量的文件才具有该变量或方法新建test.js文件，用来存放需要混入的变量export default { data() { return { title: '哈哈' } }}在vue文件中的JavaS...

2018-09-16 22:54:32 1069

原创 RegExp——正则表达式的使用

正则表达式：按照某种规则去匹配符合条件的字符串正则表达式工具：http://regexper.comg代表global，会匹配全部符合规则的字符串，如果不加g，返回的是第一个符合的字符串使用构造函数var reg = new RegExp('\\bis\\b' , 'g') 在js中 \ 属于特殊字符，需要转义，第二个参数表示global全局匹配字面量/对象属性：写在正则表达式...

2018-09-16 20:24:48 1638

原创 git——同步项目clone、pull 以及fetch的主要区别

在本地没有项目的时候使用clone在本地有项目的情况下和远程不同步的情况下使用pull 拉取更新在本地已有项目主分支的情况下还想下载项目的其他分支使用fetch...

2018-09-16 11:29:55 4263

原创 vue——踩坑

1、vue文件一般放在html标签之后，因为vue实例需要绑定在html标签上，所以需要先加载html元素2、如果需要在vue文件中的style标签中使用less来书写css样式，需要在style标签中添加lang='less'属性，但是需要安装less模块<template> <div class="app"> </div...

2018-09-14 23:59:13 464

原创 Vue——webpack打包

首先创建Vue项目vue init webpack <项目名称>进入交互1. 输入项目名称2. 项目描述3. 作者名称4. 选择vue的编译模式默认选择第一种模式5. 选择是否安装vue的路由 6. 是否启用eslint 检测你的代码 7. 启用tests （用来做单元测试的）8. 启用e2e （用来做单元测试的）9. 选择用yarn 还是np...

2018-09-14 22:02:06 815

原创 Vue——动画

2018-09-09 16:04:30 418

原创 Vue——实例中的钩子函数

2018-09-09 15:28:59 1192

原创 Vue——生命周期

生命周期图例 beforeCreate() { // 实例或组件要开始被创建了 // 还没创建好之前是不能使用实例中的任何成员的 // 针对要去做ajax 请求的组件可以预先在beforeCreate 提前ajax请求},created() { // 实例或组件已经被创建好了 // created 里面是可以访问到当前实例的任何成员的...

2018-09-09 01:00:49 186

原创 Vue——component组件

使用组件，必须要有Vue实例，并且要把实例挂载在标签上，在vue实例中使用组件模板，会替换掉Vue绑定的元素<script> new Vue({ el:'#app' })</script>基础属性1、props属性是用来存放参数，把Vue实例与模板的参数相关联起来，相当于Vue实例与template之间的桥梁，可以写成数组的方...

2018-09-04 23:57:50 805

原创 JavaScript——遍历map、forEach、filter之间的主要区别

1、forEach()遍历数组，没有返回值var data = ['张三','李四','王五','老王','小明','小芳']var c = data.forEach((value, index, arr)=> { console.log(value, index, arr)})2、map()遍历数组，有返回值，根据回调里的返回值生成一个新数组var a =...

2018-09-03 22:09:56 727

原创 Vue——注意项

1、Vue中动态直接把数据插入到data对象中，添加的数据是不会被处理成响应式数据的，必须使用Vue.set 或者是 this.$setthis.$set(this.user,'sex','女') //this.user为data中的对象，'sex'为键，'女'为值2、Vue中的数组操作，只有对原数组有影响的方法才会生效，slice等生成副本的方法不会生效3、在computed中的属...

2018-09-01 01:23:43 711