-
- 事件冒泡原理及阻止方法详解
- 事件冒泡是DOM事件从目标元素逐级向上传播至document的默认行为；可用event.stopPropagation()阻止，它仅停止冒泡而不影响同一元素其他监听器或默认行为。
- 文章 · 前端 | 1天前 | 409浏览 收藏
-
- JavaScript地理定位与地图追踪教程
- 利用浏览器GeolocationAPI获取用户位置，通过getCurrentPosition和watchPosition实现定位与追踪；2.结合高德等地图SDK，将坐标用于初始化地图并添加标记；3.使用Polyline绘制实时轨迹，持续更新坐标路径；4.注意权限授权、定位精度、设备耗电及坐标系转换问题，确保系统稳定高效运行。
- 文章 · 前端 | 4天前 | 408浏览 收藏
-
- 闭包实现节流函数，控制执行频率技巧
- 节流函数必须用闭包，因为需在多次调用间私有持久地共享lastTime或timer状态；不用闭包则依赖全局变量，导致污染、竞态及多实例冲突。
- 文章 · 前端 | 9小时前 | 408浏览 收藏
-
- CSS如何用:not()精准排除元素控制样式
- 答案：:not()伪类可排除特定元素实现精准样式控制。通过:not(选择器)语法，如p:not(.highlight)或input:not([disabled])，能为不匹配条件的元素应用样式，常用于跳过特殊类、状态或结构的元素，结合属性与结构选择器可实现高级过滤，但需注意仅支持单个简单参数、不兼容旧版IE且不可选伪元素，现代浏览器广泛支持，合理使用可提升代码简洁性与维护性。
- 文章 · 前端 | 17小时前 | 407浏览 收藏
-
- 标签详解：保留空格换行的文本展示方法
- <pre>标签在HTML中用于保留文本的原始格式。1)它适用于展示代码、诗歌等需要保持格式的文本。2)使用时需在文本前后加上<pre>和</pre>。3)结合<code>标签可更好展示代码。4)使用时需注意文本默认使用等宽字体和可能影响页面布局。
- 文章 · 前端 | 10小时前 | 407浏览 收藏
-
- HTML进度条百分比与伪元素美化教程
- progress标签不显示百分比是设计使然，需用外置span+JS同步更新；其伪元素不支持content且浏览器兼容差异大，Firefox不支持渐变背景，应设纯色fallback或改用div模拟。
- 文章 · 前端 | 3天前 | 405浏览 收藏
-
- CSS变量实现动态颜色切换技巧
- CSS变量需定义在:root或祖先元素才能被伪类读取；:active因瞬态特性易延迟失效，需确保变量被实际渲染属性使用；::before默认不继承变量，应显式设置或直接在伪类中修改变量值。
- 文章 · 前端 | 1天前 | 405浏览 收藏
-
- JavaScript异步编程与回调详解
- JavaScript异步编程本质是事件循环驱动的非阻塞执行，依赖EventLoop、CallbackQueue和MicrotaskQueue协同调度，异步≠并发或并行，仅避免阻塞主线程。
- 文章 · 前端 | 7小时前 | 405浏览 收藏
-
- BehaviorSubject数据流解耦与容错方法
- 本文介绍如何通过forkJoin与catchError+of(null)组合替代嵌套mergeMap/zip链式调用，使各服务请求独立失败、互不阻断，保障UI能稳定消费可用数据。
- 文章 · 前端 | 3天前 | 404浏览 收藏
-
- 输入框聚焦效果实现全解析
- 使用:focus伪类可实现输入框聚焦时的视觉反馈，如改变边框颜色、添加阴影，并通过transition使效果更平滑；还可针对不同输入类型设置差异化样式，结合:focus-within让关联label同步响应，提升表单可用性。
- 文章 · 前端 | 4天前 | 403浏览 收藏
-
- 动态插入CSS规则的正确方法与应用技巧
- 动态创建<style>元素并调用CSSStyleSheet.insertRule()后，样式规则虽已成功添加到sheet对象中，但<style>元素内部仍为空；本文详解其根本原因及可靠解决方案。
- 文章 · 前端 | 4天前 | 403浏览 收藏
-
- Brotli优化JS加载方法解析
- 大型JS包必须用Brotli而非仅Gzip，因其对精简后文本资源压缩率高15–25%，尤其在100KB+bundle上更显著；Brotli内置Web静态字典针对性强，而Gzip仅依赖局部重复匹配。
- 文章 · 前端 | 3天前 | 403浏览 收藏
-
- HTML跨域请求怎么解决？CORS问题全攻略
- 浏览器因服务端未返回Access-Control-Allow-Origin响应头而拦截跨域请求；需后端配置CORS头或前端开发期用Viteproxy代理绕过，且credentials为include时Origin不能设为*。
- 文章 · 前端 | 1天前 | 402浏览 收藏
-
- HTML订单确认页面布局指南
- 订单确认页需语义化结构（用<dl>替代<div>）、动态金额aria-live提示、按钮禁用逻辑显式校验、移动端地址折叠防失焦、地址弹层用inert锁定背景、电话字段适配键盘、取消入口置于订单号下方。
- 文章 · 前端 | 1天前 | 402浏览 收藏
-
- CSS鼠标悬停图标抖动效果实现
- 抖动动画应使用transform:rotate()配合animation，旋转角度控制在±2°～±5°，配合transform-origin、0.3s～0.5s动画时长、cubic-bezier(0.45,0.15,0.55,0.85)缓动函数及animation-fill-mode:forwards。
- 文章 · 前端 | 7小时前 | 402浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 485次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- ChatExcel酷表
- ChatExcel酷表是由北京大学团队打造的Excel聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 4394次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 4749次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 4622次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 6401次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 5000次使用
