前端知识架构及自己的职业发展思考

Posted 2020-09-24 糊涂一点web

盗用一下大神的图。。。

个人对前端的思考

本人现大三，前端小白，正在摸索并不断学习中，

前端学习就像造房子打地基房梁，要稳固，扎实，保持对前端知识的好奇心以及不断学习的能力。

个人现在的感觉就是学得很杂，什么都了解一点，但是没有一个完整的知识体系和架构，离秋招还有两个月。个人的目标就是一边实习一边完善自己的知识架构，并且保持每天分享的习惯。

前端开发工程师应该具备的基础知识体系大纲：

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年应该就按照正常的路子走，保持好奇心以及学习能力，不断更新自己。成为大牛之后，应该会考虑转管理或者继续技术之路。大家共勉～