#web前端技术使用总结

前端技术使用总结

这是本人处女作，废话不多说，希望是个新的起点。学了那么一段时间的前端了，下面是对自己所认知（然而并不会）的前端知识点的一个小总结：前端的主要知识点有HTML、css、JavaScript…当然，这是废话。下面要写的是前端的一些框架（我认识的）的总结。据悉，当前web前端流行框架呈三足鼎立之势，ta们分别是Angular.js、vue.js、react.js。

1、Angular.js

Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular集声明式模板、依赖注入、端到端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建Web、手机或桌面应用的能力。——（引用Angular官网的介绍）

对于angular，只是略知一二，还没真正在实战项目中使用过，不好做过多的评价和介绍，具体的学习与介绍可以前往Angular官方中文文档。从生活中的交流中得知，angular是比较适合做大型网站和管理系统的开发的。

结合一些常用的AngularJs框架可以愉快的进行前端各方面的开发工作，下面是一些常用的AngularJs框架：

1. Angular UI Bootstrap（‘大众开发’）
2. Ionic（移动端混合开发）
3. Mobile Angular UI（移动端开发）
4. UI Grid（复杂的数据表格系统开发）

2、Vue.js

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。——（引用vue.js官方文档的介绍）

Vue.js是我一年下来使用的最多的框架。总结就一句话，用起来很舒服。Vue.js给我的感觉就是入门成本低，文档很贴心，灵活易用，轻量级高效。这应该也是大多数人选中vue的原因吧。另一方面，在开发学习的过程遇到的问题，总能很轻易的在各大社区网站搜寻到满意的解决方案，这是vue让我越用越喜欢的原因。结合Vue2.0全家桶(vue+vue-router+vuex+axios+es6+sass)可以让我们很顺溜的进行各种开发工作。如果你被我的三言两语吸引到了，大可移步Vue.js官方中文文档一探究竟哦。
另外，vue最常用的UI搭档是Element UI，Element UI 主要是适用于pc端的开发，而vue移动端的开发框架也是挺丰富的。主要有：
1. vonic（ 一个基于 vue.js 和 ionic 样式的移动端 UI 框架）
2. vux（基于WeUI和Vue(2.x)开发的移动端UI组件库）
3. Mint UI （由饿了么前端团队推出的 基于 Vue.js 的移动端组件库）
4. Muse-UI（基于 Vue 2.0 和 Material Design 的 UI 组件库）
更多Vue.js 的资源，可前往vue优选资源逛一下。。

3、react.js

关于react.js，了解的也不是很多。React 起源于 Facebook 的内部项目，大致有以下特点：

1.声明式设计 −React采用声明范式，可以轻松描述应用。
2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。
3.灵活 −React可以与已知的库或框架很好地配合。
4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
5.组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
6.单向响应的数据流 − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。——（菜鸟教程的介绍）

react个人印象最深的应该是虚拟DOM，大家都说操作DOM是前端最耗性能的行为，而react的虚拟DOM是这样操作的：React会在内存中维护一个虚拟DOM树，当我们对这个树进行读或写的时候，实际上是对虚拟DOM进行的。当数据变化时，然后React会自动更新虚拟DOM，然后拿新的虚拟DOM和旧的虚拟DOM进行对比，找到有变更的部分，得出一个Patch，然后将这个Patch放到一个队列里，最终批量更新这些Patch到DOM中。
这样的机制可以保证即便是根节点数据的变化，最终表现在DOM上的修改也只是受这个数据影响的部分，这样可以保证非常高效的渲染。
另外，对于移动端的开发，据说React Native是个不错的选择。

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。——（引用百度百科的介绍）

O了，废话就这么多了。前端的水颇深，各种框架让人眼花缭乱，更多的技术需要更多的时间去沉淀。处女作算是完成了，还是开头那句，希望这是自己的新起点（假装是是首尾呼应），更希望路过的大神啊大牛啊多多指教，文中说的不对或不好的地方，希望不吝赐教哟！