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

css

css布局

干货!各种常见布局实现+知名网站实例分析
<https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5aa252ac518825558001d5de>

BFC

学习 BFC (Block Formatting Context)
<https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59b73d5bf265da064618731d>

flex

一劳永逸的搞定 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综合

个人总结(css3新特性)
<https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5a0c184c51882531926e4294>

css3动画优化

高性能 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>







js

js基础

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>

原型

深度解析原型中的各个难点
<https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5aa78fe66fb9a028d2079ca4>

this、apply、call、bind相关问题

this、apply、call、bind
<https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59bfe84351882531b730bac2>

js执行机制

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>

dom

破解前端面试(80% 应聘者不及格系列):从 DOM 说起
<https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F58f558efac502e006c3e5c97>

跨域

前端常见跨域解决方案(全)
<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>

es6

ECMAScript 6 入门
<https://link.juejin.im?target=http%3A%2F%2Fes6.ruanyifeng.com%2F>





vue

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

React 常用面试题目与分析
<https://link.juejin.im?target=https%3A%2F%2Fzhuanlan.zhihu.com%2Fp%2F24856035%23tipjar>




webpack

前端面试之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>

PC端兼容性

浏览器兼容性问题解决方案 · 总结
<https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F59a3f2fe6fb9a0249471cbb4>

移动端兼容性

移动 Web 开发问题和优化小结
<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>

常见数据结构与算法

我接触过的前端数据结构与算法
<https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F5958bac35188250d892f5c91>

十大经典排序算法总结(JavaScript描述)
<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>


版本控制问题(git/svn)

互联网公司常见工作流比较
<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>


前端部署代码问题

大公司里怎样开发和部署前端代码?
<https://link.juejin.im?target=https%3A%2F%2Fwww.zhihu.com%2Fquestion%2F20790576>

浏览器工作原理

浏览器的工作原理:新式网络浏览器幕后揭秘
<https://link.juejin.im?target=https%3A%2F%2Fwww.html5rocks.com%2Fzh%2Ftutorials%2Finternals%2Fhowbrowserswork%2F>

浏览器缓存机制

浏览器缓存知识小结及应用
<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 前端页面劫持和反劫持
<https://link.juejin.im?target=https%3A%2F%2Fjuejin.im%2Fpost%2F593df628da2f60006728cff2>




未完待续……




(文章原创整理,转载请注明出处,谢~)




作者:kiddddd
链接:https://juejin.im/post/5aae076d6fb9a028cc6100a9
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。