具体的题目有性能优化,提升代码质量,做埋点系统,优化webpack等,这里我把他们统称为系统设计和优化题。
在这里我尝试找一下应对这些问题的套路,让大家可以在工作和面试中找到感觉,顺利过关。
下面我就同时写题目和我自己的答案,希望大家能在阅读的过程中找到一些规律。
具体题目如何做性能优化?问题的关键是性能,那么,性能指的是什么?页面加载的快慢和页面是否流畅。
那么用什么指标来衡量呢?页面加载时长和帧率
怎么计算这些指标呢?加载时长可以使用performance.timing,API上报,onload等事件。而帧率可以使用raf来计算。
那么我们要怎么做性能优化呢?针对用户访问的全流程,每一步进行优化。如dns解析,tcp链接,渲染页面等。详情可以查看我的文章。
如何提升代码质量?同样我们要先想以下的问题什么是代码质量?代码质量有哪些指标(代码性能、代码的缺陷数量)?怎么计算指标?
怎么提升代码质量?从研发的流程着手。需求评审、代码初始化、写代码(eslint)、提交代码(git