微信小程序(原生)

WXS介绍 WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。 WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScrip

模板介绍 WXML 提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。 定义模板 使用 name 属性，作为模板的名字。然后在<template/>内定义代码片段，如： 使

界面交互 API 名称 功能说明 wx.showModal 显示模态对话框 wx.showToast 显示消息提示框 wx.hideToast 隐藏消息提示框 wx.showLoading 显示 lo

请求三要素 请求方式。GET POST PUT DELETE 请求地址。 请求参数。 浏览器端发送网络请求(回顾) 浏览器原生：XMLHTTPRequest 对象(小黄人) JQ 库：$.ajax({

生命周期概念 生命周期 出生 死亡 生命周期(回调)函数 出生时自动执行的(回调)函数 死亡是自动执行的(回调)函数 小程序生命周期函数分类 App 生命周期函数，全局生命周期函数。 Page 生命周

组件使用步骤 新建组件 Component，在新建的组件内写代码。 导入并注册组件，通过 json 配置文件的 usingComponents 配置项导入并注册。 在页面中使用组件必须和注册的名称相同

🚩 原生小程序修改 data 数据并更新视图，只有以下一种写法。🚩 原生小程序修改 data 数据并更新视图，只有以下一种写法。🚩 原生小程序修改 data 数据并更新视图，只有以下一种写法。

事件基础 事件传参 小程序 和 Vue 事件绑定差别 小程序事件绑定不能使用 @ 符号简写，需使用 bind 这种写法。 小程序中删除了 click 事件类型，用 tap 事件取代 click 事件。

属性绑定 在小程序中不管是属性值，还是标签的内容，数据绑定统一都是用两对花括号 {{ }} 变量绑定 在 js 文件中定义变量和值 在 wxml 模板文件中使用。 列表渲染 在 js 文件中定义数组

page 页面根组件 小程序的页面根标签为 <page>，相当于 html 的 body 标签。 view 容器组件 代替之前 html 的 <div> h1 ~ h6，p，ul ，ol， li, d

二维码预览 和 自动预览 注意 PC端的只是模拟器，模拟和真实的手机端运行会有差异，一切以手机端效果为主。 开发的时候大部分情况使用自动预览，更方便。 如果在模拟器中运行正常，但是手机运行不了的时候，

概述 每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。 页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。 注意事项： 页面的 json 配置

共分为四部分 窗口导航 (原生 App) 背景 (原生 App) 页面 ( 只有这部分才是我们自己写的布局和样式 操作的 ) tabBar (原生App) 界面组成图示

方式1，添加编译模式 - 推荐 方式2 , 修改 app.json，微信小程序切换页面的两种方式，切换页面

json 语法注意 小程序的 json 是严格版的语法，需要注意以下问题： 不能写注释。 同级数据最后一项不允许多余的逗号。 字符串和键名称只能使用 双引号。 布尔类型值，数字类型值 就 不能带引号。

获取 APPID 新建项目 手机端预览 项目目录结构 查看当前页面路径 切换项目页面 页面路径和页面参数 微信开发工具小结 微信开发工具：可以理解为 Chrome (浏览器) + VS Code (编

微信开发者工具下载 下载地址 建议下载稳定版，或者预发布版，如果安装不上继续换其他版本，所有版本都安装不了，只能重装系统。 微信开发者账号注册 微信公众平台注册地址 注意事项 账号信息。 学习阶段建议