2018年09月_原鑫@博客

原创 css3中有两个属性是可以直接影响到JS中的事件的

css3中有两个属性是可以直接影响到JS中的事件的，他们是pointer-events和touch-action。pointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。当该属性值设定为none时表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。需要注意的是，如果当前元素的pointer-events属性指定位non...

2018-09-28 18:49:02 518

原创执行instanceof的时候发生了什么，以及局限性！

执行instanceof的时候发生了什么! console.log('**********1') console.log([] instanceof Object) let a = [] console.log(a instanceof Array) Array = { [Symbol.hasInsta...

2018-09-28 15:49:05 534

原创 js的new操作符做了哪些事情

js的new操作符做了哪些事情new 操作符新建了一个空对象，这个对象原型指向构造函数的prototype，执行构造函数后返回这个对象。

2018-09-28 14:43:59 2269

原创 generator生成器

generator生成器函数末尾如果没有return，就是隐含的return undefined; let fbnq = (max)=>{ // 手写斐波那契数列 let a = 0 ; let b = 1; let c; let arr = [0,1] ...

2018-09-19 11:28:30 1019

原创 vue之watch的踩坑

vue之watch的踩坑watch中箭头函数和function的区别在上述代码中，当watch中allobj是箭头函数时，访问不到data中的this.allobj，但是参数val是有值的，普通函数function可以访问到外部的值，也就是说：vue的watch中，最好使用function，箭头函数有局限性。访问不到外部的data！...

2018-09-18 11:48:04 2033

原创 vue的Vue.set方法的使用

vue的Vue.set方法的使用vue为了更加简洁，当data的数据是数组或者对象时，动态的添加或删除，视图将不会更新其实有些时候，当我们想动态的给data中的属性设置默认值的时候也需要用Vue.set如图所示，想通过created给设置默认值，但是默认值可以设置成功，v-model的动态效果将会失去，这时候需要用Vue.set方法当然了，上面也相当于给data中的数据添加...

2018-09-17 23:50:24 33744 5

原创 vue动画之轮播图

<template> <div class="lunbo"> <transition-group tag="ul" name="image"> <li :key="0" v-show="lunboIndex === 0"><img src

2018-09-17 01:28:02 2644

原创 css常见布局

css之左边定宽右边自适应html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia

2018-09-17 01:26:57 187

原创 css之flex布局

css之flex布局 flex为css中最重要的布局方法之一，除了以往的浮动，定位，flex也是要掌握的技能css之flex布局1.flex-direction属性2.flex-wrap属性3.flex-flow属性4.justify-content属性5 .align-items属性6 align-content属性order属性重点**flex-growf...

2018-09-14 11:58:30 171

原创 css之左边定宽右边自适应

css之左边定宽右边自适应html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia

2018-09-14 10:00:09 1813

原创 es6之函数的扩展

es6之函数的扩展es6之函数的扩展1.函数参数的默认值1.1基本用法1.2与解构赋值默认值结合使用开始啦！！！ 1.函数参数的默认值1.1基本用法可以在参数中通过等号=设置默认值 let fun1 = (x = 5) =&amp;amp;amp;amp;amp;gt; { return x; } console.log(fun1

2018-09-11 16:34:05 137

原创 es6之数值的扩展

es6之数值的扩展es6之数值的扩展1.二进制和八进制2.Number.isFinite()和Number.isNaN()方法3.Number.parseInt()，Number.parseFloat()方法4.Number.isInteger()方法5.Number.EPSILON6.安全整数和Number.isSafeInteger()7.math 对象的扩展8.指数...

2018-09-10 19:05:55 358

原创 npm run build发生了什么？

npm run build发生了什么？最近总是感觉对vue的一些用法和语句还是不理解，于是决定撸一下源码，用于加深自己对vue的理解，同时vue主要是通过rollup进行打包编译，因为它相比webpack更加轻量，行了，废话不多说了，开始了！如上图所示，当我们执行npm runbuild命令的时候，首先package.json会将其解析为node build/build.js，...

2018-09-10 00:18:14 105466 4

原鑫的个人博客