这份前端面试小册子dog cheng带来啦~

写在前面

没有错,就是我啦dog cheng,好久不见,从17年在博客园写下第一篇文章,转身间已然两年,从大二到现在的大四预备毕业生,我仍然在这条道路上前进。秋招早已经结束,在拿到用友,滴滴的offer之后,最终在九月选择了百度APP,但是我没有停下,怀着学习的态度完成了一份90页PDF近140+commits的面试小册之后,写下了这段文字

互联网发展迅猛之余也伴随着互联网寒冬,行业不景气这样的词,等毕业季去各个求职网站投简历,去各个人才市场找机会,才发现四处碰壁,作为应届求职者更需要打好基础,明确发展规划,跟上行业步伐。下面是本人2019年秋招前端面试经历,结合个人博客和牛油们面经中的高频问题以及行业前辈们复习资料的综合整理,包含基础篇Vue框架篇HTTP&浏览器构建工具篇安全篇算法篇,欢迎交流斧正,希望大家在毕业季都能一帆风顺,从容斩获OFFER。近100+前端面试题及推荐解答,资源合集,这个冬天不会很冷

因为篇幅有限,下面留下了前两篇各五道面试题,这个项目已经在github上开源,欢迎大家取用:Github

HTML/CSS

浏览器解析渲染页面过程

大致过程:

HTML解析构建DOM->CSS解析构建CSSOM树->根据DOM树和CSSOM树构建render树->根据render树进行布局渲染render layer->根据计算的布局信息进行绘制

不同浏览器的内核不同,所以渲染过程其中有部分细节有不一样,以webkit主流程为例:

这份前端面试小册子dog cheng带来啦~_第1张图片

一篇很棒的文章:How Browser Work

我有话说:浏览器解析渲染页面过程是一个复杂的过程,其中有不少的细节和规则,如果把上面分享的文章翻译成译文,至少有3~5页PDF左右,所以这里只能总结大致过程(作为面试回答【很可能让回答的尽可能详细】了解来说已经足够,更深入的了解可以好好读下上面那篇文章)

较详细过程:

HTML解析构建DOM树:其中HTML Parser就起到了将HTML标记解析成DOM Tree的作用,HTML Parser将文本的HTML文档,提炼出关键信息,嵌套层级的树形结构,便于计算拓展;这其中也有很多的规则和操作,比如容错机制,识别特殊标签

CSS解析构建CSSOM树:CSS Parser将很多个CSS文件中的样式合并解析出具有树形结构Style Rules,也叫做CSSOM。

※其中还有一个细节是浏览器解析文档:当遇到

你可能感兴趣的:(这份前端面试小册子dog cheng带来啦~)