本章就来重学一下在写一个小程序的时候，应该如何来写吧，尽量一步到位，避免在以后的编程途中看着自己写的代码越开越觉得像💩
文件类型
首先先介绍一下小程序的文件类型（介绍原生）
一共有4种文件类型： wxml、 wxss、js、json
WXML：是微信自己基于XML语法开发的，只能使用微信提供的标签，没有提供的HTML标签是不能使用的。
WXSS：具有CSS的大部分特性，但是有一些不支持，暂时不知道哪些不支持。
JS：对于JS这块由于它的执行环境不同（是在微信自己的环境中执行），所以有些原生API是不支持的，需要微信的jsBridge提供一些帮助。
JSON：其实是页面的配置文件，可以自定义标题，背景色等等
优势/劣势
优势：
- 用户体验好
- 速度快
- 开发成本低
- 无需下载
- 发布时审查流程严格
劣势：
- 文件大小有限制
- 层级不能过度深入
- 组建样式单一
- 不能分享到朋友圈
- 不能自己开发后台管理功能
和H5的区别
- 开发成本不同（不用考虑浏览器兼容性）
- 系统权限无缝衔接
- 运行流程不同
- 运行环境：
- IOS（WKWebView）
- 安卓（旧版X5）-Chrome57
- 安卓（新版X8）--Chrome67
- 开发工具(NW.js) --Chrome60
技巧
- 小程序异步请求
答：在请求回调里调用函数 - 和Vue this.data的区别
答：this.setData才会即时渲染，vue的this.data就可以即时渲染 - wxss和css区别
答：图片只能引入外链地址，没有body标签，样式可以import导入。 - webview怎么跳回小程序：
wx.miniProgram.navigateTo({
url: 'xxxx'
})
- 小程序和用户的唯一性
答：union_id - 下拉刷新怎么做：
答：onPullDownRefresh方法 - webview注意事项
- 需要添加业务域名，
- h5页面跳转小程序的版本是1.3.1以上
- 微信分享只可以是小程序的主名称，自定义分享内容要小程序1.7.1以上版本
- h5的支付不能是公众号appid必须是小程序appid，用户的openid必须是用户和小程序的
- 小程序和后台接口
答：数据大小有限制，不能直接渲染html文本内容，可以借助插件实现，最好通过后台把标签都换成view，加快速度。
总结
目前记录的就是这么多，后续如果有更新还会继续添加。有任何问题评论即可，欢迎指出错误。
网友评论