小程序自定义组件 自定义组件1. 创建-注册-使用组件组件介绍 小程序目前已经支持组件化开发,可以将页面中的功能模块抽取成自定义组件,以便在不同的页面中重复使用; 也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。 开发中常见的组件有两种: 公共组件:将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用 页面组件:将复杂的页面拆分成多个低耦合的模块,有助于代码维护 如果是公共组件,建议将其放在 2025-04-19 小程序学习笔记 #小程序
小程序API 微信原生 API1. API 基础小程序开发框架提供丰富的微信原生 API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等,几乎所有小程序的 API 都挂载在 wx 对象底下,例如:wx.chooseMedia()、wx.request(), wx 对象实际上就是小程序的宿主环境微信所提供的全局对象 通常,在小程序 API 有以下几种类型: 事件监听 API:约定以 on 开 2025-04-18 小程序学习笔记 #小程序
小程序生命周期 生命周期1. 小程序运行机制 冷启动与热启动: 小程序启动可以分为两种情况,一种是冷启动,一种是热启动 冷启动:如果用户首次打开,或小程序销毁后被用户再次打开,此时小程序需要重新加载启动 热启动:如果用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时小程序并未被销毁,只是从后台状态进入前台状态 前台 以及 后台状态: 小程序启动后,界面被展示给用户,此时小程序处于「前台」状态。 当用 2025-04-17 小程序学习笔记 #小程序
小程序模板语法 模板语法1. 声明和绑定数据小程序页面中使用的数据均需要在 Page() 方法的 data 对象中进行声明定义 在将数据声明好以后,需要在 WXML 中绑定数据,数据绑定最简单的方式是使用 Mustache 语法(双大括号)将变量包起来。 在 双括号 内部可以做一些简单的运算,支持如下几种方式: 算数运算 三元运算 逻辑判断 其他… 📌 注意事项: 在 “{{ }}“ 语法中 2025-04-16 小程序学习笔记 #小程序
小程序事件系统 事件处理一个应用仅仅只有界面展示是不够的,还需要和用户做交互,例如:响应用户的点击、获取用户输入的值等等,在小程序里边,我们就通过编写 JS 脚本文件来处理用户的操作 1. 事件绑定和事件对象小程序中绑定事件与在网页开发中绑定事件几乎一致,只不过在小程序不能通过 on 的方式绑定事件,也没有 click 等事件,小程序中绑定事件使用 bind 方法,click 事件也需要使用 tap 事件来进行代 2025-04-15 小程序学习笔记 #小程序
小程序样式与组件 常用样式和组件1. 组件和样式介绍在开 Web 网站的时候: 页面的结构由 HTML 进行编写,例如:经常会用到 div、p、 span、img、a 等标签 页面的样式由 CSS 进行编写,例如:经常会采用 .class 、#id 、element 等选择器 但在小程序中不能使用 HTML 标签,也就没有 DOM 和 BOM,同时仅仅支持部分 CSS选择器 不过不用担心,小程序中提供了同样的角 2025-04-14 小程序学习笔记 #小程序
小程序配置文件 小程序配置文件1. 配置文件介绍JSON是一种轻量级的数据格式,常用于前后端数据的交互,但是在小程序中,JSON 扮演的静态配置的角色,用于配置当前页面或组件的属性和行为,每个页面或组件也都可以拥有一个对应的 json 文件。 小程序中常见的配置文件有以下几种: 全局配置文件:app.json ➡ 小程序全局配置文件,用于配置小程序的一些全局属性和页面路由。 局部配置文件:页面.json ➡ 2025-04-13 小程序学习笔记 #小程序
小程序基础知识 小程序基础知识1. 认识什么是小程序什么是微信小程序 微信小程序是一种运行在微信内部的 轻量级 应用程序。 在使用小程序时 不需要下载安装,用户 扫一扫 或 搜一下 即可打开应用。它也体现了 “用完即走” 的理念,用户不用关心安装太多应用的问题。它实现了应用“触手可及”的梦想,应用无处不在,随时可用,但又 无须安装卸载。 特点: 小程序的四大特性:无须安装、用完即走、无须卸载、触手可及 2025-04-12 小程序学习笔记 #小程序
Vue3动态修改页面 Title Vue秘籍:如何动态修改页面 Title(浏览器页签名称)?在开发Vue项目时,我们经常需要根据不同的页面动态修改浏览器的页签标题( title ),比如: 在电商网站中,展示商品详情时,标题应该是 商品名称 - 商城名称 。 在后台管理系统中,切换不同的页面时,页签名称应随之变化。 在聊天应用中,当有新消息时,页签标题可以变成**(1)新消息 - ChatApp**,吸引用户注意。 那 2025-03-16 学习笔记 #Vue
Vue 3 的 v-memo:高效的渲染优化利器 Vue 3 的 v-memo:高效的渲染优化利器在日常的Vue项目开发中,我们经常会遇到这样的情况:父组件更新了,但子组件明明没有用到相关数据,却也跟着无意义地重新渲染。这不仅浪费性能,还可能导致页面卡顿。 Vue 3 在 3.2 版本 引入了一个新的指令 —— v-memo ,它的作用就是帮助我们 跳过不必要的渲染 ,让应用运行得更加丝滑。 本文将从概念、场景、示例、性能对比,再到和大家熟悉的 2025-01-16 学习笔记 #Vue