跳到主要内容

前端框架预研

· 阅读需 2 分钟
林十二XII

19 年，前端 3 个框架的简单对比。

前端框架预研​

因设备前端框架, UI 组将停止维护, 故进行新框架选型. 本文的主要针对热度较高的 Angular React Vue 进行预研.

Angular​

简介​

由 Google 开发, 从 Angular2 开始, 使用 Typescript 语言进行开发.

相关性​

  1. ESPC 前端框架为 AngularJS 1.3.15, 但 Angular 2 与 1 相差很多
  2. upgrade 套件, 拥有一定的多版本并存特性, 但仍需二次开发&测试
  3. 公司部分项目使用了新版本的 Angular
  4. UI 组可提供组件库

需学习​

  1. Typescript
  2. Angular

React​

简介​

由 Facebook 开发, 灵活的 JSX 语法.

相关性​

  1. 公司部分项目使用 React 进行开发
  2. UI 组可提供组件库

需学习​

  1. React
  2. JSX

Vue​

简介​

由个人开发者开发, 上手门槛低

相关性​

  1. waf 有使用 Vue 进行开发的项目
  2. UI 组目前无 Vue 相关组件库

需学习​

  1. Vue

对比​

  1. React Vue 在 GitHub 均拥有 14w+-的 star, Angular 不到 5w
  2. Vue 打包体积仅 20kb, React 为 30+-, Angular 接近 100
  3. State Of JS 报告, React Vue 占据明显优势, Angular 有近 40%开发者不想使用
  4. Vue 学习成本最低, React 次之, Angular 较高
  5. 三框架均需学习 npm 基础操作, 及框架相关的工具链