2020-08-25 html的页面优化渲染过程 + css的无法实现的样式 + JS的四则混合运算求值 + 软技能的同步异步区别及应用场景

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