摘要: ##软件开发过程中的不同版本 在软件开发过程中,根据时间节点的不同,会产出不同的软件版本,例如: ① 开发者编写代码的同时,对项目代码进行自测(开发版本) ② 直到程序达到一个稳定可体验的状态时,开发者把体验版本给到产品经理和测试人员进行体验测试 ③ 最后修复完程序的 Bug 后,发布正式版供外部用 阅读全文
posted @ 2022-08-13 17:58 清和时光 阅读(241) 评论(0) 推荐(0) 编辑
摘要: ##基础概念 ###1. 什么是分包 分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。 ###2. 分包的好处 对小程序进行分包的好处主要有以下两点: ⚫ 可以优化小程序首次启动的下载时间 ⚫ 在多团队共同开发时可以更好的解耦协作 ## 阅读全文
posted @ 2022-08-13 17:28 清和时光 阅读(195) 评论(0) 推荐(0) 编辑
摘要: ###1. 什么是全局数据共享 全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。 开发中常用的全局数据共享方案有:Vuex、Redux、MobX 等。 ###2. 小程序中的全局数据共享方案 在小程序中,可使用 mobx-miniprogram 配合 mobx-miniprogra 阅读全文
posted @ 2022-08-13 17:13 清和时光 阅读(242) 评论(0) 推荐(0) 编辑
摘要: ###1. 基于回调函数的异步 API 的缺点 默认情况下,小程序官方提供的异步 API 都是基于回调函数实现的,例如,网络请求的 API 需要按照如下的方式调用: wx.request({ method:'', url: '', data:{}, success:()=>{},//请求成功的回调函 阅读全文
posted @ 2022-08-13 15:59 清和时光 阅读(105) 评论(0) 推荐(0) 编辑
摘要: ##小程序对 npm 的支持与限制 目前,小程序中已经支持使用 npm 安装第三方包,从而来提高小程序的开发效率。但是,在小程序中使用 npm 包有如下 3 个限制: ① 不支持依赖于 Node.js 内置库的包 ② 不支持依赖于浏览器内置对象的包 ③ 不支持依赖于 C++ 插件的包 总结:虽然 n 阅读全文
posted @ 2022-08-13 15:51 清和时光 阅读(136) 评论(0) 推荐(0) 编辑
摘要: ###1. 什么是 behaviors behaviors 是小程序中,用于实现组件间代码共享的特性,类似于 Vue.js 中的 “mixins”。 ###2. behaviors 的工作方式 每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被 阅读全文
posted @ 2022-08-13 15:18 清和时光 阅读(252) 评论(0) 推荐(0) 编辑
摘要: ###1. 父子组件之间通信的 3 种方式 ① 属性绑定 ⚫ 用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容的数据 ② 事件绑定 ⚫ 用于子组件向父组件传递数据,可以传递任意数据 ③ 获取组件实例 ⚫ 父组件还可以通过 this.selectComponent() 获取子组件实例对象 阅读全文
posted @ 2022-08-13 14:55 清和时光 阅读(235) 评论(0) 推荐(0) 编辑
摘要: ###1. 什么是插槽 在自定义组件的 wxml 结构中,可以提供一个 节点(插槽),用于承载组件使用者提供的 wxml 结构。 ###2. 单个插槽 在小程序中,默认每个自定义组件中只允许使用一个 进行占位,这种个数上的限制叫做单个插槽。 <!-- 组件的封装者 --> <view class=" 阅读全文
posted @ 2022-08-13 12:00 清和时光 阅读(121) 评论(0) 推荐(0) 编辑
摘要: ###1. 组件全部的生命周期函数 小程序组件可用的全部生命周期如下表所示: ###2. 组件主要的生命周期函数 在小程序组件中,最重要的生命周期函数有 3 个,分别是 created、attached、detached。它们各自的特点 如下: ① 组件实例刚被创建好的时候,created 生命周期 阅读全文
posted @ 2022-08-13 11:28 清和时光 阅读(780) 评论(0) 推荐(0) 编辑
摘要: ###1. 什么是纯数据字段 概念:纯数据字段指的是那些不用于界面渲染的 data 字段。 应用场景:例如有些情况下,某些 data 中的字段既不会展示在界面上,也不会传递给其他组件,仅仅在当前组件内部使用。带有这种特性的 data 字段适合被设置为纯数据字段。 好处:纯数据字段有助于提升页面更新的 阅读全文
posted @ 2022-08-13 11:09 清和时光 阅读(68) 评论(0) 推荐(0) 编辑
摘要: ###1. 什么是数据监听器 数据监听器用于监听和响应任何属性和数据字段的变化,从而执行特定的操作。它的作用类似于 vue 中的 watch 侦听器。在小程序组件中,数据监听器的基本语法格式如下: Component({ observers:{ '字段A,字段B':function(字段A的新值,字 阅读全文
posted @ 2022-08-13 10:40 清和时光 阅读(499) 评论(0) 推荐(0) 编辑
摘要: ###1. data 数据 在小程序组件中,用于组件模板渲染的私有数据,需要定义到 data 节点中,示例如下: Component({ /** * 组件的初始数据 */ data: { count:0 } }) ###2. methods 方法 在小程序组件中,事件处理函数和自定义方法需要定义到 阅读全文
posted @ 2022-08-13 10:08 清和时光 阅读(309) 评论(0) 推荐(0) 编辑
摘要: ###1. 组件样式隔离 默认情况下,自定义组件的样式只对当前组件生效,不会影响到组件之外的 UI 结构,如图所示: ⚫ 组件 A 的样式不会影响组件 C 的样式 ⚫ 组件 A 的样式不会影响小程序页面的样式 ⚫ 小程序页面的样式不会影响组件 A 和 C 的样式 好处: ① 防止外界的样式影响组件内 阅读全文
posted @ 2022-08-13 09:46 清和时光 阅读(141) 评论(0) 推荐(0) 编辑
摘要: ###1. 创建组件 ① 在项目的根目录中,鼠标右键,创建 components -> test 文件夹 ② 在新建的 components -> test 文件夹上,鼠标右键,点击“新建 Component” ③ 键入组件的名称之后回车,会自动生成组件对应的 4 个文件,后缀名分别为 .js,.j 阅读全文
posted @ 2022-08-13 09:35 清和时光 阅读(265) 评论(0) 推荐(0) 编辑