前端技术使用总结

这是本人处女作，废话不多说，希望是个新的起点。学了那么一段时间的前端了，下面是对自己所认知（然而并不会）的前端知识点的一个小总结：前端的主要知识点有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框架：

Angular UI Bootstrap（‘大众开发’）
Ionic（移动端混合开发）
Mobile Angular UI（移动端开发）
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了，废话就这么多了。前端的水颇深，各种框架让人眼花缭乱，更多的技术需要更多的时间去沉淀。处女作算是完成了，还是开头那句，希望这是自己的新起点（假装是是首尾呼应），更希望路过的大神啊大牛啊多多指教，文中说的不对或不好的地方，希望不吝赐教哟！

#web前端技术使用总结相关推荐

如何提升自己的Web前端技术
如何提升自己的Web前端技术?问这个问题的一般都是有一些web基础的同学,还有一部分是自学的web前端技术,对自己目前的能力还比较模糊,下面小编就这个问题为大家做下详细的介绍. 如何提升自己的Web前 ...
好程序员web前端技术分享媒体查询
为什么80%的码农都做不了架构师?>>> 好程序员web前端技术分享媒体查询什么是媒体查询媒体查询可以让我们根据设备显示器的特性(如视口宽度.屏幕比例.设备方向:横向或纵向 ...
Web前端技术分享：学习HTML和CSS的5大理由
人们学习HTML和CSS最常见的原因是开始从事Web开发.但并不是只有Web开发人员才要学习HTML和CSS的核心技术.作为一个网络用户,你需要你掌握的相关技术很多,但下面小千总结了5个你无法拒绝学习 ...
好程序员web前端技术之CSS3过渡
好程序员web前端技术之CSS3过渡,css3的transition允许css的属性值在一定的时间区间内平滑地过渡.这种效果可以在鼠标单击.获得焦点.被点击或对元素任何改变中触发,并圆滑地以动画效果改 ...
Web前端技术历经的洗礼和蜕变
随着互联网产业的爆炸式增长,与之伴生的Web前端技术也在历经洗礼和蜕变.尤其是近几年随着移动终端的发展,越来越多的人开始投身或转行至新领域,这更为当今的IT产业注入了新的活力.尽管Web前端技术诞生至 ...
美团点评金融平台Web前端技术体系
背景随着美团点评金融业务的高速发展,前端研发数量从 2015 年的 1 个人,扩张到了现在横跨北上两地 8 个事业部的将近 150 人.业务新,团队新,前端领域框架技术又层出不穷,各个业务的研发团队 ...
Web前端技术趋势：HTML5仍不宜用作生产
经过这段时间国内(百度,淘宝,新浪)及国外(Facebook,Youtube,Yahoo)各大公司的集中自曝,我们可以从中总结出2010 Web前端技术的一些趋势.总的来说,随着后端技术(存储,并发, ...
为什么很多人转行学习Web前端技术?
今天小编要跟大家分享的文章是关于为什么很多人转行学习web前端技术?不管你是工人阶层还是服务行业,是否想过转行IT,转行IT后肯定会选择一门编程语言进行深入学习,很多转行的人基础都不是太好,不是科班出 ...
怎么更好掌握Web前端技术？JS的跨域是怎么回事？
怎么更好掌握Web前端技术?JS的跨域是怎么回事?JavaScript跨域是指通过JS在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过JS获取页面中不同域的框架中(if ...
最受欢迎web前端技术总结
Web前端技术发展非常快,主流技术的进步.想想刚毕业那会用asp技术.目前,该网站已经非常少见主流应用. 后来的后来J2EE框架.然后SpringMVC声望,然而,最近的各种js框架广泛传播,Html ...

#web前端技术使用总结

前端技术使用总结

1、Angular.js

2、Vue.js

3、react.js

#web前端技术使用总结相关推荐

最新文章

热门文章