2020年12月10日
Vue响应式原理
摘要： 原理 当创建 Vue 实例时,vue 会遍历 data 选项的属性,利用 Object.defineProperty 为属性添加 getter 和 setter 对数据的读取进行劫持（getter 用来依赖收集,setter 用来派发更新）,并且在内部追踪依赖,在属性被访问和修改时通知变化。 每个组 阅读全文
posted @ 2020-12-10 18:04 想进步的琪琪 阅读(114) 评论(0) 推荐(0)
CSS实现水平垂直居中
摘要： HTML部分代码： <div style="width:300px;height:300px;" class="wrap"> <div style="width:100px;height:100px;" class="box"></div> </div> 1、最优雅的方法flex .wrap { d 阅读全文
posted @ 2020-12-10 13:29 想进步的琪琪 阅读(72) 评论(0) 推荐(0)
2020年12月9日
BFC
摘要： BFC - Block Formating Context 块级格式化上下文 BFC的目的是形成一个完成独立的空间，让空间里的子元素不会影响到外面的布局。 如何形成这样一个神奇的空间？我们为元素设置一些CSS属性就能触发这一空间。 最常见的触发规则有4种： 1、float不为none 2、posit 阅读全文
posted @ 2020-12-09 15:28 想进步的琪琪 阅读(48) 评论(0) 推荐(0)
全局变量和局部变量的坑
摘要： 全局变量是不会作用于同名局部变量的作用域的。 例子1： var a = 10; // 全局变量 function test() { a = 100; console.log(a); // 100 console.log(this.a); // 10 var a; // 局部变量 console.lo 阅读全文
posted @ 2020-12-09 11:26 想进步的琪琪 阅读(76) 评论(0) 推荐(0)
this的指向规则
摘要： 1、f1() 无调用者指向window 2、obj.f1() 有调用者，指向obj 3、arguments[0]() 有调用者，指向arguments // obj['id'] = obj.id 例子： var length = 100; function f1() { console.log(th 阅读全文
posted @ 2020-12-09 11:18 想进步的琪琪 阅读(56) 评论(0) 推荐(0)
ES6的新特性
摘要： 一、let, const与var的区别 1、let, const 不存在变量提升。 2、let, const 在同一个作用域下不能重复定义相同的变量名称。 3、let, const 有严格的作用域， 块级作用域。var 则是函数作用域。 4、const 声明一个只读的常量，一旦定义，常量的值不能改变 阅读全文
posted @ 2020-12-09 10:48 想进步的琪琪 阅读(53) 评论(0) 推荐(0)
ES6与JS的关系
摘要： ES6 - ECMAScript 6 规范，JS是对于这个规范的实现， TS -TypeScript是JS的超集。 babel转码器会把ES6转为浏览器识别的ES5。 阅读全文
posted @ 2020-12-09 10:40 想进步的琪琪 阅读(747) 评论(0) 推荐(0)