crispyChicken

摘要： 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 解析、样式计算、布局、分层、绘制、分块、光栅化 阅读全文

摘要： 事件循环⼜叫做消息循环，是浏览器渲染主线程的⼯作⽅式。 在 Chrome 的源码中，它开启⼀个不会结束的 for 循环，每次循环从消息队列中取出第⼀个任务执⾏，⽽其他线程只需要在合适的时候将任务加⼊到队列末尾即可。 过去把消息队列简单分为宏队列和微队列，这种说法⽬前已⽆法满⾜复杂的浏览器环境，取⽽代 阅读全文

摘要： 参考答案： 不⾏，因为： 计算机硬件没有原⼦钟，⽆法做到精确计时 操作系统的计时函数本身就有少量偏差，由于 JS 的计时器最终调⽤的是操作系统的函数，也就携带了这些偏差 按照 W3C 的标准，浏览器实现计时器时，如果嵌套层级超过 5 层，则会带有 4 毫秒的最少时间，这样在计时时间少于 4 毫秒时⼜ 阅读全文