2018年09月_LesterWeng

原创 ElementUI 爬坑记录

1. Form动态item校验，数据绑定：model 只能为对象 prop的书写规则：使用字符串拼接，即 'model + prop' 所取得值要对应v-model中的数据（对象的点语法与数组的index取值都是用点代替），举例如下：<el-form v-if="radioVals[index] === '1'" :model="f...

2018-09-30 11:14:48 379

原创 js Array重点注意记录

1. Array.prototype.fill当参数为对象（数组）时，该数组中每一项都将指向同一个对象，而并非每次都创建一个新对象，如下new Array(5).fill({x: 1}) 如果需要初始化一个每项都为对象的数组，可使用如下方式：Array.apply(null, {length: 5}).map(() => {return {x: 5}})2....

2018-09-29 22:50:06 216

原创 js 运算符优先级总结

下面的表将所有运算符按照优先级的不同从高到低排列（来源：MDN）优先级运算类型关联性运算符 20 圆括号 n/a ( … ) 19 成员访问从左到右 … . … 需计算的成员访问从左到右 … [ … ] new (带参数列表) n/a new … ( … ) 函数调用从左到右 ...

2018-09-28 22:51:08 1494

原创 vue 两种Object.assign响应式修改对象方式

两种写法1. this.obj = Object.assign({}, this.obj, {k: v})（推荐写法）推荐原因： this.obj可能是父级组件传过来的prop，而为了遵循单向数据流的设计理念，不直接修改该数据对象，而是生成一个新的数据对象表达式右侧会生成一个新的对象，this.obj会指向一个新的引用地址（常用于浅拷贝对象） 2. this.obj =...

2018-09-20 23:26:30 11365

原创 vue(2.x) 响应式修改数据（对象、数组）及难点（坑）

背景1. Vue不能检测对象属性的添加、删除（仅此而已，可直接对该对象重新赋值、修改该对象或内层对象的属性）2. Vue不能检测数组的项修改（根据index）、length修改（仅此而已，可直接对数组重新赋值，如使用filter、map、concat、slice等方式生成新数组对其赋值）对象1. $set、set、$delete、delete// $set是Vue.s...

2018-09-20 22:46:19 10263

原创 vue 为什么组件的data要写成返回对象的函数

原因：对象为引用类型，当重用组件时，由于数据对象都指向同一个data对象，当在一个组件中修改data时，其他重用的组件中的data会同时被修改；而使用返回对象的函数，由于每次返回的都是一个新对象（Object的实例），引用地址不同，则不会出现这个问题上面解释完，你可能还是不大清楚，下面我们举个简单的例子： // 1.对象方式（所有重用的实例中的data均为同一个对象） var da...

2018-09-20 21:44:16 4858

转载可被子元素继承的属性

文本color(颜色，a元素除外) direction(方向) font（字体） font-family（字体系列） font-size（字体大小） font-style（用于设置斜体） font-variant（用于设置小型大写字母） font-weight（用于设置粗体） letter-spacing（字母间距） line-height（行高） text-align（用于...

2018-09-16 22:27:20 1085

原创浏览器兼容性问题（IE9+;PC）

HTML/CSS1. 默认margin、padding不一致 * {margin: 0;padding: 0;}2. css3的animation IE9不支持3. display: flex IE9不支持；IE10部分支持，使用display: ms-flexbox flexbugs@github IE10下，justify-content对...

2018-09-06 20:30:20 4179

原创 W3C标准

如何符合W3C标准（html5）？确保所有的标签都是用小写字母确保所有的属性都放在引号里确保所有成对标签出现的顺序、不成对的标签都用/>结束，“/”和“>”之间不要有空格（input、img、meta等等除外）图片src不为空，有alt属性声明编程语言：<meta charset="utf-8"> 添加doctype：<!DOCTYPE html...

2018-09-01 11:08:12 199

NewWent的博客