创建微信小程序注意点

一、创建小程序

1、用微信开发者工具进行创建小程序时，可以申请测试号（但只能预览，不能上传）。

2、创建小程序时有云开发的选项（属于可选项而非必选项），开发者可以使用云开发进行数据持久化（数据库），保存文件（存储）以及带有天然鉴权特性的云函数。

    （云开发：腾讯云提供的快速接入小程序服务的技术，用于替代传统的服务器，提供了各种服务端交互的便捷接口。即小程序为开发者提供的完整的云端支持。）    

      ***主要就是在自己写数据库的情况下使用腾讯云提供的服务器，有免费的，有交费的。

     官方文档：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html

     别人的具体教程：

   https://www.cnblogs.com/springsnow/p/12605017.html   

   https://www.jianshu.com/p/5df4d51125e3

二、代码构成

1、小程序代码构成   

官方文档：  https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/code.html

2、相关配置   

官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE

三、关于app.json注意点

1、首页路径要放在pages下第一个   

例如：

 

"pages":["pages/index/index","pages/logs/index"]   //代表 pages/index/index 为首页路径

官方描述：写在 pages 字段的第一个页面就是这个小程序的首页（打开小程序看到的第一个页面）

2、底部 tab 

"tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/flowPK/index/index",
        "text": "日志"
      }
    ]
  }

（1）设置后只在首页显示

（2）切换底部tab相关路径时最好用   wx.switchTab 

官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html

四、关于app.js注意点

1、作为公共数据存放地比较方便。***注意：如果app.js里需要调用封装的方法可能会路径报错，最好是用来存数据。（个人感觉）

2、在封装好的js中调用app.js中的数据用  getApp().globalData.

五、关于wxml注意点

1、在微信小程序中图片用<image   />而 非 <img />。

2、微信小程序中不能用css的方法加载本地图片，除非把本地图片base64格式化=》所以用定位布局

3、文本用<text/>  \t（空格）\n（换行）</text>   。 

六、关于wxs注意点

1、在css设置img 大小时要写明具体的宽高，这里的图片不会像一般浏览器一样等比自适应高度，height:auto;失效。