前端面试考点多？看这些就够了

小鱼儿 2022-05-29 09:45 237阅读 0赞

金三银四跳槽季，offer快到碗里来，前端面试考点众多，而网上各个知识点的博客文章又太多，看的眼花缭乱……所以便整理了一下常见知识点的精华文章，每个知识点的文章控制在3篇以内，尽量覆盖该知识点的下容易被面试到的所有内容，文章都是之前自己读过的，确定是精华干货。文章会一直更新，也欢迎大家推荐精华文章，大家共同学习进步！

## css ##

### css布局 ###

[干货!各种常见布局实现+知名网站实例分析][Link 1]

### BFC ###

[学习 BFC (Block Formatting Context)][BFC _Block Formatting Context]

### flex ###

[一劳永逸的搞定 flex 布局][flex]

### 移动端 ###

[腾讯移动Web前端知识库][Web]

### css3综合 ###

[个人总结（css3新特性）][css3]

### css3动画优化 ###

[高性能 CSS3 动画][CSS3]

### 综合 ###

[12个HTML和CSS必须知道的重点难点问题][12_HTML_CSS]

## js ##

### js基础 ###

[JavaScript深入系列15篇正式完结！][JavaScript_15]

### 闭包 ###

[破解前端面试（80% 应聘者不及格系列）：从闭包说起][80_]

### 原型 ###

[深度解析原型中的各个难点][Link 2]

### this、apply、call、bind相关问题 ###

[this、apply、call、bind][this_apply_call_bind]

### js执行机制 ###

[JavaScript：彻底理解同步、异步和事件循环(Event Loop)][JavaScript_Event Loop]

[这一次，彻底弄懂 JavaScript 执行机制][JavaScript]

### dom ###

[破解前端面试（80% 应聘者不及格系列）：从 DOM 说起][80_ _ DOM]

### 跨域 ###

[前端常见跨域解决方案（全）][Link 3]

### 常见工具函数手写（节流，防抖，扁平，柯里化...） ###

[JavaScript专题系列20篇正式完结！][JavaScript_20]

### 正则 ###

[JS正则表达式完整教程（略长）][JS]

### es6 ###

[ECMAScript 6 入门][ECMAScript 6]

## vue ##

[vue常见面试题][vue]

[剖析 Vue.js 内部运行机制][Vue.js]

## React ##

[React 常用面试题目与分析][React]

## webpack ##

[前端面试之webpack篇][webpack]

[Webpack3.X 成神之路][Webpack3.X]

## 其他 ##

### 前端规范 ###

[前端开发规范：命名规范、html规范、css规范、js规范][html_css_js]

### PC端兼容性 ###

[浏览器兼容性问题解决方案 · 总结][Link 4]

### 移动端兼容性 ###

[移动 Web 开发问题和优化小结][Web 1]

### 调试技巧 ###

[web调试优化-chrome开发者工具不完全指南][web_-chrome]

### 常见数据结构与算法 ###

[我接触过的前端数据结构与算法][Link 5]

[十大经典排序算法总结（JavaScript描述）][JavaScript 1]

### 设计模式 ###

[Javascript常用的设计模式详解][Javascript]

### 版本控制问题（git/svn） ###

[互联网公司常见工作流比较][Link 6]

### 前端部署代码问题 ###

[大公司里怎样开发和部署前端代码？][Link 7]

### 浏览器工作原理 ###

[浏览器的工作原理：新式网络浏览器幕后揭秘][Link 8]

### 浏览器缓存机制 ###

[浏览器缓存知识小结及应用][Link 9]

### 浏览器综合 ###

[从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！][URL]

### 前端安全 ###

[xss/csrf问题：前端安全知识][xss_csrf]

[sql注入问题：网络攻击技术开篇——SQL Injection][sql_SQL Injection]

[劫持类问题：Web 前端页面劫持和反劫持][Web 2]

作者：kiddddd  
链接：https://juejin.im/post/5aae076d6fb9a028cc6100a9

[Link 1]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5aa252ac518825558001d5de
[BFC _Block Formatting Context]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59b73d5bf265da064618731d
[flex]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F58e3a5a0a0bb9f0069fc16bb
[Web]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Fhoosin%2Fmobile-web-favorites
[css3]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5a0c184c51882531926e4294
[CSS3]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FAlloyTeam%2FMars%2Fblob%2Fmaster%2Fperformance%2Fhigh-performance-css3-animation.md
[12_HTML_CSS]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5a954add6fb9a06348538c0d
[JavaScript_15]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59278e312f301e006c2e1510
[80_]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F58f1fa6a44d904006cf25d22
[Link 2]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5aa78fe66fb9a028d2079ca4
[this_apply_call_bind]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59bfe84351882531b730bac2
[JavaScript_Event Loop]: https://link.juejin.im?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000004322358
[JavaScript]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59e85eebf265da430d571f89
[80_ _ DOM]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F58f558efac502e006c3e5c97
[Link 3]: https://link.juejin.im?target=https%3A%2F%2Fsegmentfault.com%2Fa%2F1190000011145364
[JavaScript_20]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59eff1fb6fb9a044ff30a942
[JS]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5965943ff265da6c30653879
[ECMAScript 6]: https://link.juejin.im?target=http%3A%2F%2Fes6.ruanyifeng.com%2F
[vue]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5aa00229f265da239b40fc02
[Vue.js]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fbook%2F5a36661851882538e2259c0f
[React]: https://link.juejin.im?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F24856035%23tipjar
[webpack]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59cb6307f265da064e1f65b9%23heading-5
[Webpack3.X]: https://link.juejin.im?target=http%3A%2F%2Fjspang.com%2F2017%2F09%2F16%2Fwebpack3-2%2F
[html_css_js]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F592d4a5b0ce463006b43b6da
[Link 4]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59a3f2fe6fb9a0249471cbb4
[Web 1]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59c4c9d85188254f58412d17
[web_-chrome]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59ffad656fb9a0450b65c4c0
[Link 5]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5958bac35188250d892f5c91
[JavaScript 1]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F57dcd394a22b9d00610c5ec8
[Javascript]: https://link.juejin.im?target=https%3A%2F%2Fwww.cnblogs.com%2Ftugenhua0707%2Fp%2F5198407.html
[Link 6]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Fgeeeeeeeeek%2Fgit-recipes%2Fwiki%2F3.5-%25E5%25B8%25B8%25E8%25A7%2581%25E5%25B7%25A5%25E4%25BD%259C%25E6%25B5%2581%25E6%25AF%2594%25E8%25BE%2583
[Link 7]: https://link.juejin.im?target=https%3A%2F%2Fwww.zhihu.com%2Fquestion%2F20790576
[Link 8]: https://link.juejin.im?target=https%3A%2F%2Fwww.html5rocks.com%2Fzh%2Ftutorials%2Finternals%2Fhowbrowserswork%2F
[Link 9]: https://link.juejin.im?target=http%3A%2F%2Fwww.cnblogs.com%2Flyzg%2Fp%2F5125934.html
[URL]: https://link.juejin.im?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F34453198%3Fgroup_id%3D957277540147056640
[xss_csrf]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59dc2b7a6fb9a0451869ae3a
[sql_SQL Injection]: https://link.juejin.im?target=http%3A%2F%2Fwww.cnblogs.com%2Frush%2Farchive%2F2011%2F12%2F31%2F2309203.html
[Web 2]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F593df628da2f60006728cff2