这一部分需要结合视频观看，blog 不太容易去介绍😶🌫️😶🌫️😶🌫️速通-微信小程序-CSDN博客速通-微信小程序 2Day-CSDN博客速通-微信小程序 3Day-CSDN博客紧接前文，搭配有助于快速，巩固/学习！话不多说开始！经过前面几篇的学习，好简单，最起码对于做过前端Vue 开发，小程序前后端so so easy！哦对了，顺便推荐一下之前的VUE学习blog，此篇有很多知识概念何Vue高度类似；懂个锤子Vue 项目工程化_vue工程化-CSDN博客 、懂个锤子Vue 项目工程化进阶⏫懂个锤子Vue 项目工程化扩展 、懂个锤子Vue 自定义指定、插槽慈様や 前端学习导航-CSDN博客小程序 NPM小程序已支持使用 npm 安装第三方包，开发者可以借助成熟的社区库快速实现功能，避免重复造轮子：但受限于自身的运行环境，对 npm 包的使用存在明确限制：小程序是运行在微信环境,并不是,浏览器环境;不支持依赖 Node.js 内置库的包：例如依赖fs、path、http等 Node.js 内置模块的包，小程序的沙箱环境无法提供这些模块的实现，因此无法运行不支持依赖 C++ 插件的包：包含原生 C++ 插件包如：部分加密、图像处理库，需要原生环境支持；不支持依赖浏览器内置对象的包：例如：依赖window、document、navigator等浏览器专属对象的包；Vant WeappVant Weapp🔗是有赞前端团队开源的小程序 UI 组件库，提供丰富的移动端组件：按钮、表单、弹窗 等...，可大幅提升小程序开发效率，采用 MIT 开源协议；安装 Vant 组件库尽量参考官方，随着时间和版本，问题不同环境存在差异！！！步骤一 通过 npm 安装：建议指定版本为@1.3.3# 如果项目第一次使用npm 还需要进行构建 package.jsonnpminit-y# 通过 npm 安装npmi @vant/weapp@1.3.3-S--productionyarnadd@vant/weapp--production# 通过 yarn 安装npmi vant-weapp-S--production# 安装 0.x 版本步骤二：修改app.json将 app.json 中的"style": "v2"去除，小程序的 新版基础组件 强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱；步骤三：构建 npm 包：微信开发者工具工具 - 构建 npm构建完成后，即可引入组件；旧版本：还需要在项目设置中开启：使用npm 模块，新版本已经默认集成了配置；引入|使用 Vant安装完成后，通过app.json全局引用的usingComponents节点引入组件，即可在页面中直接使用：{"usingComponents":{"van-button":"@vant/weapp/button/index"}}全局主题样式Vant Weapp 全局主题定制CSS 变量方式Vant Weapp 通过CSS 变量 自定义属性实现全局主题定制，开发者只需在app.wxss中重写这些变量，即可统一所有组件的样式风格；关于使用 CSS 自定义属性变量🔗🔗复杂的网站都会有大量的 CSS 代码，通常也会有许多重复的值；同样一个颜色值可能在成千上百个地方被使用到，如果这个值发生了变化，需要全局搜索并且一个一个替换很麻烦哎～，自定义属性在某个地方存储一个值，其他许多地方引用它；Demo 案例：以butten如果程序需要，定制按钮的颜色可以在，全局：app.wxss 统一配置；在page选择器下定义 CSS 变量：所有在page下定义的变量会全局生效，覆盖 Vant 的默认值；/* app.wxss */page{/* 定制警告按钮的背景颜色 */--button-danger-background-color:#c00073;/* 定制警告按钮的边框颜色 */--button-danger-border-color:#D60000;}Vant 组件内部大量使用 CSS 变量定义样式，开发者通过覆盖这些变量，就能在不修改组件源码的情况下，实现全局主题风格的统一；😶🌫️😶🌫️😶🌫️为什么是Page？为什么是这些配置？？在小程序中，所有页面的内容都被包裹在一个page标签内，这是小程序框架自动生成的根容器；在page选择器下定义的 CSS 变量，会被所有子元素Vant组件继承，从而实现全局生效；为什么是--button-danger-background-color这个属性值？？？详情可以参考：vant-weapp/packages/common/style/var.less GitHub这个变量名是 Vant Weapp 组件库内部预定义的 CSS 变量，遵循了清晰的语义化命名规则；API Promise本篇涉及文档blog：前后端交互的弯弯绕绕_前后端怎么相互调用的-CSDN博客小程序原生的异步 API（如wx.request网络请求）默认采用回调函数的方式实现，例如：wx.request({method:'',url:'',data:{},success:()={/* 请求成功回调 */},fa
