# 限制

同一个分包中的页面享有共同的预下载大小限额 2M,限额会在工具中打包时校验。

如,页面 A 和 B 都在同一个分包中,A 中预下载总大小 0.5M 的分包,B 中最多只能预下载总大小 1.5M 的分包。

# 微信小程序和 app 对比

  1. 开发成本低
  2. 开发效率快
  3. 流量大
  4. 用户:减轻内存,用完即走
  5. 商户:线上线下结合,转型互联网
  6. 创业者:场景广泛,创业更简单

# 生命周期

onLoad>onShow>onReady

普通跳转到其他页面时,再回来只会触发 onShow,不会触发 onLoad 和 onReady

# 事件

# 传递元素上的参数

可以在绑定元素上添加data-xxx,触发事件后可以在e.currentTarget.dataset.xxx获取:

 <view bindtap="onTap" data-title="test">
    姓名:{{item.name}},序号:{{index}}
 </view>
// js
  onTap:(e)=>{
    console.log(e.currentTarget.dataset.title)  // test
  }

data-xxx这种传递形式,后边的值会自动转成小写,如果中间带连接符的话,会转换成小驼峰命名:

data-NAME  // name
data-na-ME // naMe

# API

# 上线相关

# 配置合法域名

小程序开发平台>开发>开发设置>服务器域名

# 最佳实践

  1. 图片 mode 选择widthFix,保持宽高比,去除不必要的空白。

# 问题

  1. hover-class 和:hover 的区别前者是点击后移出 自动去除效果,:hover 点击后移出没有改变
  2. 怎么单独查看某个页面选择编辑器顶部普通编译>添加编译模式>选择启动页面
  3. 微信小程序不能使用 indexOf