一个合格的前端开发需要那些知识？

在APP开发中，前端开发其实专业技能的储备是比较抽象的，前端技术在大学课程里都没有。所以一般的前端开发工程师都是自己学的，或者是在一些培训班里学的，这是否就意味着前端工程师就不需要关注自己的硬技能呢？

前端开发工程师牵涉的知识范围是非常广的，特别是随着 nodejs 的出现，使得javascript 开发者面临着前所未有的知识荒原等待着我们去开阔。下面我列举一些在前端工程师面试中遇到的专业技能问题。而这些问题是作为前端开发工程师必须去深入学习的问题，就像英语学习中的单词记忆一样重要。下面列举我认为比较重要的知识点:

 

css 与 js 的阻塞加载

chrome / IE 浏览器事件兼容

css 相关

垂直水平居中

盒模型

浮动与定位

排版引擎与js引擎

GPU 加速与动画性能

DOM1，DOM2，DOM3 规范

css 性能

h 标签与 title 标签

em 与百分比等

浏览器缓存与应用缓存

div 与 table 布局

web 标准

css 的 hack 技术

png/jpg/webp 图片格式

canvas 与 svg

css3 的新特性，如 flex 布局等

响应式布局

link 与 import 区别

三栏自适应

b 和 strong，i 和 em 区别

减少页面回流

BFC

硬件加速与动画优化

前端自动化相关

webpack 相关

webpack-dev-server 相关

单页面打包工具+多页面打包工具

babel 相关

其他知识

http/1.1 与 http2

http 三次握手协议

http 状态码

json 与 xml

前端性能优化

nodejs/npm 相关内容

算法

几种排序算法

回文字符

递归(很重要)

其他常见的前端算法

javascript 相关

原型链与作用域

闭包

模块化(amd/cmd/umd/ES6 module)

AJAX 的几种状态，ajax与fetch，hijax

iframe 与 onload 阻塞主页面

前端安全与 CSRF，XSS，SQL注入，DDOS

ES6 新特性

promise 与 generator

服务器推

drag 和 drop 实现拖拽

cookie/session/本地存储

js 异步加载

IE 内存泄露

js 创建对象的几种方式

js 继承的几种方式与优缺点

jQuery 相关

js 捕获与冒泡

 

上面牵涉到的任何一部分内容都应该要能够融汇贯通，把基础打牢，才能在前端的路上越走越远。