1.先官网注册和下载开发工具
2.推荐使用flex布局
3.像素点知识补充
ipohone6比如一半css像素宽度375,dpr是2,所以物理像素就是750
移动端视口(视觉适口,布局适口,完美适口)
rem适配(阿里方案)
数据绑定:
react在自身的狗子函数里面是异步的,非自身的狗子函数是同步的
而小程序在自身和非自身都是同步的
小程序 vue react都是单向数据绑定,model--》view
事件绑定:
路由跳转
微信中的全局对象是wx,而小程序里面是没有window的要注意
wx.navigateTo(Object object)
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
生命周期
如图因为onload还没渲染,可以发请求
有需要页面加载完再做操作的可以用onshow
获取用户信息:
遍历用索引做key的问题
为了让diff算法计算更少性能更好,最好有一个唯一值
自定义组建
1.js里面一个叫page 一个component
2.json设置里面不一样
内网穿透
动画
跳转的一个小细节
localstorage存在硬盘,如果不手动删除永久存储
sessionstorage是会话存储,存储在内存
存储在本地的数据最好都是jsonstring的形式
以上是永久存储
if else
flex:1
video超过3个可以通过image进行优化
剧中
圆角
剧中的另一个写法
旋转偏移中心
动画
路由传参
获取global实力
在小程序使用npm包
install目标包
pub sub
防抖
小程序有一个hidden属性,如果是频繁show和不show的建议用这个
模版:总的来说,模板更适合用于简单的、纯展示的页面结构,而自定义组件更适合用于具有复杂业务逻辑和交互的页面结构。在实际开发中,可以根据具体需求选择使用模板还是自定义组件。
login
分包
1.常规分包
分包不分家
主包:上来显示的页面主页
2.独立分包
独立分包主要是不依赖主包的加载
场景:常用临时的活动页,临时广告页等
3.分包预加载
相当预加载
学习视频地址:
api地址
developers.weixin.qq.com/miniprogram…
开发个人登陆地址