❶ 前端开发者应知必会：浏览器是如何渲染网页的
主要由渲染引擎完成，渲染引擎主要包括：HTML解释器 CSS解释器 布局(layout) JavaScript引擎
HTML解释器：解释HTML文本的解释器，主要作用是将HTML文本解释成DOM(文档对象模型)树，DOM是一种文档的表示方法；
CSS解释器：级联样式表的解释器，它的作用是为DOM中的各个元素对象计算出样式信息，从而为计算机最后网页的布局提供基础设施；
布局：在DOM创建之后，Webkit需要将其中的元素对象跟样式信息结合起来，计算它们的大小位置等布局信息，形成一个能够表示这所有信息的内部表示模型；
JacaScript引擎：使用JavaScript代码可以修改网页的内容，也能修改CSS的信息，JavaScript引擎能够解释JavaScript代码并通过DOM接口和CSSOM接口来修改网页内容和样式信息，从而改变渲染的结果；
绘图：使用图形库将布局计算后的各个网页的节点绘制成图形结果(例如：需要依赖2D/3D图形库，音频视频和图片解码器等来实现高性能的网页绘制和网页的3D渲染)；
此内容摘自webkit内核书上复制下来的
❷ vue前端异步与页面渲染问题：怎样让子异步函数完成后页面再渲染
异步加载完成后 调用ui线程的handle来sendMessage 在handle的dispatchMessage中处理消息，做progressBar的隐藏处理
❸ 什么是前端渲染什么是服务端渲染两者区别及应用场景
举个商品列表页面为例子。
前端渲染：说的应该是刚进入页面时，商品列表这些数据都不给你，不会渲染出这些数据。然后加载script时，再用ajax或者fetch之类的发起了请求另一个接口，服务端返回了商品列表的json数据给你，你在js中用模板引擎之类的技术，把这些数据拼成html字符串插入到Dom里。
服务端渲染：服务端用php的smarty模板或者java的jsp，把页面的商品列表信息渲染出来了，返回一个html给浏览器了。
区别：如果页面要求被蜘蛛抓取，前端渲染的数据就不能被抓取到，但是服务端渲染的页面就能被抓取到。如果有SEO要求，只能用服务端渲染。如果用Node.js渲染的话，那就都没这些问题了。