你为什么使用前端框架?

613 阅读1分钟

1. 代码层面的问题

  • 原生开发 ------------------------->框架开发
  • 缺少规划,代码混乱-------------->结构化开发
  • 缺少限制,容易冲突-------------->独立文件,独立作用域
  • 缺少支撑,能力要求高-------------->提供支持,只关注业务

2.效率问题

  • 原生开发 ------------------>框架开发
  • 关注所有流程-------------->关注业务
  • 团度效率低-------------->并行开发
  • 测试效率低-------------->模块测试,自动化测试

3.多页应用的问题

  • 原生开发 ------------------>框架开发
  • 路由体验问题-------------->使用单页路由
  • 无页面切换效果-------------->可以添加过场动画
  • 浪费服务器资源-------------->减轻服务器的压力

4.框架开发不足

  • 兼容性问题,SEO不友好
  • 有场景要求,开发自由度降低
  • 有黑盒开发,框架本身有出错的风险
  • 有学习成本

5.框架的对比

5.1 angular(英文文档,移动lonic)

  • 背景:2009 ,Google
  • 主要版本1x、2x、4x、5.x
  • 基于html的大而全的MVC框架

5.2 React(英文文档,移动React Native)

  • 背景:2013.5 ,FaceBook
  • 最新:16.x
  • 基于js的视图层框架

5.3 vue(多语言,移动weex)

  • 背景:2014.2 ,尤雨溪(现在阿里巴巴)
  • 最新:0.x、1.x、2.x
  • 基于html的视图层框架

框架对比