- 博客(59)
- 收藏
- 关注
RSS订阅原创 html列表标签之无序列表
无序列表用于表示一组顺序无关的项目，列表中的每个项目前会显示一个标记符号（通常是圆点、方块或圆圈）。在HTML中，无序列表使用<ul>标签定义，列表中的每个项目使用<li>（list item）标签定义。
2025-09-07 20:15:00
582
原创 HTML标签之超链接
超链接（简称"链接"）是HTML中最强大的功能之一，它允许用户从一个网页跳转到另一个网页，或跳转到同一网页的不同部分。在HTML中，使用<a>标签（anchor的缩写）创建链接。
2025-09-06 21:45:00
2015
原创 HTML文本格式化标签
2</sup> + b<sup>2</sup> = c<sup>2这是<strong>重要的粗体文本</strong>（使用strong标签）</p><p>主要内容<small>（注：最终解释权归本公司所有）</small></p><p>请<em>立即阅读</em>这部分内容（使用em标签）</p><p>孔子说：<q>学而时习之，不亦说乎？<p>原价：<s>199元</s>，现价：99元</p><p>这是<b>粗体文本</b>（使用b标签）
2025-09-05 22:00:09
965
原创 HTML图片标签及路径详解
图片是网页设计中不可或缺的元素，掌握<img><img>标签的核心属性是src（图片路径）和alt（替代文本）图片路径分为相对路径和绝对路径，各有适用场景相对路径以当前HTML文件位置为基准，适合网站内部图片引用绝对路径是完整的图片地址，适合引用外部图片或内部固定位置图片使用图片时应注意路径的正确性、图片格式的选择和图片的优化正确使用图片标签和路径，能够确保图片在网页中正常显示，提升用户体验和网页质量。
2025-09-04 21:39:50
1234
原创 HTML5 标题标签、段落、换行和水平线
HTML 提供了 6 级标题标签，从<h1>到<h6>，用于定义不同层级的标题。<h1>级别最高，通常用于页面的主标题<h6>级别最低，用于最次要的标题标题标签的主要作用：定义内容的层级结构，使页面内容有条理默认带有不同的字体大小和粗细，增强视觉层次感帮助搜索引擎理解页面内容的重要性和结构段落标签<p>用于定义网页中的段落文本。浏览器会自动在段落前后添加空白（外边距），使段落之间有明显的分隔。作用：将文本内容组织成逻辑段落，提升可读性默认提供段落间距，使页面布局更清晰。
2025-09-03 23:14:34
1005
原创 HTML5 简介和基础骨架
HTML5 作为现代 Web 开发的基础，提供了更强大的功能和更简洁的语法，使得构建丰富、交互性强的 Web 应用变得更加容易。掌握 HTML5 的基础骨架是学习 Web 开发的第一步，它为后续学习 CSS 和 JavaScript 奠定了基础。通过合理使用 HTML5 的语义化标签和新特性，可以创建出结构清晰、性能优良、兼容性好且对搜索引擎友好的网页。
2025-09-02 23:24:37
927
原创 收藏！VSCode 开发者工具快捷键大全
Ctrl + O（Windows/Linux）或（Mac）：打开文件，可以通过输入文件名快速查找并打开相应文件。Ctrl + W（Windows/Linux）或（Mac）：关闭当前打开的文件。（Windows/Linux）或（Mac）：重新打开最近关闭的文件。
2025-09-01 22:07:01
1257
原创 Vue3 响应式基础
Proxy可以创建一个对象的代理，从而实现对目标对象的读取、修改等操作的拦截和自定义处理。Vue3 正是利用这一特性来追踪数据的访问和修改：// 简单示例：模拟 Vue3 响应式原理// 创建代理对象// 拦截读取操作console.log(`读取了属性 ${key}`)// 记录依赖（依赖收集）},// 拦截设置操作console.log(`修改了属性 ${key} 为 ${value}`)// 触发更新（通知依赖）})// 使用代理对象。
2025-08-31 22:05:25
803
原创 Vue3 模板语法
Vue3 的模板语法是其核心特性之一，提供了简洁而强大的方式来声明式地绑定数据和处理 DOM 交互。主要包括：文本插值与原始 HTML 绑定灵活的属性绑定（包括 class 和 style）事件处理与修饰符表单输入的双向绑定（v-model）条件渲染（v-if / v-show）列表渲染（v-for）模板引用。
2025-08-30 22:13:23
1035
原创 Vue3 全面介绍
Vue3（正式名称为 Vue.js 3）是 Vue.js 前端框架的第三个主要版本，于 2020 年 9 月正式发布。作为对 Vue2 的重大升级，Vue3 在核心架构、性能优化、开发体验等方面进行了全面重构，同时保持了 Vue 一贯的“渐进式框架”理念，让开发者可以根据需求逐步采用其新特性。
2025-08-29 21:34:29
1119
原创 MySQL读写分离
MySQL读写分离是一种数据库架构优化方案，通过将读操作和写操作分离到不同的数据库节点，以提高系统性能和可用性。其核心思想是：写操作（INSERT、UPDATE、DELETE）由主库（Master）处理，读操作（SELECT）由从库（Slave）处理，利用主从复制机制保证数据一致性。这种架构能够有效分担单库压力，提升系统的并发处理能力。
2025-08-28 14:43:01
941
原创 MySQL分库分表
分表：将一个大表按照某种规则拆分成多个小表，每个小表存储一部分数据- 分库：将一个大数据库按照某种规则拆分成多个小数据库，每个小数据库存储一部分数据- 通常分库和分表会结合使用，形成分布式数据库架构。
2025-08-27 19:59:24
883
原创 MySQL主从复制
MySQL主从复制（Master-Slave Replication）是一种数据同步机制，允许将一个MySQL数据库（主库）的数据变更自动复制到一个或多个MySQL数据库（从库）。主从复制是实现MySQL高可用、读写分离和负载均衡的基础，广泛应用于生产环境中。
2025-08-26 19:03:50
928
原创 MySQL日志
MySQL日志是记录数据库活动的重要工具，用于故障排查、性能分析、安全审计和数据恢复。MySQL提供了多种类型的日志，每种日志都有特定的用途和配置方式。合理配置和使用这些日志可以提高数据库的可维护性和安全性。
2025-08-25 21:11:53
794
原创 MySQL管理
MySQL管理是确保数据库系统稳定、安全、高效运行的核心工作，涵盖用户权限管理、数据备份与恢复、性能监控与优化、服务器配置等多个方面。有效的MySQL管理能够保障数据完整性，提高系统可用性，并应对业务增长带来的挑战。
2025-08-24 18:35:53
783
原创 MySQL InnoDB引擎
InnoDB是MySQL默认的存储引擎，以支持事务、行级锁和外键约束为核心特性，专为处理大量数据的高性能事务处理而设计。自MySQL 5.5版本起，InnoDB成为默认存储引擎，广泛应用于OLTP（在线事务处理）场景。
2025-08-23 18:49:56
908
原创 MySQL锁
锁是数据库并发控制的核心机制，用于协调多个会话对共享资源的访问，防止并发操作导致的数据不一致问题。MySQL提供了多种锁机制，适用于不同的存储引擎和业务场景，合理使用锁可以平衡并发性能和数据一致性。
2025-08-22 16:52:49
1000
原创 SQL视图、存储过程和触发器
视图、存储过程和触发器是SQL中的重要数据库对象，用于封装业务逻辑、简化操作和保证数据完整性。它们在数据库开发中有着广泛应用，能够提高代码复用性和系统安全性。
2025-08-21 19:45:13
909
1
原创 SQL优化
1. 减少数据访问：只查询需要的字段和行2. 减少数据传输：优化网络和IO操作3. 利用索引：合理设计和使用索引4. 优化表结构：选择合适的数据类型和表设计5. 分析执行计划：使用EXPLAIN指导优化6. 循序渐进：先定位问题，再针对性优化7. 测试验证：优化后需测试性能是否真的提升。
2025-08-20 23:33:24
707
原创 MySQL索引
CREATE TABLE 表名 (字段1 数据类型,字段2 数据类型,...,PRIMARY KEY (字段),UNIQUE (字段),INDEX 索引名 (字段),FULLTEXT 索引名 (字段)
2025-08-19 19:29:52
873
原创 MySQL存储引擎
存储引擎是MySQL数据库的核心组件，负责数据的存储、检索和管理。MySQL的特点之一是支持多种存储引擎，每种引擎都有其独特的功能和适用场景，用户可以根据需求为不同的表选择不同的存储引擎。
2025-08-18 16:20:59
567
原创 MySQL事务
事务是数据库操作的一个逻辑单位，由一系列SQL语句组成。这些操作要么全部执行，要么全部不执行，确保数据的一致性和完整性。事务主要用于处理多步操作的复杂业务逻辑，如银行转账、订单处理等场景。
2025-08-17 22:51:40
805
原创 MySQL多表查询
多表查询是指同时从两个或多个表中检索数据，通过表之间的关联关系获取综合信息。在关系型数据库中，数据通常分散存储在多个表中，多表查询是获取关联数据的核心操作。
2025-08-16 18:56:34
1072
原创 MySQL约束知识点
1. 保证数据的完整性：防止无效或不合理的数据进入表中2. 保证数据的一致性：尤其是通过外键约束维护表之间的关系3. 提高查询性能：主键和唯一约束会自动创建索引4. 简化应用程序逻辑：数据库层直接处理数据验证，减少应用程序代码。
2025-08-15 21:11:13
478
原创 MySQL函数
- 返回'2025-07-14'，减去1个月。-- 返回'2025-08-15'，增加1天。SELECT IIF(quantity > 10, '充足', '不足') FROM inventory;
2025-08-14 18:52:19
833
原创 SQL 语言分类
用于定义和管理数据库对象（如数据库、表、索引、视图等）的结构。SQL 按功能分为五大类，各类别用途明确：DQL：查询数据（SELECT 为主）DML：操纵数据（INSERT、UPDATE、DELETE）DDL：定义结构（CREATE、ALTER、DROP 等）DCL：控制权限（GRANT、REVOKE 等）TCL：管理事务（COMMIT、ROLLBACK 等）
2025-08-12 19:06:37
958
原创 MySQL 基本语法
IF NOT EXISTS 是可选的，用于避免数据库已存在时出现错误。执行后会列出当前 MySQL 服务器中所有的数据库名称。gender ENUM('男', '女')VALUES ('张三', 20, '男');查询年龄大于 18 岁的学生姓名和年龄。WHERE name = '张三';筛选人数大于 2 的年龄组。按年龄分组并统计人数。
2025-08-11 21:46:41
702
原创 微信小程序中实现表单数据实时验证的方法
对于复杂验证逻辑，可使用自定义验证函数：// 在验证规则中添加自定义验证函数// ...其他规则// 不能包含用户名return '密码不能包含用户名';},// 在validateField方法中添加自定义验证// ...其他验证逻辑// 自定义验证if (result!== true) {// 自定义验证返回的错误信息return '';实现表单实时验证的核心是通过绑定输入事件，在用户输入过程中应用预设的验证规则，并即时更新验证状态。
2025-08-10 19:35:14
1016
原创 微信小程序中实现表单自动填充功能的方法
用户注册/登录表单：记住用户名、邮箱等订单提交表单：保存收货人信息、地址等个人资料表单：保存用户常用信息搜索表单：保存历史搜索记录。
2025-08-09 17:34:03
653
原创 微信小程序功能 表单密码强度验证
input name="password" placeholder="请输入密码" type="password" bindinput="checkPasswordStrength" /><input name="username" placeholder="请输入用户名" />wx.showToast({ title: '注册成功' });title: '密码需8位以上，包含数字、大小写字母和特殊字符',strength = '弱（至少8位，包含数字和字母）';let strength = '弱';
2025-08-08 23:45:28
976
原创 微信小程序常见功能实现
navigator url="/pages/detail/detail" open-type="navigateTo">跳转到详情页</navigator><input name="password" placeholder="请输入密码" type="password" />console.log('登录成功', loginRes.data);console.log('用户信息：', res.userInfo);console.log('用户设置：', userSettings);
2025-08-07 19:22:57
410
原创 微信小程序多媒体功能实现
可以通过 <camera> 组件实现摄像头预览和拍照功能，以下是相关代码示例及说明：Page({data: {devicePosition: 'back', // 初始使用后置摄像头flash: 'off', // 闪光灯默认关闭photoPath: '' // 照片路径},onLoad() {// 检查摄像头权限if (!// 申请摄像头权限console.log('摄像头权限已获取');},title: '请授予摄像头权限',});});});},
2025-08-06 19:53:50
665
原创 微信小程序功能实现：页面导航与跳转
组件来实现页面跳转，使用起来较为直观简便，语法格式如下：<navigator url="目标页面路径" open-type="跳转类型">显示的跳转提示文本或内容
2025-08-05 20:01:01
983
原创 微信小程序本地存储与Cookie的区别
对比维度微信小程序本地存储Cookie设计目的小程序内数据持久化维护HTTP会话状态存储容量约10MB（总），1MB（单key）约4KB（单域名）生命周期持久化，需手动删除可设置过期时间，默认会话级自动传输否，需手动携带是，随HTTP请求自动发送安全性无内置安全机制，不适合敏感数据支持HttpOnly、Secure等安全属性典型场景缓存数据、用户设置登录状态、会话跟踪综上，小程序本地存储更适合客户端本地数据管理，而Cookie更适合与服务器交互的会话状态维护。
2025-08-04 21:07:52
1036
原创 在微信小程序中使用本地存储的方法
数据类型：虽然能存储多种数据类型，但在存储复杂对象（如包含函数、循环引用的对象等）时可能会出现问题，尽量存储简单的JSON可序列化的数据。const hobbyList = ['阅读', '运动', '音乐'];// 输出 "阅读"console.log('获取到的数据：', res.data);wx.setStorageSync('username', '张三');// 输出 "张三"console.error('数据存储失败', err);console.error('数据删除失败', err);
2025-08-03 20:19:12
1964
原创 微信小程序重要知识点
,"multipleSlots": true, // 启用多插槽"styleIsolation": "isolated" // 样式隔离模式。
2025-08-03 02:42:59
1001
原创 微信小程序页面间通信的实现方式
/ 页面卸载时取消订阅。success(res) { console.log(res.data.name) } // 张三。在app.js中定义全局数据，所有页面通过getApp()访问，适合简单的全局状态共享。eventBus.emit('msgEvent', '来自B页面的消息');利用小程序的本地缓存API（同步/异步）存储数据，实现跨页面共享，数据可持久化。prevPage.receiveData('从B页面返回的数据');从子页面返回父页面时，通过页面栈获取父页面实例，直接调用其方法传递数据。
2025-08-01 20:50:56
1057
原创 微信小程序中进行参数传递的方法
页面跳转时的参数传递最常用在不同页面间共享初始化数据等场景；组件间传递参数则利于组件的复用和组件化开发时的通信；全局变量和缓存传递参数在特定简单场景下可作为补充手段，但要谨慎使用以避免潜在的问题。根据具体的业务需求和应用场景，选择合适的参数传递方式，有助于构建清晰、可维护的小程序代码结构。
2025-07-31 22:23:28
846
原创 微信小程序中实现页面跳转的方法
navigator url="/pages/detail/detail">跳转到详情页</navigator>url: '/pages/index/index' // 目标tabBar页面路径。，跳转时会关闭当前页面，当前页面不会保留在页面栈中，目标页面无法通过返回按钮回到当前页面。url: '/pages/detail/detail' // 目标页面路径。-- 从当前页面跳转到 pages/detail/detail 页面 -->，跳转后当前页面会保留在页面栈中，目标页面可通过返回按钮回到当前页面。
2025-07-30 19:42:27
1166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人