微信小程序问题总结

生命周期？

onLaunch：初始化完成时，会触发onLaunch(全局触发一次)
onShow：小程序启动或后台进入前台时，触发onShow
onHide：小程序隐藏或从前台进入后台，触发onHide
onLoad：监听页面加载
onReady：页面初次渲染完成
onUnload：页面卸载

页面传值方法?

1. 使用navigator的url带参传值
2. 使用globalData全局对象
3. 使用storage本地存储
4. 给html元素添加data-属性

wxml和html的区别?

• 作用：都是描述页面结构的文件
  • wxml多了wx:if的属性和{{}}表达式

wxss和css的区别?

• 作用：都是给样式结构设置样式的
  1. wxss提供全局和局部样式
  2. wxss新增了尺寸单位rpx

小程序优劣?

• 优势
  • 容易上手
  • 无需安装
  • 开发成本低
• 劣势
  • 页面大小有限制
  • 推广面窄，只能分享给朋友
  • 依托微信，无法开发管理系统

优化首屏加载?

• 用户体验方面
  • 骨架框
  • 友好提示
• 请求方面
  • 减少请求（雪碧图、字符图标）
  • 缓存
  • cdn（大文件利用cdn引入）
• 其他
  • 压缩图片
  • 图片懒加载

常用的小程序组件?

view text image navigator button …

项目中遇到的问题?

H5支付：是指用微信内置浏览器以外的浏览器打开的移动网页调用微信支付
JSAPI支付：是指通过微信内置浏览器打开的网页调用微信支付

支付流程

1. 判断是否在微信里打开
2. 拿code去换openid（code需要授权后拿到）
3. 调用WeixinJSBridge.invoke，传参，给出友好提示