1. 注册并安装微信小程序
1. 打开 :/// URL,点击立即注册,进入小程序开发账号注册流程,选择小程序作为注册账号类型。
2. 根据注册要求注册,发送邮件信息,收到微信团队发送的邮件信息后,点击链接激活,如果出现红色感叹号,可以参考下面的链接解决。
3. 选择注册区域,主题类型一般选择为个人。
4. 根据要求填写 注册,然后继续,注册完成,即可进入小程序。
5. 请按照以下步骤作。
6. 建议下载安装最新稳定版( )的微信开发者工具并按照流程正常下载,下载页面链接如下:
:////dev//.html
2. 创建项目并介绍基本功能
1. 创建项目
2. 在模拟器上查看项目效果,在实机上预览项目效果
3. 主界面的五大组成部分
三、项目的基本结构
1. 项目组成结构
2. 什么是 WXML
WXML 是小程序框架设计的一套标签语言,用于构建小程序的页面结构,类似于 HTML。
3. WXML 和 HTML 的区别
(1) 标签名称不同
HTML:(div,span,img,a)
WXML:(视图,文本,,)
(2) 属性节点不同
(3) 提供了类似于 Vue 中的模板语法
数据绑定
列表呈现
条件渲染
4. 什么是 WXSS
WXSS 是一种用于描述 WXML 组件样式的样式语言,类似于 Web 开发中的 CSS。
5. WXSS 和 CSS 的区别
(1) 已添加 RPX 大小单位
在 CSS 中,您需要手动转换像素单位,例如 REM
WXSS 的大小单位 RPX 会在不同的屏幕上自动转换
(2) 提供全局样式和本地样式
项目根目录下的 app.wxss 会应用到所有小程序页面
部分页的 .wxss 样式仅对当前页生效
(3) WXSS 仅支持部分 CSS 选择器
.and #id、元素选择器、联合选择器、后代选择器、伪类选择器,例如 :: 和 ::
6. 小程序中的 js 文件有三大类
(1) app.js
它是整个小程序工程的入口文件,通过调用 App() 函数启动整个小程序
(2) 页面的 js 文件
它是页面的入口文件,通过调用 Page() 函数创建和运行
(3) 普通 js 文件
它是一个通用函数模块文件,用于封装通用函数或属性以供页面使用
四、小程序的主机环境
1. 什么是主机环境
这
主机环境是指程序运行所必需的依赖环境,例如安卓系统和苹果系统是两个不同的主机环境,安卓版微信无法在苹果环境中运行,所以安卓系统是安卓软件的主机环境,软件从主机环境来看毫无意义。
2. 小程序的主机环境是谁
?借助
主机环境提供的能力,小程序可以完成许多普通网页无法完成的功能,例如:微信扫码、支付、登录......
3. 小程序托管环境包含哪些内容
(1) 通信模型
(2)作机构
(3) 组件
(4) 应用程序接口
4. 通信模型
(1) 来文主题
小程序中通信的主渲染层和逻辑层,其中:
(1) WXML 模板和 WXSS 样式在渲染层中工作
(2) JS 脚本在逻辑层工作
(2) 小程序的通信模型
(1)渲染层与逻辑层通信:由微信客户端转发
(2)逻辑层与第三方服务器通信:由微信客户端转发
5. 运营机制
(1) 启动小程序的流程
(1) 将小程序的代码包下载到本地
(2) 解析app.json全局配置文件
(3) 执行 app.js 小程序入口文件,调用 App() 创建小程序实例