- 博客(232)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 小程序学习笔记：黑马程序员小程序项目全解析
在 IT 学习的浪潮中，很多小伙伴都怀揣着通过掌握编程技能实现高薪的梦想。今天就跟着的课程脚步，深入了解一个小程序项目，带你从零基础开始，一步步走向 IT 实战！月薪过万不再是遥不可及的梦，快来一起开启学习之旅吧。
2025-07-03 09:18:55
862
原创 小程序学习笔记：小程序分包的概念、优势、项目构成、加载规则与体积限制
简单来说，分包就是把一个完整的小程序，按照实际需求划分为不同的子包，在构建时打包成各自独立的分包，用户使用小程序时可按需下载。这种方式打破了传统将所有页面和资源打包在一起的模式，为小程序的运行和开发带来诸多便利。在实际代码中，通过在project.config.json文件里配置subpackages字段来实现分包。"pages": [},"pages": [上述代码中，定义了两个分包packageA和packageB，分别包含不同的页面。root指定了分包的根目录，pages。
2025-07-03 09:13:43
638
原创 小程序学习笔记：组件中绑定和使用 store 成员
在小程序开发中，如何高效地管理和共享数据是一个关键问题。使用store来存放共享数据，并将其成员绑定到组件中进行使用，能大大提升开发效率和代码的可维护性。本文将详细介绍如何将store中的成员绑定到组件中，以及在组件中如何使用这些成员，还会附上对应的代码示例，帮助大家更好地理解和实践。
2025-07-03 09:07:11
277
原创 小程序学习笔记：使用 MobX 实现全局数据共享，实例创建、计算属性与 Actions 方法
全局数据共享，也被称为状态管理，主要用于解决组件或页面之间的数据共享难题。在实际开发场景里，如果不使用全局数据共享机制，当我们需要在不同组件或页面间传递数据时，操作会非常繁琐。例如，从一个子组件向多层上级组件传递数据，需要逐层传递，这不仅增加了代码的复杂性，还容易出错。而引入全局数据共享后，一切都变得简单起来。我们可以借助一个 “store”（数据仓库）来存储所有需要共享的数据。无论哪个组件或页面需要使用这些数据，直接从 store 中获取即可；
2025-07-03 09:03:22
995
原创 小程序学习笔记：API 的 Promise 化
API 的 Promise 化，简单来说，就是通过额外的配置，把小程序官方基于回调函数的异步 API 升级改造为基于 Promise 的异步 API。这样做不仅能提高代码的可读性和维护性，还能有效避免回调地狱的问题。有了基于 Promise 的异步 API，我们写代码时会更加简洁、方便。
2025-07-03 08:53:25
653
原创 小程序学习笔记：组件知识总结
监听器数据监听器用于监听数据的变化，在组件开发中，我们重点学习了observe节点。在value: ''},price: {value: 0},data: {// 组件内部数据},// 当productName或price变化时执行的操作console.log('商品名称或价格变化了', newProductName, newPrice);},methods: {// 组件方法})这样，当或price数据发生改变时，就会触发监听器中的函数，方便我们进行相应的处理。
2025-07-02 10:11:08
763
原创 小程序学习笔记：自定义组件中的 behaviors
behaviors 在小程序开发中极大地提高了代码的复用性，合理使用 behaviors 可以减少代码冗余，提升开发效率。在使用过程中，要注意同名字段的处理规则，确保代码的正确性和稳定性。希望通过本文的介绍，能帮助大家更好地掌握 behaviors 在小程序开发中的应用。
2025-07-02 10:03:37
485
原创 小程序学习笔记：通过获取组件实例实现父子组件通信
在前端开发中，父之间的通信是一个非常基础且重要的话题。本文将深入探讨如何通过获取组件实例的方式，实现父子组件之间高效、灵活的通信，帮助大家更好地理解和掌握组件间数据交互的技巧。
2025-07-02 09:59:04
232
原创 小程序学习笔记：巧用事件绑定实现组件间子向父传值
事件绑定是实现子向父传值的有效方式，它的优势在于能够支持传递任何类型的数据，不过使用步骤相对来说有点繁琐，总共可以分为四个步骤，其中有三个步骤在父组件中操作，一个步骤在子组件中完成。在父组件的Vue模板（template）或类似的视图结构（如文档中的vcml结构）中，通过自定义事件将刚才定义的函数引用传递给子组件。使用（可以缩写为）的形式，后面跟上自定义事件的名称。直接在（可以缩写为）后面跟上自定义事件的名称。更推荐使用第一种方式，因为它的结构更清晰。假设在父组件的模板中使用名为。
2025-07-02 09:52:27
279
原创 小程序学习笔记：父子组件通信全解析（属性绑定、事件绑定与获取组件实例）
在小程序开发过程中，父子组件之间的通信是一项极为关键的技能。熟练掌握父子组件通信，能够显著提升代码的可维护性与复用性，使开发出的小程序更加高效、稳定。接下来，就让我们深入探究小程序中父子组件通信的三种主要方式：属性绑定、事件绑定和获取组件实例。
2025-07-02 09:48:18
215
原创 小程序学习笔记：自定义组件中的插槽
在小程序自定义组件的 WXML 结构中，我们可以添加一个<slot>节点，这个节点就是插槽。简单来说，插槽就像是一个占位符，用于承载组件使用者提供的 WXML 结构。假设我们封装了一个自定义组件A，在组件内部某些节点的内容，作为组件封装者的我们可能事先并不清楚，这时就可以用插槽来占位。当外界使用这个组件时，就能够向插槽中填充具体的内容。例如，在页面上使用组件A两次，第一次向插槽里填充一个<view>组件，第二次填充一个<text>组件，最终展示时，插槽位置就会分别显示<view>和<text>组件。
2025-07-02 09:41:41
571
原创 小程序学习笔记：组件的生命周期 及 组件所在页面的生命周期
小程序组件定义生命周期函数有新旧两种方式旧方式：直接和data节点、methods节点平级声明生命周期函数。例如，在组件的js文件中，可以这样定义：data: {// 数据定义},methods: {// 方法定义},},})这种方式虽然能够正常工作，但目前已经不再推荐使用。2.新方式：在lifetimes节点里面进行定义，这是目前推荐的形式。data: {// 数据定义},methods: {// 方法定义},},})
2025-07-02 09:37:23
519
原创 小程序学习笔记：纯数据字段的深度解析与实战应用
纯数据字段，简单来说，就是那些不会用于页面渲染的 data 字段。举个例子，在一个名为 test3 的组件里，定义了两个数据：rgb 对象和 full color 字符串。其中，full color 在界面渲染时被使用了两次，一次用于属性绑定，另一次作为文本字符串渲染到页面上；而 rgb 字段仅在代码中临时用于测试，即使把使用它的那一行代码注释掉，页面渲染也不受影响。这种情况下，rgb 就适合被定义为纯数据字段。
2025-07-02 09:31:30
671
原创 小程序学习笔记：组件数据监听器，打造动态颜色切换组件
监听器数据监听器用于监听和响应小程序组件中任何属性和数据字段的变化，并据此执行特定的操作。它的作用类似于 Vue 中view里的watch侦听器，都是专注于监听数据的变化，然后触发相应的行为。事件处理。
2025-07-02 09:24:55
778
原创 小程序学习笔记：自定义组件的 properties 属性
接下来，我们通过实际操作来加深对properties属性定义的理解。假设我们有一个test组件，打开微信开发者工具，找到test组件的js文件，在其中的properties节点内部进行属性声明。简化声明方式示例// 简化声明方式，无法指定默认值完整声明方式示例// 完整声明方式，可指定数据类型和默认值max: {value: 10在使用test组件的页面（如home页面）中，若未传递max值，组件内max就会使用默认值。若要传递max值，可以在页面的wxml。
2025-07-02 09:19:03
650
原创 小程序学习笔记：深入解析自定义组件数据、方法与属性
在小程序组件里，定义数据的方式和页面类似，都要在data节点中进行声明。下面咱们以test组件为例，详细讲解如何操作。打开微信开发者工具，找到test组件对应的文件夹，打开其中的test.js文件。你会看到，这里调用了Component函数（注意原文中 “date” 应为 “data” 的笔误 ），在调用这个函数时，传递了一个配置对象，data节点就位于这个配置对象中。假设我们希望声明一个名为count的变量，并且让它的默认值为 0，只需在data节点里进行如下声明：data: {count: 0。
2025-06-27 10:39:44
318
原创 小程序学习笔记：自定义组件样式隔离
在中，自定义组件的样式隔离是一项重要特性，它能确保组件样式的独立性，避免样式冲突，提升开发效率。今天，咱们就来深入探讨这一特性，包括它的基础概念、注意事项，以及如何灵活修改样式隔离选项。
2025-06-27 10:36:53
668
原创 小程序学习笔记：自定义组件创建、引用、应用场景及与页面的区别
创建 components 文件夹：在项目根目录下，通过鼠标右键新建一个名为 “components” 的文件夹。此文件夹将用于存放所有自定义组件，是管理组件的基础目录。新建组件文件夹：在 “components” 文件夹内，再新建一个专门用于存放特定组件的文件夹。例如，创建一个名为 “test” 的文件夹，该文件夹将用于存放我们的第一个自定义组件。生成组件文件：在新建的组件文件夹（如 “test” 文件夹）上，鼠标右键点击，选择 “新建 component” 选项。
2025-06-27 10:32:47
945
原创 小程序学习笔记：导航、刷新、加载、生命周期
在的领域中，掌握视图与逻辑相关的技能是打造功能完备、用户体验良好应用的关键。今天，咱们就来深入梳理一下小程序视图与逻辑的学习要点，并结合代码示例，让大家有更直观的理解。
2025-06-27 10:22:14
648
原创 小程序学习笔记：优化商铺列表页面的下拉刷新功能
在中，下拉刷新功能能显著提升用户体验，让用户方便地获取最新数据。今天就来和大家分享在开发商铺列表页面时，如何实现并优化下拉刷新功能，同时美化相关窗口样式。本文以微信小程序开发为例进行讲解。
2025-06-27 09:38:27
377
原创 小程序学习笔记：判断分页数据边界，优化性能
在小程序开发过程中，数据分页展示是常见的功能需求。但如果处理不当，可能会出现无效的数据请求，影响程序性能。今天咱们就来深入探讨如何在小程序开发里精准判断是否还有下一页数据，并避免发起多余请求。假设有 80 条美食数据，每页展示 10 条，理论上 8 页就能展示完。但在实际操作时，你有没有想过，会不会出现请求第 9 页、第 10 页数据这种情况呢？答案是肯定的。就像在开发美食类小程序时，用户不断上拉加载新数据，若没有合理的限制，就会出现超出数据范围的请求。这些多余请求不仅浪费网络资源，还可能拖慢小程序的运行速
2025-06-27 09:34:38
791
原创 小程序学习笔记：加载效果、上拉加载与节流处理
在微信小程序开发过程中，优化是非常重要的一环。今天我们就来分享如何在小程序中实现加载提示效果、上拉触底加载下一页数据以及对上拉触底事件进行节流处理，让你的小程序更加流畅和高效。
2025-06-27 09:31:51
473
原创 小程序学习笔记：实现分页加载商铺列表数据并渲染 UI
在微信小程序开发中，实现分页加载指定分类下的商铺列表数据，并进行 UI 渲染是常见的功能需求。本文将详细介绍这一功能的实现过程，包括调用、数据请求、数据处理以及 UI 渲染和样式美化，同时附上相应代码，帮助大家更好地理解和实践。
2025-06-27 09:28:25
235
原创 小程序学习笔记：动态设置页面标题及创建编译模式教程
使用 wx.setNavigationBarTitle 方法动态设置页面标题，注意传递包含 title 属性的参数对象。在 onReady 生命周期函数中调用设置标题的方法，确保页面已完成初次渲染。在 onLoad 生命周期函数中将页面跳转传递的参数转存到 data 中，方便在 onReady 中获取并使用动态标题。
2025-06-27 09:20:23
682
原创 小程序学习笔记：本地生活实现商铺列表页面的跳转与传参功能
在本地生活中，商铺列表页面的导航跳转与传参功能是至关重要的一环，它能实现从首页到特定商铺列表页面的精准跳转，并传递关键信息，为后续的数据展示和功能拓展奠定基础。今天，咱们就详细聊聊如何实现这一功能。
2025-06-27 09:16:08
302
原创 小程序学习笔记：深入理解小程序中的 WXS及其用法
标签来编写内嵌的 WXS 代码。每个<wxs>标签必须设置module属性，该属性用于指定当前 WXS 的模块名称，方便在页面中访问模块里的成员。
2025-06-27 09:07:34
830
原创 小程序学习笔记：生命周期函数的应用与页面篇
在领域，生命周期函数起着至关重要的作用，它能帮助开发者精准把控小程序在不同阶段的状态变化，进而实现更优质的用户体验和高效的功能开发。今天，咱们就来深入探究一下小程序里的应用生命周期函数和页面生命周期函数。
2025-06-27 08:55:09
661
原创 小程序学习笔记：小程序的生命周期与生命周期函数全解析
生命周期生命周期，英文名为 “life cycle” ，指的是一个对象从创建、运行到销毁的完整阶段，它强调的是一个时间段。以人的生命周期为例，张三出生标志着其生命周期的开始，张三离世则代表生命周期的结束，而从出生到离世之间的经历，便是张三完整的生命周期。对于小程序而言，其运行过程同样可以概括为生命周期。小程序启动，意味着生命周期的开始；小程序被关闭，则表示生命周期结束。在启动与关闭之间，小程序所经历的运行过程，就是小程序的生命周期。
2025-06-27 08:44:53
251
原创 小程序学习笔记：添加 loading 提示效果与上拉触底节流处理
在微信小程序开发过程中，为了提升，常常需要添加一些交互效果，比如 loading 提示效果，以及对上拉触底进行节流处理，避免频繁请求数据。今天，就带大家详细了解这两个功能的实现方法。
2025-06-27 08:42:00
840
原创 小程序学习笔记：实现上拉触底加载随机颜色案例全解析
在页面的.js文件中，找到data节点，声明一个数组colorList，用于存储所有随机颜色。接着，声明一个名为getColors的方法。在微信小程序开发环境下，通过调用wx.request函数发起网络数据请求来获取随机颜色。这里使用的请求地址是https://3w.escook.cn/api/color，请求方式为GET。// 在页面的js文件中data: {},});});在请求成功的回调函数中，从结果对象解构出data属性并赋值给新变量，然后将新获取的数据与旧数据进行拼接，再赋值给。
2025-06-26 09:43:38
274
原创 小程序学习笔记：导航传参、声明式、编程式与参数接收全解析
在小程序开发中，导航传参是实现页面间数据交互的重要手段。通过它，我们可以在不同页面之间灵活传递数据，让用户体验更加流畅。本文将详细介绍小程序中声明式导航传参、编程式导航传参，以及如何在页面卸载（unload）时接收导航参数，并附上相关代码示例，帮助大家深入理解和掌握这一关键技术。
2025-06-26 09:37:03
419
原创 小程序学习笔记：编程式导航的跳转、后退全攻略
在微信小程序开发过程中，页面之间的导航交互是提升用户体验的关键一环。本文将详细介绍如何通过编程式导航实现跳转到页面、非 tab bar 页面以及后退功能，并附上完整代码示例，帮助开发者快速掌握这些技巧。
2025-06-26 09:33:39
777
原创 小程序学习笔记：声明式导航的多种玩法
页面导航，简单来说，就是实现页面之间相互跳转的技术。在浏览器中，我们常用 a 链接或者调用 JavaScript 的location.href API 来完成页面跳转。而在小程序里，实现页面导航主要有两种方式：声明式导航和编程式导航。声明式导航，就是在页面上声明一个navigator导航组件，通过点击这个组件来实现页面跳转。编程式导航则是调用小程序提供的导航 API 来实现跳转。今天咱们重点探讨声明式导航的具体应用。非 tab 页面就是没有被配置为 tab bar 的页面。例如，我们在项目中新建一个。
2025-06-26 09:29:17
337
原创 小程序学习笔记：视图与逻辑实战
今天深入学习小程序开发里视图与逻辑相关知识，目标明确，收获颇丰。学习目标聚焦四个关键技能点：实现小程序页面间导航跳转、下拉刷新效果、上拉加载更多效果，以及掌握常用生命周期函数及其作用。围绕这些目标，学习内容分为五部分，依次是页面导航、页面事件、生命周期、WXS 脚本语言，最后通过本地生活列表页面开发案例巩固知识。
2025-06-26 09:25:52
225
原创 小程序模板与配置：从基础到实战的全面总结
在的学习道路上，掌握模板与配置相关知识是至关重要的一环。今天，就让我们一起回顾这部分内容，为后续更深入的开发打下坚实基础。
2025-06-26 09:20:28
429
原创 小程序入门：本地生活案例之首页九宫格布局渲染
在微信小程序开发中，实现美观且功能完善的页面布局是至关重要的。今天，我们接着上一节课获取九宫格数据的内容，来深入探讨如何渲染九宫格区域的布局，打造出实用又好看的本地生活小程序首页。在上一节课，我们成功获取了九宫格的数据列表，这些数据为我们渲染九宫格布局提供了基础。现在，让我们一步步来实现这个布局效果。
2025-06-26 09:15:03
757
原创 小程序入门：跳过域名校验、跨域与 Ajax 问题解析
在小程序开发过程中，我们常常会遇到一些和网络请求相关的问题，比如合法域名校验、跨域以及 Ajax 的使用。今天这篇博客就来为大家详细讲解一下这些内容，帮助大家少走弯路，更高效地进行小程序开发。
2025-06-26 09:12:36
297
原创 小程序入门：数据请求全解析
在微信小程序开发中，数据请求是实现丰富功能的关键环节。本文将带你深入了解小程序数据请求的相关知识，包括请求限制、配置方法以及不同请求方式的实现，还会介绍如何在页面加载时自动请求数据，同时附上详细代码示例，让你轻松掌握小程序数据请求技巧。
2025-06-26 09:10:29
736
原创 小程序入门：理解小程序页面配置
在的领域中，页面配置起着举足轻重的作用。它就像是一位幕后设计师，默默地塑造着每个页面的外观与行为，为用户带来独特的体验。今天，咱们就一起深入探索小程序页面配置的奥秘，揭开它神秘的面纱。
2025-06-26 09:05:57
383
视频播放器
2017-01-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人