2020-08-25 题目来源:http://www.h-camel.com/index.html
[html] 如何优化页面的渲染过程
首先,页面的渲染过程包括以下几个步骤:
1.HTML解析,构建DOM树
2.CSS解析,构建CSSOM树
3.DOM和CSSOM结合,形成Rendering Tree渲染树
4.根据渲染树来进行布局,计算节点的信息
5.将各个节点绘制到屏幕上
注意:DOM和CSSOM如果被修改了,将会进行重排和重绘
优化:
1.HTML的结构布局完整清晰,标签的合理使用
2.CSS的优化,CSS会阻塞加载,将外部样式放在head标签中,link来引入
3.JS的优化,js会阻止DOM的构建,延迟网页渲染。实现页面效果的部分,应该放在body之前引入,动作、交互、事件驱动等需要访问DOM元素的部分,应该放在body之后。js的动态加载。
4.合理使用缓存也能加快页面的渲染
[css] 在工作中有没有遇到过哪些前端样式你是用css做不出来的?做不出来怎么办?
1.瀑布流布局
2.滚动条的宽、高判断
3.任意字体下的每行字符数限制
4.精确的文字排版
转自 https://www.zhihu.com/question/31863128/answer/54000633
[js] 输入一个四则混合运算的表达式,请写个方法求它的值
两个数值的四则运算比较容易实现,多个数值的混合运算 可以看看js是怎么实现计算器的逻辑。
[软技能] 同步和异步什么区别?它们各有什么应用场景?
强调的是消息通信的机制,比较 https://www.cnblogs.com/IT-CPC/p/10898871.html