前端技术文章
-
- Performance API 与 Canvas 渲染帧率检测方法
- PerformanceAPI监测Canvas游戏帧稳定性需捕获关键渲染阶段时间断点，通过mark/measure记录frame/update/render各阶段耗时，结合p95和max帧耗时识别抖动，并关联DrawCall定位瓶颈。
- 文章 · 前端 | 1个月前 | 333浏览 收藏
-
- CSS计数器重置失败怎么解决
- counter-reset在子元素中不生效，根本原因是它只对后续同级或后代中满足作用域条件的counter-increment生效，且重置动作不继承、不传播、不穿透伪元素边界。
- 文章 · 前端 | 1个月前 | 333浏览 收藏
-
- Symbol类型详解及实用场景分析
- Symbol是ES6引入的唯一值原始类型，用于避免属性冲突、定义唯一常量及自定义对象行为，如通过Symbol.iterator实现迭代。
- 文章 · 前端 | 1个月前 | 333浏览 收藏
-
- CSS 3D动画深度排序问题解决方法
- z-index在3D场景中失效是正常现象，因浏览器按Z轴实际坐标（如translateZ值）而非z-index数值决定渲染顺序；需通过调整transform中的Z值精确控制前后关系。
- 文章 · 前端 | 1个月前 | 333浏览 收藏
-
- HTML语义化引用技巧：blockquote与q标签使用详解
- blockquote用于长篇独立引用，q用于短小内联引用；2.前者视觉缩进并常配cite说明来源，后者自动添加引号；3.根据引用长度和位置选择标签；4.语义化提升可访问性与SEO。
- 文章 · 前端 | 1个月前 | html 333浏览 收藏
-
- JavaScript性能优化方法有哪些
- JavaScript性能优化需针对性干预执行效率、内存占用和主线程阻塞；避免循环中重复DOM访问与计算，缓存变量；合理使用Object.freeze()和const；内存泄漏多源于未清理的事件监听器、定时器和闭包悬空引用，须用ChromeMemory面板对比heapsnapshot确认。
- 文章 · 前端 | 1个月前 | 333浏览 收藏
-
- CSS表单验证错误提示定位技巧
- 应给input的直接父容器设position:relative作为absolute提示的定位参照，并用calc(100%+4px)替代top:100%以规避高度计算误差，同时设置width:100%、white-space:normal、z-index:10及opacity过渡隐藏，确保提示稳定显示。
- 文章 · 前端 | 1个月前 | 333浏览 收藏
-
- Node.js事件循环详解与优化技巧
- Node.js事件循环是性能优化的核心，其阻塞会导致任务延迟和服务崩溃。识别事件循环阻塞点的方法包括：1.使用系统级监控观察CPU使用率；2.利用Node.js内置的Profiling工具生成火焰图；3.使用0x工具进行函数级别的CPU消耗分析；4.通过自定义埋点和日志记录关键代码耗时。此外，性能优化还需关注内存泄漏、并发管理不当、V8引擎优化陷阱、外部服务延迟及日志输出开销等问题，并结合工具与架构设计持续优化应用性能。
- 文章 · 前端 | 1个月前 | 333浏览 收藏
-
- align属性在img和table中是否推荐_CSS替代方案说明【技巧】
- align属性在HTML5中已废弃，应使用CSS替代：图片用vertical-align或Flex布局，表格整体定位用margin，单元格内容对齐用text-align和vertical-align。
- 文章 · 前端 | 2个月前 | HTML常见属性及用途 333浏览 收藏
