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

猜你喜欢

转载自blog.csdn.net/single15/article/details/78817850