Web前后端技术调研（⼩组开发⽔利委项⽬）⼀、时间因素
总体计划⽅案：
5.17 - 5.30（14）
前端：优化Axure图、学习前端技术；
后端：完成⼩程序所需后台接⼝设计。
6.1 - 6.31（31）
前端：完成所有页⾯的实现（第⼀个版本）；
后端：完成后台所需所有接⼝的设计（第⼀个版本）。
详细计划⽅案（周。每周四16:00交流：进度和问题）
5.17 - 5.24（7）
前端：优化Axure图、学习前端技术（React）；
后端：确定需求（先考虑⼩程序所需功能）、设计数据库、设计类和接⼝、制定统⼀规范。
5.25 - 5.31（7）
前端：开发后端接⼝（⼩程序部分对应的web页⾯）已实现功能的页⾯；
后端：开发⼩程序所需接⼝（实现）。
6.1 - 6.10（10）
前端：开发⼩程序所需功能页⾯（3天时间学习+7天时间开发），并提交⼩程序作品；
后端：完成⼩程序所需接⼝（实现），提前则继续着⼿其他模块。
6.11 - 6.20（10）
前端：开发⾮⼩程序接⼝对应页⾯。
后端：开发⾮⼩程序接⼝的主要功能接⼝（实现）。
6.21 - 6.31（11）
前端：根据前⾯完成情况，完成剩下未完成部分。
后端：根据前⾯完成情况，完成剩下未完成部分。
当前下⼀步计划：
1. gen的技术调研情况
2. gan的技术使⽤情况，推荐
3. 前端使⽤技术
⼆、项⽬本⾝风险因素
2.1 ⽹站的主要⽬的
宣传分会，吸纳更多会员
2.2 主要功能
主要功能包含以下⼏类：
前端测试和后端测试的区别
1. 信息展⽰类：分会介绍、分会动态介绍（业界热点新闻）、会员介绍、会议通知和介绍、会议资料展⽰、分会产品展⽰、各类奖励和评审结果
展⽰、证书查询等；
2. 评审类（填表、各类资料上传）：职称评审、注册会员资料评审。
3. 会议资料上传和下载类：图⽚、视频、PPT、论⽂等。
2.3 功能难点
1. 数据问题：分会产品展⽰、各类奖励展⽰，证书等。
2. 需要后台OA系统来管理评审：提交的评审表、申请表，这些数据怎么使⽤，前台评审结果的展⽰数据从哪来。
3. 资料上传下载
2.4 ⼩程序部分功能
当前主要是信息展⽰
拟展⽰以下⼏类信息：
1. 分会介绍
2. 分会动态介绍
3. 会员介绍
4. 会议通知和介绍
5. 分会产品展⽰
6. 各类奖励和评审结果展⽰
三、团队能⼒建设因素
GJW：前端开发、⼩程序、UI设计。（React、⼩程序开发、优化Axure图、⼩程序界⾯设计）
1 先设计⼩程序UI，学习⼩程序的视频，开发；
2 转向React的开发。
ZG：后端开发。（数据库、类的设计、框架搭建、代码的编写）
1 明确⼩程序所需功能；
2 设计⼩程序所需功能接⼝、数据库等。
WHN：前端开发。（React、优化Axure图）
1 学习React；
2 优化Axure。
LYX：后端开发。（数据库、类的设计）
1 明确⼩程序所需功能；
2 设计⼩程序所需功能接⼝、数据库等。
WD：前端开发、后端开发。（打酱油）
1 前端框架总结、React学习；
2 参与明确⼩程序所需功能；
3 参与后台搭建。
四、前端JavaScript 开发框架选择
为 web 应⽤选择 JavaScript 开发框架是⼀件很费脑筋的事。现如今 Angular 和 React ⾮常流⾏，并且最近出现的新贵 VueJS 同样博得了很多⼈的关注。更重要的是，这只是⼀些新起之秀。
我们主要讨论如今市场占绝对优势的JavaScript开发框架：
Angular、React、Vue 三剑客
image.png
以下是我们今天要解决的问题：
1 这些框架或库有多成熟？
2 这些框架只会⽕热⼀时吗？
3 这些框架相应的社区规模有多⼤，能得到多少帮助？
4 到每个框架开发者容易吗？
5 对于⼩型或⼤型应⽤程序，框架是否易⽤？
6 每个框架学习曲线什么样？
8 你期望这些框架的性能怎么样？
9 在哪能仔细了解底层原理？
10 你可以⽤你选择的框架开发吗？
4.1 三剑客各⾃的⽀持
Angular 是基于 TypeScript 的 Javascript 框架。由Google进⾏开发和维护，它被描述为“超级厉害的 JavaScript MVW 框架”。
React 被描述为 “⽤于构建⽤户界⾯的 JavaScript 库”。React 最初于 2013 年 3 ⽉发布，由 Facebook 进⾏开发和维护，Facebook 在多个页⾯上使⽤ React 组件（但不是作为单页应⽤程序）。
Vue 是 2016 年发展最为迅速的 JS 框架之⼀。Vue 将⾃⼰描述为⼀款“⽤于构建直观，快速和组件化交互式界⾯的 MVVM 框架”。它于2014 年 2 ⽉⾸次由 Google 前员⼯ Evan You 发布。
Angular == React > Vue
4.2 框架⽕热程度
在 Github 上（2018.5.17），Angular 有 36,000+ 的 star 和 463 位代码贡献者，React 有 95,000+ 的 star 和 1,000+ 位代码贡献者，⽽ Vue 有近 94,000 的 star 和只有 120 位代码贡献者。
npm 趋势显⽰了 npm 包的下载次数，相对⽐单独地看 Github star 更有⽤：
image.png
React == Vue > Angular
4.3 长期⽀持和迁移
Facebook 在其设计原则中指出，React API ⾮常稳定。
关于 Angular，从 v2 发布开始，有⼀篇关于版本管理和发布 Angular 的博客⽂章。每六个⽉会有⼀次重⼤更新，⾄少有六个⽉的时间（两个主要版本）。
Vue 1.x 到 2.0 的更新过程对于⼀个⼩应⽤程序来说应该很容易 - 开发者团队已经声称 90% 的 API 保持不变。在控制台上有⼀个很好的升级 -诊断迁移 - 辅助⼯具。
另外：Angular 是⼀个完整的框架，提供了很多捆绑在⼀起的东西。React ⽐ Angular 更灵活，你可能会使⽤更多独⽴的，不稳定的，快速更新的库 - 这意味着你需要⾃⼰维护相应的更新和迁移。如果某些包不再被维护，或者其他⼀些包在某些时候成为事实上的标准，这也可能是不利的。
React == Vue > Angular
4.4 三剑客内部功能的⽐较
4.4.1 组件
React 和 Vue 都擅长处理组件：⼩型的⽆状态的函数接收输⼊和返回元素作为输出。
React == Vue > Angular
4.4.2 Typescript，ES6 与 ES5
React 专注于使⽤ Javascript ES6。
Vue 使⽤ Javascript ES5 或 ES6。
Angular 依赖于 TypeScript。
ES5：全名ECMAScript5，可以理解为我们常规意义上的JavaScript（实际上JavaScript还包含了DOM和BOM），是⽬前⼤部分浏览器都⽀持的JavaScript语法特性，在ES5之前还有ES3。
ES6：是2015年制定的ECMAScript语⾔规范，在ES5的基础上扩充了新的语法特性，代表着JavaScript的未来，但还没有被⼤部分浏览器兼容，可以⽤babel等⼯具转化为ES5。
TypeScript：TypeScript在ES5、ES6的基础上⼜增加了类型检测等新特性，跟java很像，同时⼜保留了JavaScript的灵活性，⾮常适合⼤型应⽤程序。TypeScript不是ES5、ES6这种官⽅产物，不被浏览器⽀持，需要⽤官⽅的⼯具转化为ES5、ES6。因为angular2是⽤TypeScript写的，这让TypeScript最近⼤⽕，作者也是因为要⽤angular2做项⽬接触的TypeScript（偷偷告诉⼤家：TypeScript写起代码来⾮常爽）。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。