关于本新手使用vue后的一些反思

2019-09-13 05:28栏目:澳门萄京官网
TAG:

澳门萄京官网,自家是二个刚结束学业八个月多的前端小白,进商场做事的时候,由于公司的前端技能还没定下来,所以在做项目标时候自身是自由发挥。由于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,那就是,际遇标题,先想一想,上网查看资料,资料看不懂了,再去问人家。那一点其实际职场很着重,因为大家都有温馨的办事,哪个人也绝非时间和无需付费去帮你,所以能协和度决的尽心和煦整决。

自己小白,不足之处多多指教。

版权声明:本文由澳门萄京官网最大平台发布于澳门萄京官网,转载请注明出处:关于本新手使用vue后的一些反思