既然是前端进阶,那就不再是闭包之类的基础问题了。下面是我收集到的一些前端的基本功和前沿技术的名词概念,大家可以根据兴趣来学。
学习方法:
- 事件一些新的技术和概念
- 抽取这些技术和概念,建造一个新的轮子
- 把造轮子,实践的过程写成文章
- 系统性的把这些文章整理成书
基本功:
- 模块化:
- 自动化构建:webpack
- 资源表加载优化,静态资源管理
- 项目监控
- 项目部署
- 错误监控,错误收集,错误排除
- 事件驱动,reactor模式
- 线程驱动
- seo优化
- 单元测试
- 性能优化
技术前沿:
- pwa:渐进式网页应用
- ssr:服务端渲染(nuxt.js)
- graphql:一个用于api的查询语言
- amp:加速移动网络的网页加载从而提升体验
- webcomponent:一个浏览器的新功能,提供了一个面向web包括下面几个方面标准的组件模型。
- webassembly:在浏览器中运行一些高性能、低级别的编程语言。如c,c++
- 微前端:将微服务理念扩展到前端开发
- react native:跨平台开发
- weex:跨平台开发
- truffle:以太坊开发框架
- typescript:是一种由微软开发的自由和开源的编程语言
- opengl:一个跨平台的第三方图形绘制库
- three.js,webgl:一个跨平台的第三方图形绘制库
参考资源
1. awesome:https://github.com/sindresorhus/awesome
2. 饿了么大前端:https://github.com/ElemeFE/node-interview/tree/master/sections/zh-cn
3. 静态资源管理:https://aotu.io/notes/2016/07/19/A-little-exploration-of-front-end-engineering/
4. 性能优化:https://mp.weixin.qq.com/s/_eUwRgNV-ycmhJv4OHAgtA
欢迎大家评论补充,指出斧正,不吝赐教。共同进步