前端重学之路——愣搞小程序之前的注意事项

本章就来重学一下在写一个小程序的时候，应该如何来写吧，尽量一步到位，避免在以后的编程途中看着自己写的代码越开越觉得像

文件类型

---

首先先介绍一下小程序的文件类型（介绍原生）
一共有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

技巧

---

1. 小程序异步请求
   答：在请求回调里调用函数
2. 和Vue this.data的区别
   答：this.setData才会即时渲染，vue的this.data就可以即时渲染
3. wxss和css区别
   答：图片只能引入外链地址，没有body标签，样式可以import导入。
4. webview怎么跳回小程序：

wx.miniProgram.navigateTo({
url: 'xxxx'
})

5. 小程序和用户的唯一性
   答：union_id
6. 下拉刷新怎么做：
   答：onPullDownRefresh方法
7. webview注意事项
   • 需要添加业务域名，
   • h5页面跳转小程序的版本是1.3.1以上
   • 微信分享只可以是小程序的主名称，自定义分享内容要小程序1.7.1以上版本
   • h5的支付不能是公众号appid必须是小程序appid，用户的openid必须是用户和小程序的
8. 小程序和后台接口
   答：数据大小有限制，不能直接渲染html文本内容，可以借助插件实现，最好通过后台把标签都换成view，加快速度。

总结

---

目前记录的就是这么多，后续如果有更新还会继续添加。有任何问题评论即可，欢迎指出错误。