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

短命女 2022-04-24 23:52 207阅读 0赞

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

## css ##

### css布局 ###

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

### BFC ###

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

### flex ###

[Flex 布局教程：语法篇][Flex]

[Flex 布局教程：实例篇][Flex 1]

### 移动端 ###

[腾讯移动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]

[原生JS中DOM节点相关API合集][JS_DOM_API]

[dom里各种尺寸区别（offsetWidth，scrollWidth，clientWidth，innerWidth....）][dom_offsetWidth_scrollWidth_clientWidth_innerWidth....]

### 跨域 ###

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

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

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

### 正则 ###

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

### es6综合 ###

[ECMAScript 6 入门][ECMAScript 6]

### promise ###

[promise用法：八段代码彻底掌握 Promise][promise_ Promise]

[promise实现原理：手把手教你实现一个完整的 Promise][promise_ Promise 1]

### Generator，async/await相关 ###

[阮一峰：Generator，async，Thunk，co 系列][Generator_async_Thunk_co]

## vue ##

[vue常见面试题][vue]

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

## React ##

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

## webpack ##

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

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

## 其他 ##

### 模块化 ###

[前端模块化：CommonJS,AMD,CMD,ES6][CommonJS_AMD_CMD_ES6]

### 前端规范 ###

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

### 移动端适配 ###

[使用Flexible实现手淘H5页面的终端适配][Flexible_H5]

[vw、vh:再聊移动端页面的适配][vw_vh]

### PC端兼容性 ###

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

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

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

### 调试技巧 ###

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

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

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

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

### 设计模式 ###

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

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

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

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

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

### 前端持续集成 ###

[实战笔记：Jenkins打造强大的前端自动化工作流][Jenkins]

### https ###

[分分钟让你理解HTTPS][HTTPS]

### http2.0 ###

[HTTP/2协议–特性扫盲篇][HTTP_2]

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

[浏览器工作机制全面梳理][Link 8]

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

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

### 浏览器综合 ###

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

### 前端安全 ###

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

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

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

### SEO ###

[前端SEO技巧总结][SEO]

### PWA ###

[PWA学习与实践系列][PWA]

未完待续……

原文发布时间为：2018年6月8日

原文作者：chenhongdong

本文来源：[掘金][Link 10]如需转载请联系原作者

[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=http%3A%2F%2Fwww.ruanyifeng.com%2Fblog%2F2015%2F07%2Fflex-grammar.html
[Flex 1]: https://link.juejin.im?target=http%3A%2F%2Fwww.ruanyifeng.com%2Fblog%2F2015%2F07%2Fflex-examples.html
[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
[JS_DOM_API]: https://link.juejin.im?target=https%3A%2F%2Fmicrozz.com%2F2017%2F04%2F06%2Fjsdom%2F
[dom_offsetWidth_scrollWidth_clientWidth_innerWidth....]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Fpramper%2FBlog%2Fissues%2F10
[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
[promise_ Promise]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F597724c26fb9a06bb75260e8
[promise_ Promise 1]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5b16800fe51d4506ae719bae
[Generator_async_Thunk_co]: https://link.juejin.im?target=http%3A%2F%2Fwww.ruanyifeng.com%2Fblog%2F2015%2F04%2Fgenerator.html
[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
[CommonJS_AMD_CMD_ES6]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5aaa37c8f265da23945f365c
[html_css_js]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F592d4a5b0ce463006b43b6da
[Flexible_H5]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Famfe%2Farticle%2Fissues%2F17
[vw_vh]: https://link.juejin.im?target=https%3A%2F%2Fwww.w3cplus.com%2Fcss%2Fvw-for-layout.html
[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%2F5ab4f1066fb9a028e11fe49c
[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
[Jenkins]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5ad1980e6fb9a028c42ea1be
[HTTPS]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5ad6ad575188255c272273c4
[HTTP_2]: https://link.juejin.im?target=https%3A%2F%2Fwww.cnblogs.com%2Fyingsmirk%2Fp%2F5248506.html
[Link 8]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5a6547d0f265da3e283a1df7
[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
[SEO]: https://link.juejin.im?target=https%3A%2F%2Fwww.cnblogs.com%2FEnSnail%2Fp%2F5671345.html
[PWA]: https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5ac8a67c5188255c5668b0b8
[Link 10]: https://juejin.im/post/5aae076d6fb9a028cc6100a9