2020前端技术分析

关键词

• TypeScript:可以理解为JS的升级版本，可以参看链接
• WebAssembly:链接
• Dart: 链接
• Flutter:Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。链接
• React Native:链接
• Serverless:链接
• Docker:链接
• Hooks:链接
• WebGL:链接
• Visualize
• 跨端框架
• uni-app:链接
• SSR
• UmiJS:链接
• Next.js
• Nest.js
• GraphQL
• 中台：集团化公司有很多子公司，为了统一公司技术，加了一层中间层的技术，方便各子公司进行技术沟通交流，技术维护
• PWA:PWA（Progressive Web App）是一种理念，使用多种技术来增强web app的功能，可以让网站的体验变得更好，能够模拟一些原生功能，比如通知推送。在移动端利用标准化框架，让网页应用呈现和原生应用相似的体验
• Deno:链接
• Vue3
• Web性能优化
• electron:链接

上述关键词技术分类

1. 范围分类：前端圈、出圈
2. 结果分类：0-1，80-100
3. 市场分类：热，不温不火
4. 难易程度分类：容易，有一定难度需要花时间沉淀

关键词按技术分类分析

学习发展路线

• 从易到难

1. TS、Hooks、跨端、SSR
2. 可视化、WASM、Flutter
3. Serverless、微服务

语言总结

• 本质上都是用到了编译原理（SICP、计算的本质、编译器设计）
• 函数式编程
• HTTP/TCP
• 图形学
• 工程化（Webpack、自动化）
  科班出身，其实对上面都有了解，但是要想学好，还是不容易的，所以还是要去温习，巩固。