微信小程序(原生)开发入门学习笔记

1、注册者账并拿取

注册:微信公众平台

: / 管理 / 者

2、下载微信者工具

下载地址:微信者工具下载地址与更新日志 微信开放文档

3、创建第一个微信小程序项目

启动微信者工具:

4、项目目录文件简介

5、 配置服务器域名(可选)

场景:如果请求链接的服务器非微信云服务器,需配置服务器域名。

配置方法: / 管理 / 服务器域名

根目录下的  文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 等。

全局配置详见:全局配置 微信开放文档

常用配置:

的相关配置:

每一个小程序页面也可以使用同名  文件来对本页面的窗口表现进行配置,页面中配置项会覆盖  的  中相同的配置项。详见:页面配置 微信开放文档

属性

类型

默认值

描述

#0

导航栏背景颜⾊,如

#0

导航栏标题颜⾊,仅⽀持

/

导航栏标题⽂字内容

#

窗⼝的背景⾊

下拉的样式,仅⽀持 /

是否开启当前页面下拉刷新

,详⻅

( ) 微信开放文档

50

⻚⾯上拉触底事件触发时距⻚⾯底部距离,单位为。详⻅

( ) 微信开放文档

设置为

则⻚⾯整体不能上下滚动;只在⻚⾯配置中有 效,⽆法在 . 中设置该项

① 首先执行 - 得到 . 文件

② 执行 获得_文件夹

③ 点击工具 → 构建得到 _文件夹

每个小程序都需要在  中调用  方法注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。其他页面通过来获取数据。详见:( ) 微信开放文档

属性

说明

小程序初始化完成时触发,全局只触发一次。 .

监听⼩程序启动或切前台。

.

监听⼩程序切后台。

.

错误监听函数。

.

⻚⾯不存在监听函数。

.

详见:( ) 微信开放文档

注意:小程序的数据绑定放在对象中,函数放在 ({})中

语法详见: 微信开放文档

详见:数据绑定 微信开放文档

语法:{{}}

注意点:花括和引之间如果有空格,将最终被解析成为字符串

详见:列表渲染 微信开放文档

语法::="{{}}"  :=""

注意点:默认数组的当前项的下标变量,数组当前项的变量名默认为,支持自定义。

详见:条件渲染 微信开放文档

语法::="{{}}"

公共属性

注意点:频繁切换 ⽤ ,不常使⽤ ⽤ :

详见:事件 微信开放文档

语法:=""

常用的一些事件绑定:

语法:=""

事件传值 通过标签⾃定义属性的⽅式

.

.

语法:=""

.

.

详见: 微信开放文档

常用属性:

-有效值:

传参可在使用?拼接,多个参数使用&拼接, 使用页面生命周期拿去参数

.

.

详见: .( ) 微信开放文档

页面路由 微信开放文档

使用方式:在中直接调用,传参与拿取参数与组件一致。

:小程序中页面栈最多十层 。

简介:页面加载时,将会以字符串的形式由逻辑层传至渲染层,渲染层可以通过对数据进行绑定。

修改中的数据使用:.( , )

否则不会引起视图的更新。

详见:( ) 微信开放文档

详见:.( , ) 微信开放文档

本地缓存:将数据存储在本地缓存中指定的 中。会覆盖掉原来该 对应的内容。单个 允许存储的最大数据长度为 1,所有数据存储上限为 10。

简介:样式语言,具有大部分的特性, 在 基础上做了一些扩充和修改。

① 尺寸单位:

新增尺寸单位,可以根据屏幕宽度进行自适应。规定屏幕宽为750。如在 6 上,屏幕宽度为375,共有750个物理像素,则750 = 375 = 750物理像素,1 = 0.5 = 1物理像素。

② 样式导入:

使用@语句可以导入外联样式表,@后跟需要导入的外联样式表的相对路径,用表示语句结束。

功能文档位置.()发起 网络请求 微信开放文档.()显示消息提示框.( ) 微信开放文档.()隐藏消息提示框.( ) 微信开放文档.()显示 提示框.( ) 微信开放文档.()获取系统信息.( ) 微信开放文档.()使手机发生较短时间的振动.( ) 微信开放文档.()拍摄或从相册中选择图片或视频.( ) 微信开放文档.()在新页面中全屏预览图片.( ) 微信开放文档.()调用接口获取登录凭证.( ) 微信开放文档.()发起微信支付.( ) 微信开放文档.()获取用户地址.( ) 微信开放文档

详见:视图容器 微信开放文档

常用组件:

视图容器 文本 图片 输入框 按钮 长文本输入框 滑块视图容器- 可滚动视图区域- 富文本......

微信小程序小白入门—从注册到发布全流程 - 掘金

【小程序必备】微信小程序常用全介绍,附示例代码和使用场景 - 掘金

微信官方文档 微信开放文档

© 版权声明
THE END
分享