开辟微信小顺序必看（衬着HTML，动态二维码）

一.媒介：

近来公司要做一个小顺序，之前也没打仗过，然则用过Vue框架，就直接上手了，毕竟头脑是很像的。
然则微信小顺序的坑照样有的，本日就讲一下思绪，假如有需求能够出细致的文章。有错的地方请人人改正。


二. 微信限定

• 说下微信的限定

  • 下面切换的tab不能超过5个
  • 父页面和子页面的关联不能超过5个
  • 上线打包后的文件不能超过2M
  • 不允许跳转第三方链接（这个很主要，致使许多功用完成不了）
  • 不能给按钮直接下载APP
  • 内嵌H5只能展现，不能对其举行操纵
  • 小顺序内里没有DOM
  • 小顺序不能用当地的图片做背景图

三. 碰到的难点

• 衬着HTML

  • ​​题目：背景给我返回HTML的代码，让我在小顺序里衬着
  • 难点：小顺序不支持DOM
  • 计划：大神写的 wxParse 能够衬着DOM节点 ​https://github.com/icindy/wxP&＃8230;

• 二维码天生

  • 题目：要根据背景给的URL动态天生二维码
  • 难点：小顺序不支持DOM
  • 计划：大神写的 qrcode https://github.com/yingye/wea&＃8230;

• 微信API题目

  • 题目：微信的下载文件的API有题目 ​`wx.downloadFile（）` PC上能够用，挪动端用不了，而且URL还要用一个域名下
  • 计划：由于我们是要下载图，微信有一个预览图片的API，这个长按能够下载 wx.previewImage（）图片

• template模板的运用注重点

  • 运用：

    1. App.json文件里不能引入模板文件 如：page/template/teplate

    2. 在父页面的 wxml和wxss文件引入template想对应的wxml和wxss文件

       Wxml文件：
       ​

       `


       WXss文件：

       ​ @import '../tampmask/tampmask.wxss’;

       js文件：

       ​模板里的template.js是不会衬着到 template.js要`写在引入模板文件上面`

• ​为了防止毛病，引号只管有双引号。
• {{}}里不能用toFixed()等函数，要先在js里转化，再在{{}}里衬着
• 在子页面是能够设置全局的变量的，引入APP（）这个对象
• 微信是能够完成下拉革新的功用的，微信是有下拉的API的，能够经由过程猎取的值来显现隐蔽革新

四.构建看法

• 假如内嵌H5 的页面比较多，不要每一个页面都写一个页面，一个模块引入一个文件，在根据传进来的值推断显现哪一个，否则会很乱
• 款式能够引入weui库，符合微信的款式
• 关于登录注册，微信能够直接猎取手机号码，不必专程弄个登录注册页
• 推断是不是登录的值能够放在全局的变量里，也能够放在localstroge内里（然则发起放在全局变量内里）。
• 关于模板，一个把一切模板写在同一个template文件下面，不必写多个，用差别的name来辨别和援用，如许比较清楚，便于管理

感谢人人，假如有题目能够一同讨论

blog:http://blog.beastxw.wang/2019&＃8230;