前端工程师基础知识体系大纲

HTML&CSS

对Web标准的理解、浏览器内核差异、兼容性、hack

CSS基本功

布局、盒子模型、选择器优先级及使用、document flow(文档流)、清除浮动,hasLayout 和 块格式化上下文 (block-formattin contexts) 、reflow&repaint、硬件加速、HTML5(离线 & 存储,多媒体,Web Sockets ,Web Workers,History API2D/3D 绘图)、CSS3、Flexbox、CSS预编译、动画、响应式布局、移动端开发

JavaScript

数据类型、面向对象、数组、DOM、BOM、Function、继承、闭包、内置对象、作用域、跨域、原型链、、JSON、XMLHttpRequest、 RegExp、模块化、内存泄漏、事件机制、异步装载回调、模板引擎、前端MVC、NodeJS、JSON、ajax、框架、算法等

其他

(前端工程化\代码规范\预编译\前端框架\安全\优化\重构):HTTP、 ES6、 ES7、React、 VUE、Angular、Backbone、Underscore、Flux、Web Component、handlebars、Gulp/Grunt、Git、CDN、WEB安全、性能优化、项目重构、团队协作、SEO、UED、技术架构、快速学习能力

前端可深入的领域

前后端分离、前端工程化、前端质量体系、前端工具与生态圈、数据可视化、下一代类库框架、前端服务化、前端安全、设计工业化、跨平台解决方案。

这些很基础:

1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

2、DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。

3、事件 —— 如何使用事件,以及IE和标准DOM事件模型之间存在的差别。

4、XMLHttpRequest —— 这是什么、怎样完整地执行一次GET请求、怎样检测错误。

5、严格模式与混杂模式 —— 如何触发这两种模式,区分它们有何意义。

6、盒模型 —— 外边距、内边距和边框之间的关系,及IE8以下版本的浏览器中的盒模型

7、块级元素与行内元素 —— 怎么用CSS控制它们、以及如何合理的使用它们

8、浮动元素 ——怎么使用它们、它们有什么问题以及怎么解决这些问题。

9、HTML与XHTML ——二者有什么区别,你觉得应该使用哪一个并说出理由。

10、JSON —— 作用、用途、设计结构。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 8,989评论 1 19
  • 本文转发自github, 原文地址 <a name='js'>JavaScript</a> 介绍js的基本数据类型...
    XDUZ阅读 4,688评论 1 11
  • 醉之感受,于我并不是太陌生。我虽不胜酒力,却有过几次因朋友相邀,推杯换盏,兴致盎然中,不自觉酩酊大醉的经历...
    裴裴之乐阅读 3,184评论 4 8
  • 向植物学习爱情~我今天的诗朗诵! 今天比较开心的事情,是我终于开始收拾房间,终于开始和我的各种物品、破烂断舍离!从...
    热爱生活的广佳阅读 1,463评论 0 0
  • 也许,如果不这么腻歪,自己也不会作的要死要活。也许,每天上班下班 ,小日子甜蜜。有人爱有人疼,两年后抱个娃,在一起...
    华枝春满5339阅读 1,495评论 2 3

友情链接更多精彩内容