1、注册者账并拿取
注册:微信公众平台
: / 管理 / 者
2、下载微信者工具
下载地址:微信者工具下载地址与更新日志 微信开放文档
3、创建第一个微信小程序项目
启动微信者工具:
4、项目目录文件简介
5、 配置服务器域名(可选)
场景:如果请求链接的服务器非微信云服务器,需配置服务器域名。
配置方法: / 管理 / 服务器域名
根目录下的 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 等。
全局配置详见:全局配置 微信开放文档
常用配置:
的相关配置:
每一个小程序页面也可以使用同名 文件来对本页面的窗口表现进行配置,页面中配置项会覆盖 的 中相同的配置项。详见:页面配置 微信开放文档
属性
类型
默认值
描述
#0
导航栏背景颜⾊,如
#0
导航栏标题颜⾊,仅⽀持
/
导航栏标题⽂字内容
#
窗⼝的背景⾊
下拉的样式,仅⽀持 /
是否开启当前页面下拉刷新
,详⻅
( ) 微信开放文档
50
⻚⾯上拉触底事件触发时距⻚⾯底部距离,单位为。详⻅
( ) 微信开放文档
设置为
则⻚⾯整体不能上下滚动;只在⻚⾯配置中有 效,⽆法在 . 中设置该项
① 首先执行 - 得到 . 文件
② 执行 获得_文件夹
③ 点击工具 → 构建得到 _文件夹
每个小程序都需要在 中调用 方法注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。其他页面通过来获取数据。详见:( ) 微信开放文档
属性
说明
小程序初始化完成时触发,全局只触发一次。 .
监听⼩程序启动或切前台。
.
监听⼩程序切后台。
.
错误监听函数。
.
⻚⾯不存在监听函数。
.
详见:( ) 微信开放文档
注意:小程序的数据绑定放在对象中,函数放在 ({})中
语法详见: 微信开放文档
详见:数据绑定 微信开放文档
语法:{{}}
注意点:花括和引之间如果有空格,将最终被解析成为字符串
详见:列表渲染 微信开放文档
语法::="{{}}" :=""
注意点:默认数组的当前项的下标变量,数组当前项的变量名默认为,支持自定义。
详见:条件渲染 微信开放文档
语法::="{{}}"
公共属性
注意点:频繁切换 ⽤ ,不常使⽤ ⽤ :
详见:事件 微信开放文档
语法:=""
常用的一些事件绑定:
语法:=""
事件传值 通过标签⾃定义属性的⽅式
.
.
语法:=""
.
.
详见: 微信开放文档
常用属性:
-有效值:
传参可在使用?拼接,多个参数使用&拼接, 使用页面生命周期拿去参数
.
.
详见: .( ) 微信开放文档
页面路由 微信开放文档
使用方式:在中直接调用,传参与拿取参数与组件一致。
:小程序中页面栈最多十层 。
简介:页面加载时,将会以字符串的形式由逻辑层传至渲染层,渲染层可以通过对数据进行绑定。
修改中的数据使用:.( , )
否则不会引起视图的更新。
详见:( ) 微信开放文档
详见:.( , ) 微信开放文档
本地缓存:将数据存储在本地缓存中指定的 中。会覆盖掉原来该 对应的内容。单个 允许存储的最大数据长度为 1,所有数据存储上限为 10。
简介:样式语言,具有大部分的特性, 在 基础上做了一些扩充和修改。
① 尺寸单位:
新增尺寸单位,可以根据屏幕宽度进行自适应。规定屏幕宽为750。如在 6 上,屏幕宽度为375,共有750个物理像素,则750 = 375 = 750物理像素,1 = 0.5 = 1物理像素。
② 样式导入:
使用@语句可以导入外联样式表,@后跟需要导入的外联样式表的相对路径,用表示语句结束。
功能文档位置.()发起 网络请求 微信开放文档.()显示消息提示框.( ) 微信开放文档.()隐藏消息提示框.( ) 微信开放文档.()显示 提示框.( ) 微信开放文档.()获取系统信息.( ) 微信开放文档.()使手机发生较短时间的振动.( ) 微信开放文档.()拍摄或从相册中选择图片或视频.( ) 微信开放文档.()在新页面中全屏预览图片.( ) 微信开放文档.()调用接口获取登录凭证.( ) 微信开放文档.()发起微信支付.( ) 微信开放文档.()获取用户地址.( ) 微信开放文档
详见:视图容器 微信开放文档
常用组件:
视图容器 文本 图片 输入框 按钮 长文本输入框 滑块视图容器- 可滚动视图区域- 富文本......
微信小程序小白入门—从注册到发布全流程 - 掘金
【小程序必备】微信小程序常用全介绍,附示例代码和使用场景 - 掘金
微信官方文档 微信开放文档