微信小程序整理

Posted 2020-10-27 好笑。

1. 小程序的项目结构
2. 小程序页面组织结构
3. 小程序的配置文件
4. 标签栏的配置
5. 逻辑与界面分离的解构
6. 逻辑层的javascript
7. 应用的生命周期
8. 页面的生命周期

onload,onshow,onReady,onhide,onunload，

还可以定义其他 的任意函数。这些函数可作为页面上元素的事件处理函数

9. 数据绑定和WXS

{{}} 小胡子

<text></text>,<input/>,<checkbox />,<block></block>

index.js中不能定义函数。可在index.wxml中使用WXS

WXS：类似于html中的javascript

10. 控制属性（条件渲染）

wx:if(){}

wx:elif(){}

wx:else{}

条件选择和hidden=“true/false”

11. 控制属性（列表渲染）

循环：wx:for="循环的名"

bindtap="函数名" eg: <view bindtap=“addItemHandle”></view>

<text wx:for="foo"> -{{item}}-</text>

输出:-f--o--o-

注意：{{}}中有空格，会将类型转换为 字符串型

12. 事件处理

<button bindtap="tapHandle">Click me</button>

<button catcjtap="tapHandle" data-id="1">Click me</button>

可以通过data-xxx 属性，给事件处理函数传递额外的参数

 

13. 单向数据流
14. WXSS
15. 外观及标签栏的配置
16. 公共样式及sublime打开项目
17. 首页布局
18. 关于小程序中发送http请求
19. 首页数据加载及数据绑定
20. 页面间跳转
21. 列表页分类信息加载
22. 上拉加载更多
23. 下拉刷新及搜索
24. 详细页