模块化开发理解

自从vue和react开始大火,因为自己实在懒惰,跟不上时代发展,也就不敢瞎辞职,怕找不到工作。
我深信时事造人,不然我也不会走上了学习vue的路,甚至也在学习react。

背景

现公司没有要求用什么框架,只要解决问题就好。于是,自己对自己的要求是慢慢学着用,反正也不指望怎么样……
以下都是自己的总结,也不知道专业术语怎么说。

开始BB

如今项目(不大)完成,用了模块化、路由、axios等等初级的东西。
收获1: 明白了什么是数据操纵dom。在项目中,数据即一切。dom的增删改查,完全变成了对数据的各项处理。不需要jQuery那么麻烦的操纵dom了(我没有说JQ不好、没用)。甚至开始构建属于自己项目的数据结构。举个小栗子:

list:[
			{
				name:'test01',
				id:'0',
				data:{}
			},
			{
				name:'test02',
				id:'1',
				data:{}
			}
		]

我把所有的数据都设计成了自己需要的结构。说实话,我不知道这种做法是否正确,但我很开心。这样我可以安心的写vue的API并且处理数据。
收获2: 理解模块化开发。(以下是自己的理解,错误的希望看到的大神不吝赐教,谢谢)面试时,被问了很多次“什么是模块化开发?”我想骂人,真的。好了,我现在在这里总结下。深呼吸……不气不气!
模块化开发:

  1. 对于本质上的单页面应用开发。不同的.vue文件做着不同的工作。举例:订单支付.vue就是做支付的,购物车.vue就是做自己选中货物展示的,首页.vue就是展示各种的等等。我习惯把每个这样的页面叫做模块,因为对于vue的单页面应用来说,一切皆模块。
  2. 然后是功能上来说的模块。举例:购物车.vue里可能有需要有选购的商品展示、价格合计及提交按钮、推荐商品展示。我把以上的功能叫做功能性模块化。
  3. 我平时也看博客,我也是个爱学习的孩子,哈哈。就目前来说,比较高端的就是模块复用和模块设计。之前看别的博客说到可能某个按钮可以作为一个小模块,需要的话我们可以复用它。我的理解是,或许我们真的没必要细致到这种。对于一个项目,真正应该思考的是对于模块的设计,达到高度复用,便于优化维护就是最好的。
    总结:模块化开发,使自己的项目便于维护,代码可读性增强。哎……词穷了!但都是真心话。虽然vue有很多坑,但是本人依然会努力学习,因为用的很开心。说到底vue开发,就是模块化+数据的构建过程。希望大家在接项目的时候,一定首先考虑项目的模块化设计,这样可以高效的完成自己的开发。
    收获3: 第三方库(自定义脚本)的引入。在大环境的驱使下,每个第三方都开始有npm安装引入的指导。这样让我们再vue开发中也可以尽情的使用“插件”。但是我想说的是,其实第三方的官方文档并不是对于项目引入做了很好的引导,所以对于引导不正确的,还是要自己多多尝试(如果度娘也决绝不了)。

写给像我一样的小白:
如果公司没有对框架的要求,那就自己多去尝试没用过的东西。当然你得保证程序不会出现问题,而且还能按期完成任务。这条路不是让你去学习api的,而是思想。记住:思想,永远决定高度。

今天下午经理没来,所以忙里偷闲,写下总结。以后还会继续加油的……

ps:我现在在学react,但是没有实际去用。所以只写用到的总结。我没说react不好,我也没说vue一定就是很好。平心而论……不喜勿喷。哎,好累。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值