- 博客(15)
- 收藏
- 关注
RSS订阅
原创 JavaScript正则表达式——4.贪婪、非贪婪与锚点详解
正则中，贪婪 / 非贪婪模式决定量词匹配行为，锚点则定位匹配位置：量词（、+、{n,m} 等）默认贪婪，尽可能匹配最长内容，回溯调整；加？（如?、+?）切换为非贪婪，优先匹配最短内容。锚点不匹配字符只定位置：^ 匹配开头，$ 匹配结尾，\b 匹配单词边界（词字符与非词字符 / 字符串首尾交界处）
2025-10-13 20:22:30
1188
原创 JavaScript正则表达式——3.量词详解
量词描述匹配零次或多次。匹配一次或多次。?匹配零次或一次。{ n }正好匹配 n 次。{ n ,}至少匹配 n 次。{ n , m }从 n 到 m 次之间匹配。
2025-10-12 22:43:12
1135
原创 JavaScript正则表达式——2.字符类(集合、范围、预定义字符类)和反向字符类详解
预定义字符类（也称为 “元字符” 或 “特殊序列”）是一组预先定义的特殊符号，用于简洁表示常见的字符集合，避免手动编写冗长的字符类（如[0-9] [a-zA-Z0-9_]等）。它们本质是对 “特定类型字符集合” 的标准化缩写，简化了正则表达式的书写。数字字符类 \d数字字符匹配0-9之间的数字。是[0-9]的简写形式。str='2024-05-20 14:30:00|今天天气晴朗,适合出游'单词字符类 \w单词字符匹配字母、数字和下划线。是[a-zA-Z0-9_]的简写形式。3_3'
2025-10-11 12:52:31
1393
原创 JavaScript正则表达式——1.正则表达式入门：创建、方法与标志详解
本文主要介绍了正则表达式的创建，RegExp对象提供的方法和String对象提供的方法。还对基础的标志进行了讲解和举例。
2025-10-10 14:55:58
1126
原创 使用XHR和Promise简易实现Axios
本文介绍了三种JavaScript网络请求技术：1. XMLHttpRequest(XHR)：浏览器原生API，支持异步HTTP请求，是AJAX技术的核心，可处理多种数据格式并提供事件监听机制。2. Promise：用于处理异步操作的对象，解决回调地狱问题，具有Pending、Fulfilled、Rejected三种状态。3. Axios：基于Promise的HTTP客户端，支持请求拦截、自动数据转换和取消请求等功能。文章通过代码示例演示了如何使用这些技术实现无参请求、带查询参数请求和POST请求，并比较了
2025-10-05 14:44:09
1601
原创 商品图片放大效果实现指南
本文介绍了实现商品图片放大镜效果的HTML/CSS/JavaScript方案。通过左右两个等比例容器，左侧显示原图并添加半透明遮罩层(mask)，右侧显示放大图。当鼠标在左侧移动时，mask跟随鼠标位置，右侧图片相应移动展示放大区域。主要技术点包括：1)使用transform使mask中心对准鼠标；2)计算边界范围防止mask溢出；3)通过坐标转换实现放大图同步移动。该方案利用事件监听和CSS定位，实现了电商网站常见的商品细节展示功能。
2025-09-29 11:30:54
753
原创 音乐歌词同步滚动高亮实现
本文详细介绍了如何实现网页音乐播放时的歌词同步滚动效果。通过解析LRC格式的歌词文件，将时间戳与歌词内容关联，当歌曲播放时实时匹配当前时间点对应的歌词。技术实现包括：1）HTML构建歌词列表和音频播放器；2）CSS设置居中布局和高亮动画；3）JavaScript编写歌词解析器、时间匹配算法和动态偏移计算。最终实现歌词随音乐自动滚动、居中定位和高亮显示的卡拉OK式效果，关键点在于精确的时间同步和流畅的视觉过渡。
2025-09-27 16:17:02
1545
原创 开学季技术学习高效指南
开学季高效学习技术指南 本文提供技术驱动的开学季学习优化方案：1）知识管理采用Markdown/MindMap规范与GitHub Gist代码管理；2）自动化复习系统结合Anki算法与Python脚本实现间隔重复；3）时间管理运用番茄工作法工具和防干扰插件。实战案例包括3天Python速成法和MkDocs知识库搭建，强调需规避速成陷阱，合理使用AI工具。推荐通过StackOverflow等技术社区持续学习，配合JSON日志定期复盘。核心是建立工具链+数据驱动的迭代学习框架。
2025-10-04 21:29:05
423
原创 防抖与节流：函数执行频率控制技巧
防抖和节流是控制函数执行频率的两种机制。防抖在事件停止触发后延迟执行回调，适用于等待用户停止操作的场景（如回城技能）。节流throttle则限制函数在固定间隔内只能执行一次（如技能冷却）。文章提供了防抖函数的实现（使用定时器清除重置）和节流函数的三种实现方式：定时器尾触发、时间戳首触发及定时器首触发。核心都是通过管理定时器或时间戳来控制函数执行时机，其中apply确保正确this指向。
2025-10-04 19:15:00
576
原创 CSS打造简单的立体文字效果
本文介绍了使用CSS实现立体文字效果的技术方案。通过HTML设置h1标签显示文字，利用CSS伪元素复制文字内容并应用transform属性实现变形效果，包括倾斜(skew)、缩放(scale)和位移(translate)。关键实现步骤包括：使用绝对定位重叠元素、z-index控制层级、filter添加模糊效果，以及mask渐变增强立体感。最终效果通过伪元素的变形和样式调整，在主文字后方形成阴影投射般的立体视觉效果。文章提供了完整的HTML和CSS代码示例，可直接运行查看效果。
2025-10-02 20:27:57
263
原创 DeepSeek：程序员的高效助手——生成SQL、ER图与测试用例
摘要： DeepSeek是程序员的高效AI助手，可自动化生成SQL查询、ER图和测试用例。通过自然语言输入，它能快速输出优化的SQL代码（支持多表连接）、标准化的ER图（Mermaid格式）及覆盖边界条件的测试用例（如Pytest）。流程强调人机协作：AI处理重复工作，开发者聚焦逻辑验证与业务适配。优势包括节省时间、减少错误，但需人工审核生成内容（如SQL注入检查）。最佳实践建议结合版本控制，将AI作为“初级搭档”使用，释放开发者创造力。
2025-09-30 21:28:16
1276
原创 C盘清理技巧：轻松释放空间，让电脑跑得更快！
5个简单步骤快速清理C盘空间：1.使用系统磁盘清理工具一键删除临时文件；2.手动清理%temp%文件夹释放缓存；3.定期清空回收站；4.卸载不常用大型软件；5.将个人文件迁移至其他盘。这些方法安全易操作，每月执行可有效解决C盘爆满问题，还能提升电脑运行速度。记得清理前备份重要数据，养成良好文件管理习惯。
2025-09-30 21:17:40
1527
原创 Chrome性能优化指南详细内容
本文提供了一份全面的Chrome浏览器性能优化指南，涵盖基础设置到高级技巧。从识别CPU、内存、GPU及网络等性能瓶颈入手，指导用户使用ChromeDevTools进行分析，并提供了关闭硬件加速、限制后台标签页资源、管理内存、优化网络性能等具体方案。文章还包含扩展程序管理、实验性功能调整等高级优化技巧，建议结合Lighthouse等工具持续监控。这些基于官方文档和最佳实践的优化方法，可显著提升浏览速度20-50%，降低资源消耗，适合各类用户按需实施。
2025-09-29 17:05:44
850
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人