微信小程序整理

  1. 小程序的项目结构
  2. 小程序页面组织结构
  3. 小程序的配置文件
  4. 标签栏的配置
  5. 逻辑与界面分离的解构
  6. 逻辑层的JavaScript
  7. 应用的生命周期
  8. 页面的生命周期
onload,onshow,onReady,onhide,onunload,
还可以定义其他 的任意函数。这些函数可作为页面上元素的事件处理函数
  1. 数据绑定和WXS
{{}} 小胡子
<text></text>,<input/>,<checkbox />,<block></block>
index.js中不能定义函数。可在index.wxml中使用WXS
WXS:类似于html中的javascript
  1. 控制属性(条件渲染)
wx:if(){}
wx:elif(){}
wx:else{}
条件选择和hidden=“true/false”
  1. 控制属性(列表渲染)
循环:wx:for="循环的名"
bindtap="函数名" eg: <view bindtap=“addItemHandle”></view>
微信小程序整理
<text wx:for="foo"> -{{item}}-</text>
输出:-f--o--o-
注意:{{}}中有空格,会将类型转换为 字符串型
  1. 事件处理
<button bindtap="tapHandle">Click me</button>
<button catcjtap="tapHandle" data-id="1">Click me</button>
可以通过data-xxx 属性,给事件处理函数传递额外的参数
微信小程序整理
 
  1. 单向数据流
  2. WXSS
  3. 外观及标签栏的配置
  4. 公共样式及sublime打开项目
  5. 首页布局
  6. 关于小程序中发送http请求
  7. 首页数据加载及数据绑定
  8. 页面间跳转
  9. 列表页分类信息加载
  10. 上拉加载更多
  11. 下拉刷新及搜索
  12. 详细页
 

微信小程序整理

上一篇:PHP app 唤起微信支付 获取链接【项目实例】


下一篇:【微信ticket跳转】手机浏览器网页跳转到微信内置浏览器打开