Toggle Navigation
交流中心
话题
分享
手册
问答
公告
软件下载
登录
作者:lin@zhy
公众号开发规范
5年前 ⋅
0
### 每个项目初始化后默认拥有的data值 ```js data{ app_type: 'wechat', // app类型 'app' 'wehcaht' 取不到值 false 状态为小程序 isH5: false, // 判断移动端情况下(即app_type === 'wechat')是h5页面还是公众号页面 } ``` ### Vue 常见问题报错 1.初始数据data没有先赋值:(data里面补全)部分不影响功能的可忽略 [Vue warn]: Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option. 2.视图层使用了data里面已定义值但是里面的值多层嵌套未定义: ### 小程序代码规范 1. 定义类名禁止一个标签出现两个class来定义类名 例: 第1个class和style是失效的 解: 所有类名 style写同一个里面 class=”test-b test-a” (标签里面所有重复定义的属性方法都是最后一个生效,虽然小程序不报错,但是公众号会报错) 2. 不要在每个页面里面去定义page 的样式,特别是组件开发 每个页面用一个整体的view包含所有内容 3. 使用canvas 需设置 widht和height 不要用class 来定义样式 例: ```css
``` 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. 禁止使用百分比来设置;