为了帮助新入职的校招同学更快更好地熟悉工作内容,适应开发节奏,我们对学习提高前端技术的知识点进行了整理和汇总,希望可以帮到刚刚入职或是即将入职的你:
一、基础知识
计算机基础
计算机基础中传输协议是我们关注的重点,学习传输协议的工作机制有助于理解前端页面和服务端之间的信息沟通过程。
而浏览器缓存作为减少浏览器请求资源的次数、加快页面的响应速度的好帮手,也是我们必学必会的内容,理解浏览器的缓存机制有助于我们开发出用户体验感更好的页面。
1、UDP
2、TCP
3、HTTP
4、浏览器缓存机制
参考资料:《计算机网络》(谢希仁)
HTML&CSS
HTML和CSS用来构筑前端页面的骨架和肢干,是前端开发的基础必会技能。
1、表单标签
2、盒子模型
3、定位
4、Flex布局
5、transform
6、动画
参考资料:www.bilibili.com/video/BV14J…
JavaScript
使用HTML&CSS绘制出静态页面后,要实现页面交互需要编程语言JavaScript来完成。JavaScript分为ECMAScript,DOM和BOM三部分,掌握JavaScript是我们开发Web页面的重点必会技能。
1、语法基础
2、变量、作用域与内存
3、基本引用类型
4、Array
5、对象和继承
6、函数
7、BOM
8、DOM
9、事件
10、表单脚本
11、错误处理与调试
12、网络请求与远程资源
13、客户端存储
参考资料:《JavaScript高级程序设计》(第4版)
ES6
ECMAScript是JavaScript的核心,它描述了这门语言的基础语法,相关扩展(比如DOM)会使用ECMAScript的核心类型和语法。而ES6是目前开发中主流使用的ES版本,学好ES6是参与实际开发的基础和重点。
1、let和const
2、解构赋值
3、箭头函数与尾调用
4、Symbol
5、Set和Map
6、Promise
7、Generator函数
8、async函数
9、类与继承
5、模块
参考资料:《ECMAScript 6 入门教程》(阮一峰)
二、工作必会
git
git是公司里开发人员都会使用的版本控制工具。使用git可以实现同一项目的多人多线程开发,它会记录我们每一次提交的代码版本,也会将每个人在代码中修改的内容集成在一起作为发布线上的最终版本。
1、文件状态及转换
2、常用git命令
3、分支
4、版本管理
参考资料:www.bilibili.com/video/BV1vy…
webpack
webpack是一个用于现代JavaScript应用程序的静态模块打包工具,webpack可以帮我们学习搭建开发环境和生产环境、更加清晰地认识前端工程化。
1、概念
2、入口起点
3、输出
4、模式
5、loader
6、插件
7、配置
8、模块
9、模块解析
10、manifest
11、构建目标
12、模块热替换
参考资料:www.bilibili.com/video/BV1YU…
三、框架使用
Vue
Vue是一套用于构建用户界面的渐进式JavaScript框架,是实际工作中开发H5项目的最常用前端框架。
1、模板语法
2、数据代理
3、计算属性与监视属性
5、事件处理
6、表单数据处理及展示
7、条件渲染与列表渲染
8、常用内置指令
9、生命周期
10、组件化编程
11、ref和props
12、mixin
13、插槽
14、全局事件总线
15、消息订阅与发布
16、过渡和动画
17、Vuex
18、路由
参考资料:www.bilibili.com/video/BV1Zy…
React
React是用于构建用户界面的JavaScript库,是实际工作中开发PC项目和小程序的最常用前端框架,也是我们最为推荐使用的框架。
1、JSX
2、条件渲染和列表渲染
3、组件化编程
4、表单数据处理
5、state与setState()
6、组件间通讯
7、refs
8、props
9、生命周期
10、redux
11、路由
12、hooks
参考资料:www.bilibili.com/video/BV1Ya…
TypeScript
TypeScript是微软开发的一个开源编程语言,在实际开发中,部分PC项目和小程序也会使用TypeScript进行开发,建议学习了解。
1、基础语法
2、数据类型
3、变量声明
4、运算符
5、条件语句
6、循环
7、函数
8、Number
9、String
10、Array
11、Map对象
12、元组
13、联合类型
14、接口
15、类
16、对象
17、命名空间
18、模块
19、声明文件