-
最直接有效的方法是用CSS的box-shadow配合display:block；需避免overflow:hidden截断阴影，控制v-offset和blur实现贴边效果，圆角或透明图推荐filter:drop-shadow()。
-
手机端表格滚动失效的根本原因是overflow-x需作用于表格父容器而非table本身，应套div设overflow-x:auto、white-space:nowrap，并配合table-layout:fixed与显式列宽控制宽度。
-
本文介绍如何在Ace编辑器的Vim模式下，精准拦截并重写dd、d{motion}（如dG、d2d）等所有基于d操作符的行删除行为，使其调用自定义函数而非默认逻辑。
-
外部CSS需用<linkrel="stylesheet">引入，路径须相对HTML文件、置于<head>靠前位置防FOUC；按职责拆分文件（reset/layout/components/pages），避免内联样式失控与缓存问题。
-
跨系统插入HTML图片到Word出现乱码，根本原因不是图片本身，而是HTML中的中文路径、的URL编码或Base64数据未被Word正确解析——尤其在macOS/Linux生成的HTML传到WindowsWord或反之。直接拖拽、复制粘贴HTML片段时，Word往往忽略原始编码声明，强行按本地默认编码（如GBK或UTF-16LE）读取，导致路径里的中文变成????或插入失败。确认HTML源文件实际编码与meta声明是否一致很多乱码源于「
-
遮罩层需用position:fixed;top:0;left:0;width:100vw;height:100vh;确保覆盖全视口，background-color用rgba避免子元素透明，弹窗须fixed定位+更高z-index并脱离文档流，同时处理滚动穿透、焦点管理及移动端vh兼容性问题。
-
本文介绍一种简洁高效的方案：利用CSS:hover伪类选择器，为任意数量的容器实现“悬停显示按钮”效果，完全取代冗余的JavaScript函数，提升可维护性与性能。
-
必须设置content:"";否则::after不渲染；父元素需设position:relative；多行文本下伪元素无法每行显示装饰线。
-
::first-letter仅对块级元素生效，支持有限CSS属性，中文/标点开头时行为不一，兼容性差且易受text-transform等影响，推荐手动包裹首字以确保效果。
-
HTML4中script默认同步阻塞，HTML5新增async（下载完立即执行，顺序不确定）和defer（DOM解析后按序执行），二者仅对外部脚本生效，内联脚本忽略这些属性。
-
图片在CSSGrid中排列不整齐，主因是尺寸、容器约束或对齐方式未协调：需设width:100%;height:auto;、display:block;，合理使用justify-items/align-items，并配合minmax()、object-fit和gap优化。
-
JavaScript模块化关键在正确使用ESM与CommonJS：二者不兼容，混用报错；ESM的import须顶层声明，动态加载需用import()；exportdefault与具名export导入方式严格对应；Node.js中ESM需启用"type":"module"且路径必须带后缀。
-
Intl是JavaScript内置国际化API，支持日期、数字、货币、列表、相对时间和字符串排序的本地化格式化；需传入语言标签如"zh-CN"创建实例，不处理文本翻译。
-
Canvas提供2D绘图灵活控制，WebGL实现3D硬件加速，结合使用可兼顾性能与效率。
-
动态插入含脚本的HTML时，内联JS不会自动执行或监听DOMContentLoaded，需手动触发事件或安全执行脚本；本文详解两种可靠方案：事件重播与脚本提取执行。
