摘要:
解构赋值出现的契机: 问题核心: 每次取值既要确定对象属性名,还得重新定义一个变量占用多一行,代码行数和重复的声明a,使得代码不够简洁,能否通过左边变量名,匹配到右边的属性名从而取得对应的值,ES6解构语法核心就基于这样的模式匹配思想 上面的问题解构方案: 很明显看到,我们无需在右侧显式声明取值属性 阅读全文
摘要:
以下是项目中常用npm命令: 1.初始化项目(生成package.json) npm init 然后根据提示填写项目信息即可 2.添加依赖 npm install(i) [package]@[version] ( S/ D) ( g) 参数解析: 1.install(i) install有一个简写i 阅读全文
摘要:
table元素是一个很常用的元素。但是在开发中,我也遇到了一些值得记录下来的问题及解决方案: 1.td内容溢出时,隐藏内容并且以省略号提示 2.设置表头宽度,直接设置th的宽度是无效的,因为它是基于自动计算 阅读全文
摘要:
js的sort方法,我们一般传入一个回调用于单排序,也就根据某一个条件排序,那么一个场景需要多条件排序(多重排序),我们怎么处理呢? 如下例子,我们按学生的总分排序,如果总分相等,我们再按照语文成绩排序。 关键点在于sort回调如何定义排序规则 阅读全文
摘要:
async、await相比原生promise的有优势: 1.更加简洁,await一个promise即可,那么会自动返回这个promise的resolve值,无需在then函数的回调中手动取值,彻底解决了回调 2.避免了then链式调用的,没有设置失败回调而导致异常被抛出到then链的末端,而导致被忽 阅读全文
摘要:
普通: property="value" 此时 value为字符串 v bind指令 v bind:property="value" 此时 value会被解析成一个变量,若是在vue实例中没有找到,会显示找不到错误 作用: 1.用于动态绑定一个值 2.用于传入变量 注意事项: :property = 阅读全文
摘要:
盒模型box sizing: 取值 1.content box 默认值,标准盒模型,设置宽度为内容宽度,实际宽度为左右边距加上左右边框加上左右填充再加上内容宽度 2.border box 设置宽度等于元素内容宽度,content包含了元素的border和padding 3.inherit 继承父元素 阅读全文
摘要:
flex: 概念: flex容器: display:flex flex项: 轴:水平的主轴、垂直的交叉轴 容器的属性: 1. flex direction(决定主轴的方向、即项目的排列方向) 1.1 row(默认值): 主轴为水平方向,起点在左端 1.2 row reverse: 主轴为水平方向,起 阅读全文
摘要:
响应基于 set 和 get(Object.defineProperty) 类型: 单向绑定 双向绑定 简单例子(基于Object.defineProperty) html <!DOCTYPE html Document name age </form // 实现Model到View的单向绑定 // 阅读全文
摘要:
![](https://img2018.cnblogs.com/blog/1361028/201810/1361028-20181009230456045-1505493587.png) 阅读全文