摘要:
js优化 当 HTML 解析器遇到一个 script 标记时,它会暂停构建 DOM,将控制权移交给 JavaScript 引擎;等 JavaScript 引擎运行完毕,浏览器会从中断的地方恢复 DOM 构建。 这也就是为什么我们需要将script tag放在页面的底部。 /React APP一般会如 阅读全文
摘要:
css优化 根据上面的内容我们知道了,想要渲染页面必须有render tree,而render tree是由DOM tree以及CSSOM tree组成的。 默认下,CSS会阻塞渲染页面 我们通过@media等,可以让CSS标记为不阻塞渲染 不论是否阻塞渲染,浏览器都会将CSS资源下载到客户端 所以 阅读全文
摘要:
性能优化 1.css优化 前端优化的目的是什么 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。 总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利 阅读全文
摘要:
生成随机UID console.group('生成随机UID:') const genUid = (length = 20) => { var soupLength = genUid.soup_.length var id = [] for (var i = 0; i < length; i++) 阅读全文
![js-utils](https://images.cnblogs.com/cnblogs_com/zc-lee/1901579/o_201216094643c4_img6.png)
摘要:
好的注释可以提高代码的可读性和可维护性,从而提高代码质量。 注释的目的和原则 注释的目的: 提高代码的可读性,从而提高代码的可维护性 注释的原则: 如无必要,勿增注释 ( As short as possible ) 如有必要,尽量详尽 ( As long as necessary ) 我们写注释, 阅读全文
摘要:
js-面向对象
1. 对象是什么
2. 构造函数
3. new 命令 阅读全文
![](https://images.cnblogs.com/cnblogs_com/zc-lee/1901579/o_201216094636c4_img2.png)
摘要:
JS的防抖与节流 在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。 函数防抖(debounce) 阅读全文
![js-utils-防抖与节流](https://images.cnblogs.com/cnblogs_com/zc-lee/1901579/t_201216094630c4_img1.png)