关于本新手用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科学技术,那就是,遇到问题,先想同一纪念,上网查资料,资料看无了解了,再失问问别人。这点其实际职场好重大,因为大家还生协调的工作,谁呢无工夫以及白去支援你,所以会好解决之尽量协调解决。

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

Leave a Comment.