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

猜你喜欢

转载自blog.csdn.net/vampire10086/article/details/108576786