2018-11-06 写小程序有感

算一算前前后后的时间加在一起，我差不多也算是做了一个星期，做出了北四巷杂货铺的小程序，当作我的生活杂货铺使用。今天刚好做完，趁热写出我的感想。

首先，小程序需要有一些tab，这些tab都是一个一个的文件夹放在Pages文件夹中，我们可以手动右键点击pages，一个一个的新建，也可以通过简单的在app.json中，在pages数组中添加目录，如下，可以通过编译的时候，自动通过你给的路径新建不存在的文件夹包裹该名称的json、wxss、wxml、js。

"pages": [

"pages/index/index",

"pages/recipes/recipes",

"pages/note/note",

"pages/zhang/zhang",

"pages/recipes-content/recipes-content",

"pages/note-content/note-content"

],

在杂货铺小程序中，我使用小程序自带云数据库，交互命令也很方便的在文档中可以查到，调用接口和发送数据也在云开发控制台有相关的记录，在控制台中也可以可视化的建立数据库和增删改数据库中的记录，对于用户访问，也在控制台中有方便的统计功能，使我不会在后端和数据库占用太多时间。

当然，小程序写js的时候还是有点痛苦，很多功能不能用，如push()等等。

1！ 在调用data中的数据时，需要this.data.xx，注意this指针的指向依然是个坑，自己最好var that= this，在一开始重新定义一下，才不会在拥有复杂嵌套的函数中调用时产生各种各样的问题。

2！ 在更改data中的数据时，即使使用了this.data.xx = '123'，在调用时，依然调用不到你所做的更改，这说明打开方式不对。为了让this.data.xx更改，应该在this.setData中更改data中的对象，仅仅是data中的对象

3！小程序在布局时，我使用flex弹性布局，以前学的时候觉得这种布局没啥意思，但是移动端这种宽度很窄的情况，完全实用，用的最多的是flex-direction,justify-content,align-items,align-self，对了，justify-self是无效的，前四个在布局中可以仔细掌握一下每个的值代表的意思。

其他的东西在书写时和Vue有很多很像的地方，所以上手不难，大家也自己设计设计，做个自己实用的小程序玩玩吧~ 

附上我的小程序首页，

提醒： 当button组件使用了1rpx，在ios上可能回显示出btn的border显示不全的问题，所以最好不要使用/。