框架

  1. React 17
    1. 干掉 unsafe
    2. 往维护期发展、前端工程化
    3. server component
    4. 更新启发式更新算法
    5. new jsx transform
  2. Vue 3.0
    1. composition api
    2. 响应式实现方式
    3. 编译方向(ref语法糖)
  3. 都没有在前端基于浏览器视图方案上有什么进步,除了Angular
    1. 不再关注框架本身
  4. 2021更趋向于工程化
    1. server components
    2. 异步渲染
    3. vite
    4. 其他部署问题

Typescript

  1. 更火
  2. 缺点
    1. JS的超集,最终还是编译成JS,像是JS的补丁,但又阉割了一些原型链上的api
    2. object的天然的随意属性变动无法使用
    3. 只在编译期进行类型检测,没办法控制后端api的类型

Flutter

  1. 不看好(只是一个产品)
  2. RN为什么不学Flutter构建UI系统
    1. RN更关注JS执行环境,而不是UI层面

PWA、WebComponent

  1. Google

GraphQL

  1. 概念好但需要后端资源,但得到的利益都在前端,后端还会有性能消耗
  2. 成本高
  3. 不太会成为主流

小程序

  1. 一家独大
  2. 微信小程序有外部公司开发多、自家的小程序只自家开发
  3. 会越来越火

行业趋势

  1. 由于疫情大环境影响,不会有爆发增长的
  2. 小游戏(h5或app小程序);幼稚,流量,增长访问
  3. 音视频直播;没有无门槛直播,成本高,要租用直播平台宽带,资源;成本会下降
  4. 服务端渲染【重点】
    1. 游戏、网页;提升用户加载体验
    2. React server component
    3. 音视频数据直接从源到用户端,不经过服务器,节省服务器资源成本
  5. 大数据
    1. 数据可视化;不仅是charts,突破二维(二维剔除了一些不必要的数据来得出结果,没有过程数据)
    2. B端发展,更细化,更垂直(垂直领域)
    3. 用户/客户;用户:切换平台;客户:产品不兼容;所以集成度会越来越高
    4. Canvas、WebGL 数据可视化
  6. Serverless【重点】
    1. 组件既服务;组件可以直接连数据库
    2. 基础云服务由服务商提供,我们更要关注如何部署
  7. 低代码 Low-code
    1. 问题
      1. 外部对接
      2. 需要学多个平台
    2. 视觉抽象化转化为代码
  8. 机器学习
    1. 问卷调查怎么判断是否乱填
      1. 通过填写时候的行为使用模型判断,不通过后端,直接用浏览器的资源实时判断
  9. WebRTC (Web Real-Time Communication)
    1. 5G
  10. WebAssembly
    1. 计算的东西放到web上,底层数据处理比如视频的编辑
    2. Rust
  11. DSL 描述系统语言(领域特定语言)