一、基础知识
1.WXML
数据绑定
条件渲染
列表渲染
模板
2.WXSS
响应式像素:750rpx
外联样式:@import ‘…’
内联样式:style="…"
选择器优先级:!important > 内联 > id > class > 标签
3.JS
4.WXS:用作数据过滤与计算
模块module:<wxs module="m1">module.exports={massage:"hello world"}</wxs>
数据类型:number,string, boolean, object, array, function, date, regexp
基础类库:Number, Date, Global, Math, console, JSON
5.MINA 框架
6.生命周期
程序生命周期:onLaunch, onShow, onHide, onError
页面生命周期:onLoad, onShow, onReady, onHide, onUnload
7.路由
打开新页面:wx.navagateTo
重定向:wx.redirectTo
返回:wx.navigateBack
Tab切换:wx.switchTab
重加载:wx.reLaunch
8.事件:视图层到逻辑层的通信方式,将用户行为反馈到逻辑层进行处理,绑定在组件上,触发事件会执行逻辑层中对应的事件处理函数,事件对象可以携带额外的信息
事件捕获阶段 -> 事件处理阶段 -> 事件冒泡阶段
事件类型:tap,longtap,longpress,touchstart,touchmove...
二、小程序组件
1.视图容器:view, scroll-view, swiper, cover-view, movable-view
2.基础内容: text, icon, rich-text, progress
3.表单组件:form,button,checkbox,radio,input,picker选择器,slider滑动选择器,switch开关,textarea
4.导航:navigator
5.媒体组件:audio,vedio,camera,image,
6.地图:map
7.开放能力:ad,
8.画布:canvas
三、小程序API
1.网络请求:wx.request