如果你是一个刚写了一年原生html,js,css的新手开发学习完了这些基础内容后,可能会迷茫接下去该学写什么,和后端技术不同,前端的技术可以说是杂而又多,而且日新月异,然而一个人的精力有限,哪有那么多时间去一一甄别和学习。
****前端开发的进化之路****
【菜鸟开发的首选框架-VUE】01 -新人开发的框架选择-天问信息团队博客平台
从基础的html、css、js技术运用,到使用一些基于原始技术的封装库,再到使用完整的框架。这是前端开发的进化史,也是一个作为前端开发的学习成长之路。
****框架使用前提****
 
 
虽然在你刚初步学习这些前端知识的时候,你会迫不及待地想和市面上的开发者一样使用框架进行开发,但在这些框架的官网文档里基本都会提示,在使用他们的框架之前需要了解关于 HTML、CSS 和 JavaScript 的中级知识。
【菜鸟开发的首选框架-VUE】01 -新人开发的框架选择-天问信息团队博客平台
****框架使用前的技术储备****
虽然各种框架的官方文档都提示,使用框架需要一定前置技能,但是具体要到什么程度才合适踏入使用框架的坑,却使许多新人开发敢要疑惑,这里我以个人的经历和感想,替大家理出如下三大点。
【菜鸟开发的首选框架-VUE】01 -新人开发的框架选择-天问信息团队博客平台
可能会疑惑,既然使用框架,为什么还要去学习一些旧的知识,这些不是上一批开发者使用的工具吗,不要急,容我一一道来。
l 工具是帮助不是替代
现在的开发工具,如常用的vscode、Sublime Text、WebStorm都带有代码提示功能或插件,极大便利了开发者,但是对于新人开发者来说,这并不完全是一件好事。工具的代码提示是帮助开发者去减少打字的数量,但是若果连一个函数都记不清功能,那么就会浪费许多事件在提示列表的选中。扎实的基础配合工具的帮助,才是一个开发者应该具备的素质。
l 学习HTML各个元素的特性和js调用渲染
也许对于现在的开发来说,相对于现在用MVC/MVVM的开发模式,曾经用封装调用库渲染dom的方式可能很傻。但是我要说的是,库可能会过时,但是知识缺不会过时(更何况jquery在临时调用,和简单静态页面还是很方便的),学习Jquery的原理,不仅是更加深刻地理解DOM的特性,也对事件触发和处理的理解更加到位,这在对以后学习框架非常有帮助!
l 布局、样式、动画
预置的html代码,已经写完一套风格的css样式和一些少量的js调用,使用类似bootstrap这样的框架,就好像是别人给你准备了,然后你去按着项目的需求这个说明书,沿着框架的固定方法去搭完就可以了。这些框架的布局,样式和动画,其实正是我们需要学习的,因为虽然每个框架都有属于它庞大的生态系统(再开发的ui框架和插件库等),但根本不能满足多变和复杂项目需求,有时候需要我们自己去设计,去封装,去完成。
小结:使用框架就意味着,在享受它带给你便捷的同时,也会受到它的限制,框架有自己的一套开发规范,而且一般开发项目,在确定使用的框架后,还会确定这在这个框架基础上封装开发的组件库,对于一个有经验的开发者,有时候也会因为使用了一些坑爹的组件,或者要实现奇葩复杂的功能,需要不断地调试和改写一些组件(如果组件库里满足不了需求,那么只能干脆只能自己写一个),这个时候,作为新手的你乐子可能就大了!你可能会有这样地感觉,为了快速实现去选择一个框架组件,然后因为组件地一些问题,或者因为自身地不熟悉等原因,需要去深入学习组件的使用或框架的一些机制,然后来填自己的坑,然后反浪费了更多的时间,关键是因为经验不足,你还不知道这个坑到底要花多久去填满,所以老老实实先把基础打扎实吧。
 
****框架的作用****
【菜鸟开发的首选框架-VUE】01 -新人开发的框架选择-天问信息团队博客平台
 
市面上三大前端框架AngularJS、React、VUE,但是这里强烈推荐VUE,因为它上手快,学习曲线平缓,还有如下这些优点
****vue框架的优势****
1. 国人开发,原生中文文档
那么为什么vue会被如此推崇呢,因为它有其它框架没有的先天优势,并不是每个开发都是英语达人,可能有些人会觉得,你一个开发,每天对屏幕打英文,英语水不会低到那里去吧,no!no!no!骚年,你还是太年轻了,其实做开发和英语好不好并没有必然关系,英语好的确对学习开发有不少帮助,但是代码的语法和常用的英语语法完全是两码事,千万不要混为一谈。如果是一个英语苦手,可能就会对一些英语文档或翻译过来文档中奇怪的逻辑思路感到困惑。那么作为一个国人自己开发的框架,其原生的中文文档和思路就大大降低了新手开发者的入门门槛
2. mvvm双向数据绑定
vue是一个构建数据驱动的web界面的渐进式MVVM框架,mvvm是基于mvc模式演变出来的,mvc是比较早的偏后端开发的模式,所以当一个纯前端开发去学的时候,可能比较蛋疼,想做双向绑定就只能dom模拟,但是mvvm是实现了响应式的双向数据绑定的,其核心只关注视图层,并且非常容易学习,让开发人员更加专注于功能的实现,而不是浪费在各种事件和渲染的设计上。换句话说就是,开发者只要专注于怎么操作数据,而不用去关心怎么将数据渲染到页面上去展示,因为这一切都会又vue自动帮你完成!
【菜鸟开发的首选框架-VUE】01 -新人开发的框架选择-天问信息团队博客平台
3. vue-cli,图形化操作
一般使用框架,还要先去学习webpack,这又增加了学习的成本,可是如果直接用标签引用的话,又不能完整地体验框架带来的便捷,但是vue又完美的解决方案,就是vue-cli,图形化项目管理和插件依赖的搜索和添加,极大地方便开发者去使用vue,而不用去学各种指令,当然其实vue-cli也只是对webpack指令地封装和图形化处理,如果有兴趣地同学还是有深入学习地必要。
【菜鸟开发的首选框架-VUE】01 -新人开发的框架选择-天问信息团队博客平台
总结来说Vue的特点:MVVM框架、数据驱动、组件化、轻量、简洁、高效、快速、模块友好
 
无论选择哪个框架,其本质都是基于html,css,js的再封装,因此原生技术的深入学习掌握就显得至关重要,只有基础扎实,才能在学习各种框架上事半功倍!
作者/Airword
 
【菜鸟开发的首选框架-VUE】01 -新人开发的框架选择-天问信息团队博客平台