排序:
默认
按更新时间
按访问量

Vue 组件通信总结

父-子组件通信 通过Props / Attrs,注意: 此处不区分是否加引号,若不bind,皆作字符串处理,否则作为表达式处理 若传入对象,则子组件上的该对象与父组件中的该对象指向同一个地址,如果希望对传入的对象进行修改且不影响父组件,则需要看情况对其进行深、浅拷贝 若传入的属性在父组...

2018-10-17 23:48:25

阅读数:8

评论数:0

JavaScript语言精粹-毒瘤、糟粕(应对)

毒瘤 不使用全局变量 使用块级作用域,不var return与返回值要位于同一行,否则当自动插入分号后会返回undefined 当对象的属性名与js保留字相同时,无法使用点语法,使用括号表示法 js字符是16位的,Unicode将一对字符视为一个单一的字符,而js将其认为是两个不同的字符...

2018-10-17 22:17:04

阅读数:15

评论数:0

VSCode 快捷键

通用 Ctrl+Shift+P, F1    显示命令面板 Ctrl+P    快速打开(文件) Ctrl+Shift+N    新窗口/实例 Ctrl+Shift+W    关闭窗口/实例 Ctrl+,    打开用户设置 Ctrl+K+S    键盘快捷键 基本编辑 Ctrl+X    剪切...

2018-10-17 14:54:28

阅读数:10

评论数:0

ts 函数

1. 函数的返回值类型可不定义,编译器可以自动识别类型(即使可能会根据情况返回不同的类型) 2. 由于存在类型推断,函数类型可以省略左右任意一边如下: // 完整函数类型 let func: (x: number, y: number) => number = ...

2018-10-16 16:12:35

阅读数:11

评论数:0

ts 基础类型

1. boolean 2. string 3. number 4. number[] / Array<number> 5. turple(元组,如下) [string, object, number, number[]] 6. enum(...

2018-10-16 11:44:47

阅读数:28

评论数:0

webpack记录

css/sass...中可以使用 '~@' 访问 'assets'中的文件(都可使用 alias 'src', js中使用 '@',css中使用 '~@',效果与 require('@/assets/')类似)   欢迎关注、点赞

2018-10-08 09:56:51

阅读数:21

评论数:0

前端新技术记录

1. 移动开发 pwa(progressive web app) flutter(移动UI框架) 2. 其他 graphQL(API)   欢迎关注、点赞  

2018-10-04 16:38:01

阅读数:44

评论数:0

ElementUI 爬坑记录

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

2018-09-30 11:14:48

阅读数:66

评论数:0

js Array重点注意记录

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

2018-09-29 22:50:06

阅读数:25

评论数:0

js 运算符优先级总结

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

2018-09-28 22:51:08

阅读数:22

评论数:0

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

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

2018-09-20 23:26:30

阅读数:51

评论数:0

vue 响应式修改数据(对象、数组)及难点(坑)

背景 1. Vue不能检测对象属性的添加、删除(仅此而已) 2. Vue不能检测数组的项修改(根据index)、length修改(仅此而已)   对象  1. $set、set、$delete、delete // $set是Vue.set的别名 this.$set(this.obj,...

2018-09-20 22:46:19

阅读数:84

评论数:0

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

原因:对象为引用类型,当重用组件时,由于数据对象都指向同一个data对象,当在一个组件中修改data时,其他重用的组件中的data会同时被修改;而使用返回对象的函数,由于每次返回的都是一个新对象(Object的实例),引用地址不同,则不会出现这个问题 上面解释完,你可能还是不大清楚,下面我们举个...

2018-09-20 21:44:16

阅读数:47

评论数:0

css 可被子元素继承的属性

文本 color(颜色,a元素除外) direction(方向) font(字体) font-family(字体系列) font-size(字体大小) font-style(用于设置斜体) font-variant(用于设置小型大写字母) font-weight(用于设置粗体) l...

2018-09-16 22:27:20

阅读数:28

评论数:0

浏览器兼容性问题(IE9+)

1. 默认margin、padding不一致     解决: * {margin: 0;padding: 0;} 2. css3的animation     解决: IE9不支持 3. display: flex     解决: IE9不支持;IE10部分支持,使用display: ms...

2018-09-06 20:30:20

阅读数:54

评论数:0

W3C标准

如何符合W3C标准(html5)? 确保所有的标签都是用小写字母 确保所有的属性都放在引号里 确保所有成对标签出现的顺序、不成对的标签都用/>结束,“/”和“>”之间不要有空格(input、img、meta等等除外) 图片src不为空,有alt属...

2018-09-01 11:08:12

阅读数:19

评论数:0

html 常用块级元素与行内元素

常用块级元素: div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre,HTML5新增的header、section、aside、footer等   常用行内元素: span、img、a、input、tex...

2018-08-18 11:25:13

阅读数:74

评论数:0

css 各种百分比的指向

相对于父级宽度的: max-width、min-width、width、left、right、text-indent、padding、margin、grid-template-columns、grid-auto-columns、column-gap 等;   相对于父级高度的: max-h...

2018-08-18 10:20:07

阅读数:66

评论数:0

css 块级元素、行内元素的水平、垂直居中方法总结

行内元素 div { /*div内的行内元素水平居中*/ text-align: center; /*div内的行内元素垂直居中(即line-height设置为与height相同)*/ height: 50px; line-height: 50px; ...

2018-08-18 00:51:53

阅读数:364

评论数:0

css display: inline、block和inline-block

inline:使元素变成行内元素(内联),拥有行内元素的特性,即 1. 与其他行内元素共享一行 2. 不能修改width、height属性,大小由内容撑开 3. padding属性 top、right、botto、left设置都有效;margin属性只有left、right设置有效   ...

2018-08-16 17:16:54

阅读数:24

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