志达IT网站前端主流框架
React
React是一个用于构建用户界面的JavaScript库，是Facebook开发和创立的开源结构，也是当今最为盛行的JavaScript前端结构。作为一个前端结构，React之所以与众不同，是由于它的虚拟文档方针模型(DOM)展示了其超卓的功用。
长处：
虚拟DOM增强了用户的体验和开发人员的作业
虚拟DOM解决了跨浏览器兼容问题
代码愈加模块化、组件重用节省开发时刻
由于JSX，代码的可读性很好
React很简单与Meteor，Angular等其他结构集成
单向数据流，灵敏、可估计、可控制
缺陷：
React只是一个库，而不是一个完好的结构
它的库非常巨大，需求时刻来理解
新手程序员或许很难理解
编码变得杂乱，由于它运用内联模板和JSX
Angular
Angular是一款非常盛行且好用的Web前端结构，依据TypeScript语法。目前由Google保护，旨在创立高效而精美的单页面运用。
长处：
由于其重构服务和增强的导航功用，使编码过程更简单
模板功用强壮丰厚，自带了极其丰厚的angular指令
是一个比较完善的前端结构，包括服务，模板，数据双向绑定，模块化，路由，过滤器，依赖注入等一切功用
自定义指令后能够在项目中屡次运用
缺陷：
CLI文档定义不明确
跟着组件增加，项目越来越杂乱，双向数据绑定带来功用问题
需求学习很多的概念
Vue.js
Vue是一套用于构建用户界面的渐进式JavaScript结构。Vue只重视视图层，采用自底向上增量开发的规划。Vue的方针是通过尽或许简略的API完成呼应的数据绑定和组合的视图组件。适用场景丰厚的Web前端结构。
长处：
供给简单上手的API和详细的文档。
呼应式数据绑定、组件化开发
依据运用规划在库和结构间切换自如
代码可重用性和简略集成
缺陷：
灵敏性导致代码不规则
完成多页运用时需求装备多进口，不够灵敏
Ember.js
Emberjs是2011年开发的依据组件的结构。它出现双向数据绑定，类似于Angular。能够运用Ember.js构建多方面的Web和移动运用程序。
长处：
双向数据绑定
路由是Ember.js的中心功用，用于办理URL
以HTML和CSS为开发模型的中心
供给了用于调试Ember运用程序的EmberInspector东西
缺陷：
更新比较慢和语法具有挑战性
不适合较小的开发团队，由于结构需求业务逻辑和经历来解决困难
jQuery
jQuery是一个快速、小型且功用丰厚的JavaScript库。它使HTML文档遍历和操作、事情处理、动画和Ajax之类的事情变得愈加简略，它具有易于运用的API，可在多种浏览器中作业。jQuery结合了多功用性和可扩展性，改变了数百万人编写JavaScript的方式。
长处：
代码都是封装好的函数，加快了代码的执行速度
浏览器兼容性超卓，兼容很多类型的浏览器
极大的简化ajax编程，供给了一种愈加简洁，一致的编程方式
供给了静态绑定事情和动态绑定事情，完善了事情的处理机制
封装了很多常用的DOM操作
缺陷：
不能向后兼容。每一个新版别不能兼容前期的版别
插件兼容性也比较差,不能兼容前期的版别
插件简单冲突
中心代码库对动画和特效的支撑相对较差
SemanticUI
SemanticUI是一个彻底语义化的前端界面开发结构，它是开源的，运用CSS和jQuery构建超卓的用户界面。用于交互式用户界面的超轻量级实践和流通规划。
长处：
丰厚的UI模块
文档和演示非常完善
支撑Sass和LESS动态样式语言
缺陷：
不适合不了解JavaScript的学习者
浏览器的兼容性不理想
更新缓慢
Backbone.js
Backbone.js是一个轻量级的JavaScript库，依据Model-view-presenter(MVP)运用程序规划理念，是一个带有RESTfulJSON接口的JavaScript库。Backbone.js主要用于创立单页web运用程序，也用于保护各种web运用程序的同步。
长处：
代码质量比较高
分层结构清晰，前端工程在扩展性和保护性上可进行有效控制
方便与第三方插件集成
缺陷：
粗粒度的单向数据绑定
Preact
Preact是一个JavaScript库，它将自己定义为包括类似ES6API的React的最快3KB替代品。Preact供给了除了DOM之外的最小或许的虚拟DOM抽象。
长处：
在依据Backbone和jQuery的旧网站中利用React风格元素的优势
Preact在构建运用程序时进步功用
一切这些特性都在React社区中执行
缺陷：
不支撑React原型
Preact不为React的合成事情运用供给任何支撑
Svelte
Svelte是一种全新的构建用户界面的办法。传统结构如React和Vue在浏览器中需求做很多的作业，而Svelte将这些作业放到构建运用程序的编译阶段来处理。
长处：
扩展性强
比任何其他结构都快
无虚拟DOM、无状况办理库
缺陷：
缺少社区根底和资源
缺少东西和第三方数据库
在某些案例中难以缩小巨细
Foundation
Foundation是一个呼应式前端结构系列，适用于任何设备、媒体和可拜访性的结构。主要用于敏捷和呼应式网站的企业级开发。是一个易用、强壮并且灵敏的结构,用于构建依据任何设备上的Web运用。
长处：
针对不同设备和媒体的个性化用户体验
HTML5表单认证库
缺陷：
初学者很难上手，其学习过程也比较耗时
更少的社区论坛和支撑平台
常用前端框架及效果
1、jQuery
jquery是基于JavaScript类库的结构，其中供给了许多JavaScript类库，和一些css样式表的封装，运用起来比较方便，简化了用户与浏览器的交互，进步了系统的功能和开发功率。其封装JavaScript常用的功能代码，供给一种简便的JavaScript设计模式，优化HTMl文档操作，事件处理，动画设计和Ajax交互.
具有独特的链式语法和短小明晰的多功能接口具有高效灵敏的css选择器，并且能够对CSS选择器进行扩展；具有便捷的插件扩展机制和丰厚的插件。长处：（1）快速获取文档元素（2）供给漂亮的页面动态效果（3）创立Ajax无改写页面https://jquery.com/download/引荐插件库（1）www.htmleaf.com/（2）www.jq22.com/（3）www.superslide2.com/
2、vue
vue是一套用于构建用户界面的渐进式JavaScript结构，其能够自底向上逐层运用，其中心库只关注视图层，不只易于上手，还便于与第三方库或既有项目进行整合。而且当与现代化的东西链以及各种支持类库结合运用时，Vue也能够为复杂的单页运用供给驱动。
长处：轻量级结构，简略易学，双向数据绑定，组件化，数据结构分离，虚拟Dom，运转速度快。vue是单页面运用，是页面部分改写，不必每次跳转都要请求所有数据和dom，其大大加快了拜访速度，提升了用户体验，
缺陷：不支持IE8，其生态环境不如react和anguler
cn.vuejs.org/引荐组件库（1）vant-contrib.gitee.io/vant/#/zh-C…（2）element.eleme.cn/#/zh-CN/com…（3）www.quasarchs.com/（4）vux.li/（5）bootstrap-vue.js.org/
3、react
ReactJS是一套JavaScriptWeb库，由Facebook打造而成且主要用于构建高功能及呼应式用户界面。React担任处理其它javascript结构所面临的一大常见难题，即对大规模数据集的处理。能够运用虚拟DOM并在产生变更时利用补丁装置机制只对DOM中的dirty部分进行从头渲染，React得以实现远超其它结构的速度体现。
长处：（1）不直接对DOM进行操作，引入了一个叫做“虚拟DOM”的概念，安插在javascript逻辑和实际的DOM之间，功能好
(2)虚拟DOM处理了跨浏览器问题，供给了标准化的API，甚至在IE8中都是没问题的。
(3)代码愈加模块化，重用代码更简单，可维护性高。
(4)Flux是一个用于在JavaScript运用中创立单向数据层的架构，它随着React视图库的开发而被Facebook概念化。
(5)兼容性好
官网reactjs.org/languages/…
引荐组件库（1）https://ant.design/docs/react/introduce-cn
（2）bulma.io/documentati…
（3）https://madewith.cn/react
4、angular
Angular最明显的特征就是其整合性。它是由单一项目组常年开发维护的一体化结构，涵盖了M、V、C/VM等各个层面，不需求组合、评估其它技术就能完结大部分前端开发任务。这样能够有用降低决议计划本钱，进步决议计划速度，对需求快速起步的团队对错常有协助的。
长处：1.模板功能强大丰厚，并且是声明式的，自带了丰厚的Angular指令；
是一个比较完善的前端MVC结构，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能；
自定义Directive(指令)，比jQuery插件还灵敏，但是需求深化了解Directive的一些特性，简略的封装简单，复杂一点官方没有供给具体的介绍文档，能够经过阅览源代码来找到某些咱们需求的东西，如：在directive运用$parse；
ng模块化比较大胆的引入了Java的一些东西（依赖注入），能够很简单的写出可复用的代码，对于灵敏开发的团队来说十分有协助。
