前端增长-高级进阶知识梳理总结

前端增长-重新定义大前端

精心打造全新课程,欢迎吐槽!反馈宝贵意见!

在线课程:网易云课堂课程      思否课堂

课件脑图下载:https://github.com/chalecao/fed-regain

面试准备:分析千份面试记录教你如何面试

喜欢给我点亮github星星哦!

 

课程介绍

前端知识点很多,很细碎。一般同学都是死记硬背一些知识点。机灵的同学会背一些案例,更聪明的同学会背一下原理,理解下大概。奈何时光催人老,再好的记忆也会有忘记的时候,况且人生的不同阶段所侧重的点也不一样。
所以本课程从面试考察的知识点入手,梳理前端知识点脉络,精讲各个点的长问问题和设计原理,让你从死记硬背转化为理解,实现前端能力增长。再也不需要死记硬背,该忘记就忘记吧,有事没事想一想,捋一捋就行。

课程大纲

本课程参考总结的脑图逐个展开讲解原理。(目前课件还在更新中)

第一章 HTML-相识
1.1 前端增长,业界发展,盘他?
1.2 学习目标,人生就是起起落落落?
1.3 HTML咋解析的呢?DOM构建
1.4 CSSOM如何构建?会阻塞吗
1.5 RenderTree上来秀一波
1.6 Layout布局引擎,新交规解析
1.7 牛逼的render进程合成层,拯救世界
1.8 HTML加载阻塞?咋不上天呢
1.9 页面渲染会堵车吗?FM93交通之声

第二章 CSS-相知
2.1 啥是Containing Block?有鸟用
2.2 要BFC?要啥自行车
2.3 到底是怎么定位?挖坑吗
2.4 咋布局?设套吗?flex兄弟上车
2.5 CSS优先级,优生优育
2.6 CSS预处理原理
2.7 合成器和非合成器动画,爆GPU菊花
2.8 大哥,你的动画卡顿了,快逃
2.9 基线和行高的坑

第三章 JavaScript-相爱

课时19 浏览器引擎与webkit
课时20 JavaScript虚拟机运行原理流程剖析
课时21 JavaScript类型推断
课时22 JavaScript虚拟机对象访问优化
课时23 秒懂事件循环原理
课时24 事件循环之宏任务与微任务
课时25 JavaScript虚拟机垃圾回收
课时26 JavaScript数据类型与内存模型
课时27 数据类型检测与深浅克隆
课时28 数据监听方法有哪些?
课时29 模块数据通信的方法

第四章 浏览器-相生
4.1 所谓的单线程
4.2 为什么执行超过50ms是longtask?
4.3 UI线程与worker线程
4.4 浏览器强制缓存与协商缓存
4.5 serviceworker与pagecache与memorycache
4.6 http请求幂等性和2.0的链接复用
4.7 跨域原因风险和通信方法有哪些?
4.8 hign resolution time api
4.9 performance.timing加载性能指标计算
4.10 xss漏洞原理和防御
4.11 CSRF攻击原理和防御编辑删除
4.12 JSONP劫持和越权漏洞

第五章 框架-相克
5.1 字符串模板原理和比较
5.2 实现virtualDOM三要素
5.3 virtualNode构建方法和原理
5.4 virtualDOM构建过程和render原理
5.5 vue框架的特点和优势
5.6 vue中用到的设计模式
5.7 vue中initState初始化流程
5.8 vue数据响应系统实现原理
5.9 vue的缺点有哪些
5.10 React的diffDOM算法(tree diff和component)
5.11 React的element diff算法
5.12 React新特性hooks?context?错误边界?
5.13 SPA路由实现的几种方法和原理

第六章 编码能力-相辅

6.1 常见排序算法简介

6.2 贪心、分治、动态规划、回溯等算法

6.3 编码能力设计模式等思考

第7章 NodeJs-相成

7.1 Node事件驱动高并发的原因

7.2 Node事件循环机制

第8章 打包-相情 【8月20更新】

第9章 小程序-相怨【8月20更新】

第10章 前端架构-相恨 【8月20更新】

前端开发级别和职责

