前端技术文章
-
- CSS Padding在不同书写模式下的方向变化
- padding-top在vertical-rl下朝行首方向（右侧）生效，因其语义绑定writing-mode定义的块流方向；逻辑属性padding-block-start始终对应block-start边，兼容所有书写模式。
- 文章 · 前端 | 4个月前 | 223浏览 收藏
-
- HTML塔防游戏实现教程【手册】
- 塔防游戏需三大核心：路径需用节点序列与插值实现平滑移动；逻辑与渲染须分离并用固定步长驱动；攻击判定宜用格子法优化性能；交互需处理坐标转换、区域校验与DPI适配。
- 文章 · 前端 | 4个月前 | 377浏览 收藏
-
- HTML CSS选择器测试技巧分享
- 最可靠的选择器测试方式是在Elements面板用Ctrl+F或Cmd+F直接输入CSS选择器，支持完整语法并高亮匹配元素，显示“XofYmatches”或“Noresults”。
- 文章 · 前端 | 4个月前 | 362浏览 收藏
-
- 行内元素设置上下padding无效，是因为行内元素的垂直方向受父元素的line-height影响，padding不会撑开高度。修改为inline-block或block后，padding才能正常生效。
- 行内元素的padding-top/padding-bottom不撑开空间是CSS规范行为，因其不生成独立盒模型；改用display:inline-block或inline-flex可解决，但需注意vertical-align、line-height和间隙问题。
- 文章 · 前端 | 4个月前 | 399浏览 收藏
-
- Tailwind组件复用技巧与布局优化实战
- 通过封装可复用组件和使用@apply提取公共类，将重复的Tailwind类名集中管理，提升代码可维护性与开发效率，实现高效组件复用。
- 文章 · 前端 | 4个月前 | 352浏览 收藏
-
- strong与b标签区别解析
- strong表示内容重要性，具有语义强调功能，影响可访问性、SEO和辅助技术识别；b仅实现纯视觉加粗，无任何语义含义。
- 文章 · 前端 | 4个月前 | 287浏览 收藏
-
- JS控制层合成，避免GPU频繁重绘技巧
- 关键在于避免动画元素频繁触发合成层更新，GPU只负责合成而非重绘；仅transform、opacity、部分filter变更可走合成线程；需用will-change+translateZ预创建层，杜绝强制同步布局，并管控图层生命周期。
- 文章 · 前端 | 4个月前 | 440浏览 收藏
-
- V8 内联展开优化数学库性能技巧
- 要让数学计算库在V8下跑出极致单线程性能，核心是促使V8激进内联：函数须纯逻辑、AST极简、接口稳定；避免闭包污染、临时对象及类型混用；需预热并用--trace-inlining等工具验证内联效果。
- 文章 · 前端 | 4个月前 | 193浏览 收藏
-
- CSS分页样式：inline-block与margin控制按钮布局
- display:inline-block是分页按钮的常见选择，因其支持并排排列、宽高设置且不脱离文档流，兼容IE8+；但需处理换行间隙，常用font-size:0或无空格HTML解决。
- 文章 · 前端 | 4个月前 | 474浏览 收藏
-
- Global Object Pollution 监测工具使用指南
- GlobalObjectPollution不属于MicrosoftDefenderforOffice365检测范围，其专注邮件与协作平台威胁防御，不监控JS运行时全局对象篡改；该问题属前端安全范畴，需通过CI/CD扫描、运行时冻结原型、第三方代码沙箱隔离等应用层措施防护。
- 文章 · 前端 | 4个月前 | 182浏览 收藏
-
- Chrome 控制台实时监控变量变化方法
- LiveExpression是Console中实时追踪变量或表达式的功能，每250毫秒自动重算，需确保变量在当前执行上下文可访问，支持全局、函数内（断点暂停时）及挂载到window的模块变量，不可监控未初始化或已回收变量。
- 文章 · 前端 | 4个月前 | 282浏览 收藏
-
2. 使用 JavaScript 的 dataset 属性读取数据const element = document.ge">
示例元素
示例元素
2. 使用 JavaScript 的 dataset 属性读取数据const element = document.ge
