盗用一下大神的图。。。
个人对前端的思考
本人现大三,前端小白,正在摸索并不断学习中,
前端学习就像造房子打地基房梁,要稳固,扎实,保持对前端知识的好奇心以及不断学习的能力。
个人现在的感觉就是学得很杂,什么都了解一点,但是没有一个完整的知识体系和架构,离秋招还有两个月。个人的目标就是一边实习一边完善自己的知识架构,并且保持每天分享的习惯。
前端开发工程师应该具备的基础知识体系大纲:
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 —— 作用、用途、设计结构。
职业发展思考
这个。。。工作前5年应该就按照正常的路子走,保持好奇心以及学习能力,不断更新自己。成为大牛之后,应该会考虑转管理或者继续技术之路。大家共勉~