岗位名称 初级前端开发工程师 中级前端开发工程师 高级前端开发工程师 资深前端开发工程师 前端技术专家
层级 P3 P4 P5 P6 P7
主要职责 1、完成前端的日常需求。
2、根据视觉和交互原型的要求,实现htmldemo和交互效果。
3、倾听客户需求,在指导下完成商业意思明确的前端开发任务。
1、完成前端的日常需求。
2、根据视觉和交互原型的要求,实现htmldemo和交互效果。
3、倾听客户需求,在指导下完成商业意思明确的前端开发任务。
4、完成普通的前端项目开发
1、完成前端项目开发
2、对新人的专业培训
3、跟踪客户需求,独立完成需求解决方案
4、参与组件或类库的编写工作
1、参与各种项目开发环节,提供前端解决方案。
2、负责前端代码审核和规范制定
3、设计前端架构并带领项目成员进行组件开发
4、与项目相关方协作,保障项目进度和质量
1、参与各种项目需求,提供前端解决方案。
2、设计前端架构并带领项目成员进行组件开发
3、开展技术难点攻关研究,提供技术解决方案
4、负责技术专利的发掘和专利申请的初步审核
基本条件 教育程度 \ \ \ \ \
工作年限 \ 1年以上前端开发经验 2年以上前端开发经验 3年以上前端开发经验 \
专业能力 HTML技能 熟练使用HTML标签,对HTML标签特性有一定理解。对HTML语义话有一定了解 熟练使用HTML标签,对HTML标签特性有一定理解。HTML代码符合语义话要求,可读性强。了解不同的HTML版本及对应的标签特性 1、对HTML(包括HTML的不同版本)有深入的研究                         2、对HTML应用有一定见解          3、HTML代码语义话和结构明晰,可读性强,可扩展和维护性强 1、对HTML(包括HTML的不同版本)有深入的研究                         2、有丰富的HTML应用经验 1、对HTML(包括HTML的不同版本)有深入的研究                         2、有丰富的HTML应用经验
css技能 熟练使用CSS属性及选择器,能使用一些CSShack。对模块化和栅格化布局有一定的了解。 熟练使用CSS属性及选择器,能使用CSShack。对模块化和栅格化布局有一定的了解。 1、熟悉各种CSS属性和选择器
2、对各个版本的CSS属性有深入研究
3、对选择器性能和应用有一定见解
1、熟悉各种CSS属性和选择器
2、对各个版本的CSS属性有深入研究
3、对选择器性能和应用有一定见解
1、熟悉各种CSS属性和选择器
2、对各个版本的CSS属性有深入研究
3、对选择器性能和应用有一定见解
脚本编程技能 能独立使用JS完成一些简单的需求 能熟练使用JS或AS等脚本语言编程 1、能熟练使用JS或AS等脚本语言编程
2、熟悉ECMA(包括ECMA262\ECMA357等)规范
3、对DOM编程性能有一定的了解
4、能自己封装一些常用的函数类库
1、深刻了解脚本语言的各种规范
2、对程序算法和结构有深入研究
3、至少熟练两种脚本编程语言
1、深刻了解脚本语言的各种规范
2、对程序算法和结构有深入研究
3、熟练各种脚本编程语言
4、有丰富的设计模式应用经验
框架应用能力 至少能使用一种前端框架或函数库 能熟练的使用主流的前端框架 1、能熟练的使用主流的前端框架
2、对主流的前端框架有一定的研究
3、熟练使用各种wedget组件
1、对主流的前端框架有深入的研究
2、有丰富的前端框架开开发
3、丰富的wedget组件开发经验
1、有丰富的前端框架开开发
2、丰富的wedget组件开发经验
WEB开发技能 有一定的WEB开发基础 熟悉AJAX开发,对基本的数据传输协议有一定了解 1、至少熟练使用一门服务端变成语言
2、有一定的WEB开发经验
3、了解各种网络协议
4、能使用各种开放API
5、或熟悉flex开发
1、有丰富的WEB开发经验
2、熟悉各种数据传输协议和开放接口
3、有丰富的开放性API开发经验
1、有丰富的WEB开发经验
2、有丰富的开放性API设计经验
3、有丰富的开发模式应用经验
4、有丰富的系统设计经验
平台及环境兼容与性能 兼容各种主流浏览器 兼容各种主流浏览器 1、兼容各种浏览器
2、对移动终端平台有良好的支持
3、有较高的WEB性能
4、了解linux等操作系统并能使用一些简单的shell命令
1、有一定的桌面软件或移动终端软件开发能(air,Android,ios…)
2、有在windows,linux,IOS等平台下进行前端开发的能力
3、有丰富的性能优化经验
4、对安全机制有深入的理解
1、有丰富的多平台开发经验
2、对平台兼容性有深入的研究
3、有丰富的性能及安全经验
4、能提供基于平台开发的解决方案
开发工具及调试工具使用 熟练使用视觉设计软件和文本编辑软件,至少能简单使用浏览器开发调试工具 熟练使用视觉设计软件和文本编辑软件,会使用浏览器开发调试工具 1、熟练使用各种浏览器调试工具
2、熟练使用各种开发软件及开发平台
1、有一定的浏览器插件开发经验
2、有一定的开发工具插件开发技能
1、熟悉浏览器插件开发等技术
2、提供基础应用的开发工具程序
文档及代码质量 代码结构明晰工整 代码工整,有明晰的结构,可读性强,可维护性强,有一定的文档编写能力。有规范的代码注释风格。 1、有编写技术文档的能力
2、熟悉JsDoc Toolkit等文档工具
3、熟悉YUICompress等代码压缩工具
1、较强的文档设计能力
2、代码的规范以及技术说明的撰写
3、能编写项目流程对应环节的文档
1、有系统的文档撰写能力
2、提供具有参考价值的技术文档和规范文档。
3、提供具有参考学习价值的案例教程
素质能力 关注细节 良好 良好 优秀 卓越 卓越
客户专注度 良好 良好 优秀 卓越 卓越
责任感 良好 强烈 强烈 强烈 强烈
主动性 良好 积极 积极 积极 积极
沟通能力 良好 优秀 优秀 卓越 卓越
学习能力 良好 优秀 优秀 卓越 卓越
特别要求 项目经验 对项目技术难点有一定的解决能力 有丰富的项目解决能力,并提供优质高效的解决方案 有丰富的项目管理经验

 

课件

知识共享署名4.0国际许可协议,转载请保留出处; 部分内容来自网络,若有侵权请联系我:前端学堂 » 前端增长-高级进阶知识梳理总结

赞 (2) 打赏

评论 0

如果对您有帮助,别忘了打赏一下宝宝哦!

支付宝扫一扫打赏

微信扫一扫打赏