smile轉角 - 博客园

【ES6 】ES6 解构赋值--对象解构赋值

摘要：对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。基本用法如果解构失败，变量的值等于undefined。 let { bar, foo } = { foo: 'aaa', bar: 'bbb' }; 阅读全文

posted @ 2019-09-16 17:29 smile轉角阅读(13054) 评论(0) 推荐(0) 编辑

【ES6 】ES6 解构赋值--数组解构赋值

摘要：定义 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构数组的解构赋值以前，为变量赋值，只能直接指定值。 let a = 1; let b = 2; let c = 3; es6写法 let [a, b, c] = [1, 2, 3]; 不完全解构--解构不成功，值都会阅读全文

posted @ 2019-09-16 16:37 smile轉角阅读(4114) 评论(0) 推荐(0) 编辑

【ES6 】var/let/const的区别

摘要： var 声明变量没有区级作用域可以预解析可以重复定义声明的全局变量属于顶层对象（window）的属性 let 声明变量有块级作用域没有预解析不可以重复定义声明的全局变量不属于顶层对象（window）的属性 const 声明只读常量，一旦声明不可更改有区级作用域没有预解析不可以阅读全文

posted @ 2019-09-16 15:40 smile轉角阅读(209) 评论(0) 推荐(0) 编辑

【ES6 】声明变量的方式

摘要： var function let const import class 阅读全文

posted @ 2019-09-16 15:38 smile轉角阅读(171) 评论(0) 推荐(0) 编辑

【ES6 】const命令

摘要：本质 const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，co 阅读全文

posted @ 2019-09-16 15:31 smile轉角阅读(552) 评论(0) 推荐(0) 编辑

【web性能优化】当用户输入网址后发生了什么？

摘要：简单叙述这个过程可以大致分为两个部分：网络通信和页面渲染。一、网络通信互联网内各网络设备间的通信都遵循TCP/IP协议，利用TCP/IP协议族进行网络通信时，会通过分层顺序与对方进行通信。分层由高到低分别为：应用层、传输层、网络层、数据链路层。发送端从应用层往下走，接收端从数据链路层网上走。如阅读全文

posted @ 2019-08-28 01:27 smile轉角阅读(368) 评论(0) 推荐(0) 编辑

【vue】computed 和 watch

摘要：计算属性：computed 监听多个变量且变量是在vue实例中(依赖某个变量，变量发生改变就会触发) 侦听器： watch 监听一个变量的变化使用场景：watch(异步场景) computed(数据联动) demo: 阅读全文

posted @ 2019-08-19 15:45 smile轉角阅读(233) 评论(0) 推荐(0) 编辑

【其他】BootCDN

摘要： BootCDN 稳定、快速、免费的前端开源项目 CDN 加速服务是 Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务，致力于为 Bootstrap、jQuery、Angular、Vuejs 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开阅读全文

posted @ 2019-08-19 15:23 smile轉角阅读(187) 评论(0) 推荐(0) 编辑

【js】面向对象学习资料

摘要： 1.面向对象模式： https://m.jb51.net/article/74549.htm 2.面向对象基础篇 http://www.cnblogs.com/chiangchou/p/js-oop1.html 实例篇 http://www.cnblogs.com/chiangchou/p/js-o 阅读全文

posted @ 2019-08-19 11:05 smile轉角阅读(121) 评论(0) 推荐(0) 编辑

【js】clientY pageY screenY layerY offsetY的区别

摘要： clientY 指的是距离可视页面左上角的距离 pageY 指的是距离可视页面左上角的距离(不受页面滚动影响) screenY 指的是距离屏幕左上角的距离 layerY 指的是找到它或它父级元素中最近具有定位的左上角距离 offsetY 指的是距离它自己左上角的距离一张图带大家简单了解了解在我们阅读全文

posted @ 2019-08-19 11:04 smile轉角阅读(804) 评论(0) 推荐(0) 编辑