微信附近的小程序开发 第1篇
开发者可以通过配置，在进入小程序某个页面时，由框架自动预下载可能需要的分包，提升进入后续分包页面时的启动速度。
预下载分包行为在进入某个页面时触发，通过在 增加 preloadRule 配置来控制。
preloadRule 中，key 是页面路径，value 是进入此页面的预下载配置，每个配置有以下几项：
同一个分包中的页面享有共同的预下载大小限额 2M，限额会在工具中打包时校验。
如，页面 A 和 B 都在同一个分包中，A 中预下载总大小 的分包，B中最多只能预下载总大小 的分包。
微信附近的小程序开发 第2篇
Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。 目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。
使用 npm 构建前，请先阅读微信官方的 npm 支持
开发者工具创建的项目，miniprogramRoot 默认为 miniprogram， 在其外部，npm 构建无法正常工作。 需要手动在 内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。
由于目前新版开发者工具创建的小程序目录文件结构问题，npm构建的文件目录为miniprogram_npm，并且开发工具会默认在当前目录下创建miniprogram_npm的文件名，所以新版本的miniprogramNpmDistDir配置为 ‘./’ 即可
如果你使用 typescript 开发小程序，还需要做如下操作，以获得顺畅的开发体验。
安装 miniprogram-api-typings
在 中增加如下配置，以防止 tsc 编译报错。 请将path/to/node_modules/@vant/weapp修改为项目的 node_modules 中 @vant/weapp 所在的目录。
以 Button 组件为例，只需要在或中配置 Button 对应的路径即可。 所有组件文档中的引入路径均以 npm 安装为例，如果你是通过下载源代码的方式使用 @vant/weapp，请将路径修改为项目中 @vant/weapp 所在的目录。
引入组件后，可以在 wxml 中直接使用组件
接着打开微信开发者工具，导入example目录的项目就可以预览示例了。
微信附近的小程序开发 第3篇
下载微信web开发者工具，根据自己的操作系统下载对应的安装包进行安装即可。
pages 注册页面 window 窗口信息
模板文件 业务逻辑 样式 页面配置
把新建的文件路径调到最上面那就是主页了，意思就是，第一个路径就是首页的路径!
微信附近的小程序开发 第4篇
基础库 开始支持，低版本需做兼容处理。
自定义 tabBar 可以让开发者更加灵活地设置 tabBar 样式，以满足更多个性化的场景。
在自定义 tabBar 模式下
注意：如需实现 tab 选中态，要在当前页面下，通过 getTabBar 接口获取组件实例，并调用 setData 更新选中态。可参考底部的代码示例。
在项目根目录下添加入口文件:
注意：命名不可随意改动
使用 Vant 组件库的 Tabbar 标签栏
这里有两个问题待解决：
TODO 解决微信小程序 自定义tabBar 切换时候闪烁问题。
TODO Skyline引擎渲染情况下，自定义tabBar显示异常。
微信附近的小程序开发 第5篇
这是最常见的一种跳转方式,相当于html里的a标签.但需要注意的是 该方法不能跳转tabbar页面.
格式为:
格式为:
格式为:
跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面；该方法只能跳转tabbar页面.
wxml js
关闭所有页面，打开到应用内的某个页面。 跟 一样左上角不会出现返回箭头，但两者却不完全相同；
格式为:
微信附近的小程序开发 第6篇
tabBar 是移动端应用常见的页面效果， 用于实现多页面 的快速切换 。 小程序中通常将其分为： 1，底部 tabBar 2，顶部 tabBar
① 打开 配置文件，和 pages、window 平级，新增 tabBar 节点 ② tabBar 节点中，新增 list 数组 ，这个数组中存放的，是每个 tab 项的配置对象 ③ 在 list 数组中， 新增每一个 tab 项的配置对象 。对象中包含的属性如下： pagePath 指定当前 tab 对应的页面路径 【 必填 】 text 指定当前 tab 上按钮的文字【 必填】 iconPath 指定当前 tab 未选中时候的图片路径【可选】 selectedIconPath 指定当前 tab 被选中后高亮的图片路径【可选】
微信附近的小程序开发 第7篇
将 中的 _style_: _v2_ 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。
以 Button 组件为例，只需要在或中配置 Button 对应的路径即可。
所有组件文档中的引入路径均以 npm 安装为例，如果你是通过下载源代码的方式使用 @vant/weapp，请将路径修改为项目中 @vant/weapp 所在的目录。
引入组件后，可以在 wxml 中直接使用组件
支持default、primary、info、warning、danger五种类型，默认为default。
效果如图所示：
在 中添加页面路径，并保存文件，即可在 pages 目录下自动生成对应的页面文件。
微信附近的小程序开发 第8篇
国内绝对行业第一的阿里云服务器保障，安全，高速，稳定，防攻击，防丢失，多备份。
为客户创造价值，思客户所想，是相互认可、信赖选择的前提
优质服务本该如此，先进项目管理流程，运筹帷幄，决胜千里
需求沟通
签订合同
项目启动
项目原型
视觉设计
模块开发
功能整合
外部测试
内部测试
需求沟通
签订合同
项目启动
项目原型
视觉设计
模块开发
功能整合
外部测试
内部测试
微信附近的小程序开发 第9篇
接着填写账号信息，需要注意的是，填写的邮箱必须是未被微信公众平台注册、未被个人微信号绑定的邮箱，而且每个邮箱仅能申请一个小程序。
激活邮箱之后，选择主体类型为 “个人类型”，并按要求登记主体信息。主体信息提交后不可修改，该主体将成为你使用微信公众平台各项服务和功能的唯一法律主体与缔约主体，在后续开通其他业务功能时不得变更或修改。