http://www.forfreezone.com

关于本新手使用vue后的局地反思

本人是一个刚毕业半年多的前端小白,进公司工作的时候,由于公司的前端技术还没定下来,所以在做项目的时候我是自由发挥。由于vue具有上手快,开发效率高的特点,所以,我在做项目时候,便选择了vue作为技术栈,由于是第一次使用bootstrap加jQuery以外的技术栈,所以以下是在完成项目的过程中,对vue使用方面认识不到或不足的反思。

1.首先,新手使用vue最常见的失误,就是DOM操作,而vue的双向数据绑定,恰恰让我们其实不需要进行繁琐的DOM操作,我们只需要关心数据层面就可以了。想想自己最开始获取input还是用什么document.getElementById('id').value这种,就觉得自己很傻,明明只需要v-model绑定data就好了,唉~

2.以为vue只能用于开发SPA。直到看到尤大神在知乎上回答的:不一定做个项目就非得cli一个全家桶,vue也不是为单页面而生的。我才知道,vue的运用方式,我仅仅知道冰山一角,如何能灵活根据自己的需求使用开发,还需自己日后的多多成长。

3.组件化思想。起初一开始,觉得别人的UI框架都写好了,就直接拿来用。当然这么做并没有什么问题。但是,当我发现我每个页面几乎都有几段相同的代码,或者都需要用到这个UI框架的组件,比如面包屑,比如导航菜单,那我干嘛不把这么UI框架做成单独的组件呢?

4.路由懒加载。当我的项目打包后,运行,初次加载慢的飞起。这让我很头疼,这样光有开发速度有什么用,用户体验肯定是不好的。我查了下打包后的dist文件夹,我去,好几兆。所以,难道要我重新选择其他技术栈再开发一次。当然是不可能了。在网上查了资料后,终于知道了路由懒加载这个方法。使用路由懒加载后,webpack会把原来很大的js分解成多个体积较小的js,当我们运行加载行,它会按需加载,这样初次加载过长的问题便解决了。

5.webpack。用到了vue全家桶,便少不了webpack。并不是,你npm run build,就可以安心睡觉去。就比如我在使用video.js时就需要在webpack里面配置(这个搞了我很久,头皮发麻)。webpack是个强大的东西,可以基于webpack做很多的事,比如,引入其他插件,把单页面改成多页面配置,给文件夹配置路径方便书写等等。但,不得不说,这个东西很难学,而且官网说实话对我而言写的并不通俗易懂,那些个插件说明文档就更别提了,能看懂的不到一半。当然也可能是我太菜。要想成长,webpack是我今后必须攻下的难点。

6.最后一个,无关于vue,那便是,遇到问题,先想一想,上网查阅资料,资料看不懂了,再去问别人。这点其实在职场很重要,因为大家都有自己的工作,谁也没有时间和义务去帮你,所以能自己解决的尽量自己解决。

本人小白,不足之处多多指教。

郑重声明:本文版权归澳门新葡8455最新网站所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。