小程序开发规范 - 开发交流区

### 每个项目初始化后默认拥有的data值（可直接使用）
```js
data{
	app_type: 'wechat', // app类型 'app' 'wehcaht' 取不到值 false 状态为小程序
	isH5: false, // 判断移动端情况下（即app_type === 'wechat'）是h5页面还是公众号页面
	isAndroid: false // 判断app端情况下（即app_type === 'app'）是安卓还是苹果
}
```
### siteInfo 配置
```js
var siteInfo = {
  'title': '小程序名称',
  'uniacid': 1, // 必填
  'acid': 1, // 必填
  'siteroot': 'https://example.fzh.fun/app/index.php', // 必填
  'multiid': '0',
  'version': '1.1',
  'design_method': '3',
  'mname': 'zhyshop_sun', // 项目名 必填
  'wechat_set': { // 公众号配置 必填
    'api': { // 公众号api配置
      getWechatAuth: 'Api_wechat|getWechatAuth',
      getOpenid: 'Api_wechat|getopenid',
      getUserInfo: 'Api_wechat|getUserInfo',
      getJssdkConfig: 'Api_wechat|getJssdkConfig',
      getShareInfo: 'Api_wechat|shareAndFollow',
      getContactInfo: 'Api_wechat|zhyservice',
      getWechatSet: 'Api_wechat|mapkey'
    },
    'images': { // 默认公众号分享图片
      shareTips: './common/images/share-tips.png'
    }
  },
  app_set: { // app配置 必填
    api: {
      getWechatAuth: 'Api_wechat|getWechatAuth',
      getOpenid: 'Api_wechat|getopenid',
      getUserInfo: 'Api_wechat|getUserInfo',
      getJssdkConfig: 'Api_wechat|getJssdkConfig',
      getShareInfo: 'Api_wechat|shareAndFollow',
      getContactInfo: 'Api_wechat|zhyservice',
      getAppConfig: 'Api_app|appSet'
    },
    setting: {
      home: "pages/home/home" // 首页路径
    }
  }
}
```
siteInfo默认挂载在app.js里面（可直接使用）
```js
App({
  siteInfo: require('siteinfo.js'),
})
require('./zhy/resource/js/merge.js');
```

### 定义类名禁止一个标签出现两个class来定义类名
例：

第1个class和style是失效的
解： 所有类名 style写同一个里面 class=”test-b test-a”
（标签里面所有重复定义的属性方法都是最后一个生效，虽然小程序不报错，但是公众号会报错）
2. 不要在每个页面里面去定义page 的样式，特别是组件开发
每个页面用一个整体的view包含所有内容
3. 使用canvas 需设置 widht和height 不要用class 来定义样式
 例：
```css
<canvas style="width: 300px; height: 200px;" canvas-id="firstCanvas"></canvas>
```
4. 获取数据尽量不用form表单提交的获取；form表单主要用来获取formid
5 .使用富文本 WxParse组件的时候
6. getCurrentPage()  不要去设置到两层以上的页面，不要用这个值来获取页面路径（尽可能少用此方法）；使用此方法需备注
7. 使用template来引入视图层的时候 禁用es6 的 …展开符；
8. 组件名称不能和h5标签名一样；
9. getApp() 只能声明为app变量不是的必须修改小程序代码；且全局不能在命名重新命名app这个变量，如若小程序里面有重新命名需修改
例：const app = getApp();
10. 方法名与data值属性名禁止重名；
11. siteInfo必须加项目名"mname": "zhyshop_sun"（目前项目都有）；
12. 图片地址 src如若是本地图片必须有图片存在，不能读取不到，没有的话放空字符串，或者默认空图片地址；
13. 目前前端编程需考虑后端返回数据如若数据格式返回不一需处理条件判断，不然会读取不到数据导致页面渲染时报错；
14. 组件属性名称不能有大写字母；view属性也都不能有大写字母；
15. 组件如果没有用到的必须删除调不要留在视图层上；
16. 若该页面需缓存返回页面时该页免不刷新需在 .json文件加 keepAlive: true;
17. 禁止使用百分比来设置；

### 参考文献
移动端开发：
vue: https://cn.vuejs.org/v2/guide/
van: https://youzan.github.io/vant/#/zh-CN/
app开发
eros: https://bmfe.github.io/eros-docs/#/zh-cn/
weex: https://weex.incubator.apache.org/zh/docs/api/weex-variable.html