微信小程序 ： 有张简历 -- 小总结

趁着短暂休息的几天 ，简单撸一个微信小程序 ，先看看效果图。

当然 ， 以上只是效果图~~~~ ， 源码完成后会上传到Github ， 看到的大佬能不能指导下完全没有后台服务器的情况下怎么通过纯小程序组件实现MQ或者websocket功能，小程序的圈子生态并没有想象的好 ， 即时聊天的实现毫无头绪。。。

以下是主要的笔记, 后续会继续完善
微信小程序API

基础点

1 > 小程序主体

app . js
app . json : 公共配置类 , 可配置全局消息
app . wxss : 公共样式表

2 > 单个页面主体

js : 页面逻辑
wxml : 类似于HTML , 页面DOM
json : 页面配置文件
wxss : 页面样式表

3 > app . json 简述

https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#全局配置
该 文件用于 配置小程序全局配置 , 详细可见API文档 , 主要包括小程序所有的页面路径 , 底部Tab 的设置 , 网络连接 , 是否开发模式 等

组件列表

https://developers.weixin.qq.com/miniprogram/dev/component/
常见的包括 cemera , map , canvas 等
open-data : 开放信息 , 包括用户昵称 , 头像 , 性别 ,城市等

API 列表

• boolean wx.canIUse(string schema) : 判断当前API 是否可用

关键字

wx : for

绑定一个数组 , 其下 {{index}} 是当前项的下标变量名 , 当前项默认为item
自定义下标名 和 对象名
< view wx:for="{{array}}" wx:for-index=“idx” wx:for-item=“itemName”>
可以在 wx : for 中 嵌套 wx : for

wx : if

条件渲染 , 判断是否渲染此代码块 ,
可以 使用 wx : elif 和 wx : else 来进行 if else 判断

1
2
3

block

block 用于包含 , 判断之后 , 对block 中的均起作用

定义模板

使用 template 标签定义模板
模板的作用域 是 data 中定义定义的数据 以及 模板定义文件中定义的模板

//模板使用 :