正文
后台数据方面
开发项目中不可缺少的就是数据了,现在的项目中的页面不再可能是静态页面了,把数据给写si了,这没有任何价值,同时也增加了编程的工作量,代码也很冗长。这就需要模拟后台数据,可以实现列表式渲染数据,减少了很多的工作量,这就出现了一个问题,怎么模拟后台数据,用什么去模仿数据,很多人会用第三方提供的,例如使用
easy-mock
,通过wx.request()来获取数据,实现页面加载数据,相信这种方式大家都会用。如果在本地写假数据,那我们又该用什么写,怎样获取数据,对一个初学者来说应该是不太清楚的(大佬除外),这个就是我们可以学习的地方,学会用不一样的方式去做一件事,这就会实现做这个项目的目的。
说到这里,数据应该是放在js文件中,一般后台数据都是JSON格式,所以放在js文件最为合理了,这时问题又出现了,我们怎么获取里面的数据呢?想到这个我也不晓得怎么获取里面的数据,看到前辈有用到require()的方式获取数据,想想这个是什么东西,开发经验不足,不晓得这个是什么东西,自己就会主动的去了解这个是什么东西,原来这个是node中CommonJS中的模块实现,js之前并没有很好的实现模块化编程,几乎所有的代码都写在一个文件中,CommonJS的出现,实现了JS的模块化,同时自己也晓得了ES6中也有了属于自己模块化的方式了,使用import、export方式实现模块化编程,感觉自己又学到了,在自己的项目中就都有用到这两种方式来获取数据:
看上面的图片,就可以看到我两种方式在一个项目中都是有使用到的,你可能没有看懂下哦贴出来的是什么,你不需要看懂,现在快去看看CommonJS和ES6中模块化的知识,你又会学到东西的!!!有人就会不理解,干嘛要在本地写假数据啊,这不在占存储量吗,为什么要用两种模块化的方式啊,一种不就行了吗等等问题,其实我做的不是“项目”,我更多的是想通过这个项目我能学到什么东西,这里我知道了两种模块化的方式,然后我可以在后面多花点时间对着两种模块化方式深入学习,这个就是我想要的结果,真正的项目开发中就不要把假数据放在本地,也不要一件事情同时使用两种方式去做,现在可以玩玩,哈哈哈哈哈哈哈!!!!!
引用第三方框架问题
很多人肯定也思考过做项目是否使用第三方框架,还是自己写原生代码,这个问题就要看自己的想法了,我就说说我自己的看法,我现在接触前端的时间不长,很多的东西都不是很清楚,像wxss的样式想自己去写,多熟悉样式属性,其实让我用第三方的框架我也不是很会用,但是还是要多去用,要“会”用框架。在这个项目中大部分的wxss文件都是自己写的,到了后面有的功能的样式,我也用了第三方框架,像小程序中常用的UI框架中有weui,这个很好用,微信团队开发的一个框架,提供了很多的组件,可以减少很多的开发时间。
我的态度是,如果是学习的态度那就自己写原生代码这样提升我认为是比较快的,如果是实际开发项目,那就是能用框架那就用框架,不要自己造轮子。
项目主要功能实现过程中的思考
小程序开发模式和我们传统的开发模式很不相同,传统的开发中我们一般是使用dom操作来动态的改变页面,让我感觉的是一种查找的方式,使用dom操作,找到某个元素然后再改变该元素的行为,从而改变了页面的状态,而小程序的开发模式是MVVM,数据绑定页面,数据的改变从而使得页面状态发生改变,这个传统的开发很不相同,这个在小程序开发很容易踩坑,自己在这个项目中就踩到过这个坑,要理解好MVVM模式。