首页 > 微信 > 详细

微信小程序整理

时间:2018-03-18 22:53:59      阅读:279      评论:0      收藏:0      [点我收藏+]
  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. 详细页
 

微信小程序整理

原文:https://www.cnblogs.com/zwtqf/p/8598053.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!