微信小程序自学驿站

全局数据共享 在小程序中，可以使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享 mobx-miniprogram 用来创建Store实例对象

小程序使用npm包 不支持依赖于Node.js内置库的包 不支持依赖于浏览器内置对象的包 不支持依赖于C++插件的包 Vant Weapp 官方网址：https://youzan.github.io/

自定义组价 创建自定义组件 项目根目录中创建components文件夹 在components文件夹下创建组件(一个组件单独创建一个文件保存) 新建test组件：在test文件上右键，选择新建Comp

生命周期 分类 应用生命周期 小程序启动->运行->销毁 页面生命周期 页面加载->渲染->销毁 页面生命周期范围小，应用程序范围大： 生命周期函数 应用生命周期函数 页面声明周期函数

路由导航 声明式导航 tabBar页面导航 url表示跳转的页面地址，必须 / 开头 open-type表示跳转方式，tabBar必须设置为switchTab 非tabBar页面导航 后退导航 ope

网络数据请求 小程序中网络数据请求的限制 配置request合法域名 步骤： 登录微信小程序管理后台 开发设置 服务器域名 修改request合法域名 注意事项： 域名只支持https协议 域名不能使

全局配置 常用配置 pages：记录当前所有页面存放路径 window：全局设置小程序窗口外观 tabBar：设置小程序底部tabBar效果 style：是否启用新版组件样式 window windo

wxss模板样式 rpx 实现原理 根据不同的屏幕大小，rpx把所有设备屏幕，在宽度上等分750份(即：当前屏幕的总宽度喂750rpx) 较小设备上，1rpx代表的宽度较小 较大设备上，1rpx代表的

wxml模板语法-列表渲染 wx:for 默认情况下，当前循环项的索引用index表示，循环项用item表示。可以通过手动指定索引和当前项的变量名： 使用wx:for-index指定索引的变量名 使用

wxml模板语法-条件渲染 wx:if 也可以使用 wx:elif 和 wx:else 来添加 else判断： 如果需要一次性控制多个组件的展示和隐藏可以结合 block 标签包裹处理 hidden

wxml模板语法-事件绑定 小程序中常用事件 事件对象的属性 target 和 currentTarget区别 点击内部按钮，点击事件会冒泡执行外层view的tap事件，此时对于外层的view来说：

wxml模板语法-数据绑定 数据绑定原则 在data中定义数据 在页面对应的js文件中，把数据定义到data对象中： 在wxml中使用数据 使用Mustache语法把data中的数据绑定到页面中渲染：

API API分类 事件监听API 以 on 开头，用来监听某些事件的触发 wx.onWindowResize(function callback)监听窗口尺寸变化的事件 同步API 以 Sync 结

组件篇 组件分类 组件分类组要有9大类： 视图容器 基础内容 表单组件 导航组件 媒体组件 map地图组件 canvas画布组件 开放能力 无障碍访问 常用视图容器类组件 view 普通视图区域（di

项目结构 1. 了解项目基本组成结构 pages 用于存放所有小程序页面 utils 用于存放工具性质的模块 app.js 是小程序项目的入口文件 app.json 是小程序项目的全局配置文件 app

前言 创建微信小程序项目前提：（一）初探小程序，打开微信小程序大门 - 掘金 (juejin.cn) 创建小程序 首先登录微信开发者工具进入如下页面，点击 + 创建一个项目： 然后填写相关项目信息，注

小程序介绍 小程序与普通网页开发区别？ 1、运行环境不同 网页运行在浏览器环境中 小程序运行在微信环境中 2、API不同 小程序无法调用DOM和BOM的API（环境不同） 小程序可以调用微信环境API