2201_75709573的博客

在小程序中，经常需要将一些数据存储到本地，方便多个页面的读取使用，例如：将用户的登录状态、用户的个人信息存储到本地。小程序提供了同步、异步两类 API 来实现本地存储操作。在该文件中，封装对本地数据进行 存储、获取、删除、清除的方法。

返回用户执行的操作(确定和取消，都通过 resolve 返回)调用该方法时，传递对象作为参数，对象的参数同。注意异步操作加上async,await。方法进行封装， 封装后的新方法叫。方法，方法内部用来处理封装的逻辑。在需要显示模态对话框的时候调用。不传递参数，使用默认参数。传递参数，覆盖默认的参数。模块化的方式导入使用。

wx.toast({ title: '数据加载失败....', mask: true })toast({ title: '数据加载失败....', mask: true })如果没有传递任何参数，设置一个空对象。调用该方法时，传递对象作为参数。在需要显示弹出框的时候调用。传入部分参数，覆盖默认的参数。参数，并给参数设置默认值。不传递参数，使用默认参值。模块化的方式导入使用。模块化的方式导入使用。

随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，在项目中，，开启自定义 node_modules 和 miniprogram_npm 位置的构建 npm 方式。packageJsonPath 表示 node_modules 源对应的 package.json。miniprogramNpmDistDir 表示 node_modules 的构建结果目标位置。，即可开启工具内置的 sass 编译插件。选项，指定小程序源码的目录然后配置。

【代码】微信小程序项目创建与初始化。

一样都位于顶部固定位置。但是默认导航栏可能会影响小程序整体风格，且无法满足特定的设计需求，这时。在设置以后，就会移除默认的导航栏，只保留右上角胶囊按钮。候，就需要进行自定义导航栏。可以看到默认导航已经移除。小程序默认的导航栏与。，即可 自定义导航栏。

随着项目功能的增加，业务逻辑也会变的很复杂，一个页面可能是由多个组件进行构成，并且这些组件之间需要进行数据的传递。订阅模式的一种实现，是一种集中式事件处理机制，允许不同的组件之间进行彼此通信，常用于两个非父子关系组件和。首先使用npm install pubsub-js安装js包。如果使用之前学习的组件传值方式进行数据的传递，就会比较麻烦。我们可以借助第三方的 发布订阅。包，来实现事件总线的功。

打开一个新页面，这两个页面间将建立一条数据通道。配置项接收被打开页面发射的事件。查看控制台可以看到数据已经携带。点击跳转查看控制台数据都传了。对象，进行监听、发射事件。被打开的页面可以通过。

在微信公众后台，绑定后的客服账号，可以登陆 网页端客服 或 移动端小程序 客服接收、发送客服消息。小程序为开发者提供了客服能力，同时为客服人员提供移动端、网页端客服工作台便于及时处理消息。点击网页端客服便可以继续模拟测试了（要验证后才能进行。，当用户点击后就会进入客服会话。

手机验证组件，用于帮助开发者向用户发起手机号申请，必须经过用户同意后，才能获得由平台验证后的手机号，进而为用户提供相应服务。目前该接口针对非个人开发者，且完成了认证的小程序开放（不包含海外主体）：平台会对号码进行验证，但不保证是实时验证。两种验证组件需要付费使用，每个小程序账号将有。平台均会对用户选择的手机号进行实时验证。

需设置允许“分享到朋友圈”，页面。设置允许“发送给朋友”，页面。此时还不能分享到朋友圈。此时分享按钮已经变亮。

2. 通过给 button 组件设置属性 open-type=“share“ ，可以在用户点击按钮后触发 Page.onShareAppMessage 事件监听函数。1. 页面 js 文件 必须声明 onShareAppMessage 事件监听函数，并自定义转发内容。只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮。通过按钮转发target里面是有内容的，通过右上角的三个点的转发target是undefined。转发功能，主要帮助用户更流畅地与好友分享内容和服务。

2. 需要将 input 组件 type 的值设置为 nickname，当用户输入框输入时， 键盘上方会展示微信昵称 3. 给 form 绑定 submit 事件，在事件处理函数中通过事件对象获取用户昵称。1. 通过 form 组件中包裹住 input 以及 form-type 为 submit 的 button 组件。点击获取昵称可以将昵称传到后端。点击输入框弹出微信昵称。

当小程序需要让用户完善个人资料时，我们可以通过微信提供的头像、昵称填写能力快速完善。

Vant Weapp基于小程序的机制，为开发者提供了3种修改组件样式的方法在app.json中进行注册。

4、组件的属性properties也可以接受页面的参数，在onLoad钩子函数中可以通过this.data进行获取。小程序的页面也可以视为自定义组件，因此也可以使用Component方法进行创建，从而实现复杂的页面逻辑开发。3、页面中Page方法有一些钩子函数、事件监听方法，这些钩子函数和监听函数方法要放在methods中。1、要求.json文件中必须包含usingCoponent字段。2、里面的配置项需要和Component中的配置项保持一致。Component方法用于创建自定义组件。

为了简便使用ES6提供的展开运算符。使用object.assign()2.修改 单个/多个属性。先添加一个属性test。

小程序中修改数据不推荐使用赋值的方式进行修改，通过赋值的方式修改数据无法改变页面的数据。而是要通过调用setData()方法进行修改，setData（）方法接受对象作为参数，key是需要修改的数据，value是最新的值。通过setData进行更新，可实现数据和页面的同时更新。可以修改数据但是页面显示的数据并没有改变。通过赋值的方式修改数据。

在将数据声明好以后，在wxml使用Mustache语法（双大括号{{}}）将变量包起来，从而将数据绑定。若是写了表达式或者语句会显示以下错误，使用了js语句页面不会显示所期望的内容。注意：在{{}}语法中只能写表达式不能写语句，也不能写调用js相关的方法。小程序也i满中使用的数据均需要在page()方法的对象中进行声明定义。在index.js中写数据。在index.wxml。