crispyChicken

摘要： 何时进行响应式处理 1. 在new Vue的时候，会调用observe函数，observe函数会调用Observer类，Observer类会调用walk函数，walk函数会调用defineReactive函数，defineReactive函数会调用Object.defineProperty函数，从而 阅读全文

摘要： // 使用map生成考虑了所有情况的深拷贝函数 function deepClone(obj, map = new WeakMap()) { // 基本类型直接返回 if (typeof obj !== "object" || obj null) { return obj; } // 如果map中有 阅读全文

摘要： CSS 属性计算过程 你是否了解 CSS 的属性计算过程呢？ 有的同学可能会讲，CSS属性我倒是知道，例如： p{ color : red; } 上面的 CSS 代码中，p 是元素选择器，color 就是其中的一个 CSS 属性。 但是要说 CSS 属性的计算过程，还真的不是很清楚。 没关系，通过此 阅读全文

摘要： 你不知道的 CSS 之包含块 一说到 CSS 盒模型，这是很多小伙伴耳熟能详的知识，甚至有的小伙伴还能说出 border-box 和 content-box 这两种盒模型的区别。 但是一说到 CSS 包含块，有的小伙伴就懵圈了，什么是包含块？好像从来没有听说过这玩意儿。 好吧，如果你对包含块的知识一 阅读全文

摘要： 前提：永远不要过早地优化，仅在影响运行、卡的不行的时候才优化 [参考] 代价：代码会变得难以阅读，开发难度增大 使用key 对于通过循环生成的列表，应给每个列表项一个稳定且唯一的key，这有利于在列表变动时，尽量少的删除、新增、改造元素。 一般使用ID作为Key 使用冻结的对象 冻结的对象（里面的属 阅读全文

摘要： var vm = new Vue({ el: ".container", // 挂载点 data: {}, // 数据决定了页面的样子 | 数据的响应式 => 数据变了界面跟着变 computed: {}, // 计算属性，惰性求值的依赖者，存在缓存 }) 在Vue单例中，一般会把整个页面交给Vue 阅读全文

摘要： var obj = { a: 1 } // 获取属性描述符 var desc = Object.getOwnPropertyDescriptor('obj','a'); console.log(desc); desc = { value: 1, writable: true, enumerable: 阅读全文

摘要： 事情的起源是我给大屏系统添加了顶部栏，UI给了一个图片作为背景图 但是这个背景图我觉得不好看，因为里面的六边形动不了，效果不是很好 想要一个六边形随机闪烁的效果 所以我自己写了一个组件遍历生成了好多好多个六边形元素（5行 * 每行120个 共600个） 然后requestAnimationFrame 阅读全文

摘要： JS编写优先级： 数据逻辑编写 界面逻辑编写 事件监听函数绑定 数据逻辑和界面逻辑相分离，属于数据逻辑内部的事情不要交给页面逻辑处理。 尽可能降低数据冗余度，属于不同层的数据分别写到对应的层中。 做好基建工作，即把不同层的内部方法尽可能地定义好，后面遇到相似功能的时候组合基础方法就行了。 功能解耦， 阅读全文

摘要： 面试题 浏览器是如何渲染页面的？ 当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。 在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。 整个渲染流程分为多个阶段，分别是： HTML 解析、样式计算、布局、分层、绘制、分块、光栅化 阅读全文