-
- HTML如何设置虚线边框｜dashed样式全解析
- border-style:dashed是首选虚线方案，因其原生兼容IE8+、无需JS或伪元素、语义清晰且准确渲染；但必须显式设置border-width和颜色，否则浏览器默认medium宽度导致虚线不一致。
- 文章 · 前端 | 2星期前 | 113浏览 收藏
-
- JavaScript实现阴影效果与CSS变量使用方法
- JavaScript通过操作CSS的box-shadow/text-shadow属性或CSS变量来动态控制阴影效果，支持内联样式、类名切换、交互响应及主题适配，CSS变量可读写并自动重绘。
- 文章 · 前端 | 2星期前 | 463浏览 收藏
-
- HTML5小游戏碰撞检测技巧：矩形圆形单元解析
- 矩形与圆形碰撞检测的核心是判断圆心到矩形最近点的距离平方是否小于等于半径平方。先计算最近点坐标，再通过提前排除（如|dx|>r）优化性能。
- 文章 · 前端 | 2星期前 | 224浏览 收藏
-
- JavaScript如何实现多线程？WebWorker使用教程
- WebWorkers无法直接操作DOM，因运行在独立线程且无document、window等API，只能通过postMessage与主线程通信；支持console、fetch、ArrayBuffer等，不支持localStorage、XMLHttpRequest；需注意结构化克隆限制、同源脚本要求及SharedArrayBuffer使用门槛。
- 文章 · 前端 | 2星期前 | 352浏览 收藏
-
- input输入框样式优化技巧
- 直接清除浏览器默认边框并用border重绘，配合:focus和:hover实现状态反馈：先设outline:none、border:1pxsolid#ccc、background-color:#fff、box-sizing:border-box；聚焦时改border-color为#409eff并加box-shadow光晕，加transition动画；兼顾可访问性需设:focus-visible；微调border-radius:4px、padding:8px12px、font-size:14px/16px、
- 文章 · 前端 | 2星期前 | 313浏览 收藏
-
- 位运算优化布尔数组存储密度技巧
- 位图可将布尔状态压缩至1位/状态，内存节省87.5%：用uint64_t数组存储，每单元管64状态，100万状态仅需125KB；核心操作包括位索引映射、置位、清零与查询；工程中需封装、对齐、用SIMD指令优化。
- 文章 · 前端 | 2星期前 | 378浏览 收藏
-
- Performance API：JavaScript性能监控全解析
- PerformanceAPI通过高精度时间戳提供页面加载、资源请求等性能数据。1.使用performance.now()获取精确时间；2.用mark和measure测量自定义逻辑耗时；3.通过navigation条目计算DNS、TCP、白屏等关键指标；4.利用PerformanceObserver监听动态资源加载。结合上报机制可构建完整前端监控体系，持续优化用户体验。
- 文章 · 前端 | 2星期前 | 200浏览 收藏
-
- HTML滚动条占位宽度解决方法
- 滚动条挤占内容宽度是浏览器默认行为，非bug；最优解是html元素上使用scrollbar-gutter:stable配合overflow-y:auto，不支持时降级为html{overflow-y:scroll}。
- 文章 · 前端 | 2星期前 | 457浏览 收藏
-
- PDF转HTML方法详解
- 福昕PDF编辑器转HTML最稳，但无法完全保形；它兼容中文排版与表格，支持手动选页，转换后HTML含内联样式和table标签，需人工优化语义结构。
- 文章 · 前端 | 2星期前 | 109浏览 收藏
-
- Vue3 响应式如何处理嵌套 Map 和 Set？
- Vue3响应式不自动穿透Map/Set嵌套：仅结构变更（add/delete）可响应，内部对象属性修改需显式reactive包裹+模板读取触发依赖；WeakMap/WeakSet不支持响应式。
- 文章 · 前端 | 2星期前 | 402浏览 收藏
-
- PerformanceObserver 监控 LCP 实操指南
- 直接newPerformanceObserver无法拿到LCP，因其默认不监听任何类型，必须显式调用observe()并传入{entryTypes:['largest-contentful-paint']}；且需在<head>中尽早注册并立即observe，否则易错过早期LCP。
- 文章 · 前端 | 2星期前 | 311浏览 收藏
-
- 使用 Map 存储 DOM 节点动画快照实现流畅布局过渡
- 应使用Map而非普通对象存储DOM节点快照，因Map支持节点作键实现精准对齐；需在重绘前用getBoundingClientRect与getComputedStyle采集，并配合WeakMap或手动清理防泄漏；FLIP动画通过first/last快照计算位移差并invert补偿，结束后清空Map。
- 文章 · 前端 | 2星期前 | 259浏览 收藏
-
- CSS模态框居中对齐与遮罩层设计
- 最稳的模态框垂直水平居中方案是position:absolute/fixed+top:50%;left:50%;transform:translate(-50%,-50%)，尤其适用于宽高不固定场景。
- 文章 · 前端 | 2星期前 | 115浏览 收藏
-
- button标签的type默认值是什么？陷阱揭秘
- <button>在<form>内未声明type时默认为submit，导致意外提交和页面刷新；应统一显式声明type="button"或type="submit"以避免隐蔽bug。
- 文章 · 前端 | 2星期前 | 472浏览 收藏
-
- Number.isSafeInteger 详解：预防 Java long 精度丢失
- Number.isSafeInteger()是前端识别Javalong精度丢失的关键防线，因JS安全整数上限为±2⁵³−1，而Javalong范围更大，超限数值在JS中会失真；它可校验number类型是否安全，配合后端字符串化策略实现精度防护。
- 文章 · 前端 | 2星期前 | 151浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 5885次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 6318次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 6124次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 8095次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 6556次使用
