-
border-image-slice数值无单位时按图像原始像素计算，带%则按原图宽高百分比；fill为可选关键字，加在数值后启用中心区域渲染，不影响切片尺寸。
-
图标只抖一下就停了是因为默认animation只执行一次，需加infinite循环；单向rotate不是摇晃，应使用非对称关键帧如-5deg→3deg→-5deg；位置偏移是因旋转中心不稳或行内元素基线影响，须设display:block/inline-block、transform-origin:center、vertical-align:middle；生硬问题靠cubic-bezier(0.36,0.07,0.19,0.97)和0.4s~0.6s时长优化。
-
纯HTML只读成绩单需用语义化table结构（thead/tbody），禁用contenteditable和无效readonly属性，CSS控制视觉禁用；边框用border-collapse:collapse；打印时用display:table-header-group和page-break-inside:avoid确保表头重复与不分页。
-
CSS动画播放速度由animation-duration直接控制，值越小越快；JavaScript可通过element.style.animationDuration动态修改实现运行中变速，但仅限内联样式且不支持IE；WebAnimationsAPI的playbackRate支持真倍速但仅适用于JS创建的动画。
-
本文介绍如何使用纯HTML与CSS实现文本逐字打字机效果，通过steps()时间函数控制动画帧数，无需JavaScript即可完成流畅的字符逐显效果。
-
使用iframe、JavaScript、服务器端包含或模块化方案可将HTM文件嵌入网页。1.iframe标签直接嵌入，适合静态内容；2.JavaScript动态加载内容至指定元素，灵活但受限于跨域；3.服务端包含（如PHP、Node.js）在服务器合并HTML，利于SEO；4.构建工具或Web组件实现模块化集成，适用于现代前端项目。选择依据包括是否需SEO、有无服务器权限及项目复杂度。
-
直接查看网页源码（Ctrl+U）获取原始HTML5文本，不含JS动态内容或服务端模板；可通过Network面板找独立HTML模板、GitHub搜索关键词、curl检查开头、wget下载静态站等方式辅助获取。
-
零基础学CSS应先掌握文档流、盒模型、颜色字体文本控制三大基础，再学布局；需手写margin/padding/border、用border-box、同步练习文本属性、通过冲突实验理解优先级，最后再接触Flex/Grid。
-
前端错误监控需捕获同步、异步及资源加载错误，核心手段是组合使用window.onerror、addEventListener('error')和unhandledrejection事件，弥补try...catch无法覆盖异步和资源错误的局限；捕获后需上报错误堆栈及上下文信息，如用户ID、URL、浏览器环境、操作路径（breadcrumbs）、应用状态和网络请求等，以便精准定位问题。采用第三方监控服务可提升效率与覆盖度。
-
怎么组织CSS文件结构才不会后期乱成一锅粥靠目录层级硬分base和component不够，关键在引用顺序和作用域控制。很多人把文件夹建好了，结果button.css里又写了个.header，或者base.css里偷偷加了媒体查询，最后样式打架、覆盖难查。base只放重置、变量、工具类（如.sr-only、.visually-hidden）、基础排版规则（h1–h6、p、ul默认间距）component每个文件只负责一个UI单元，文件名和最外层选择器必须一致，比如
-
遮罩层失效通常因定位或层级问题，需设置position:fixed和足够高的z-index，并将元素置于body末尾避免层叠上下文干扰，同时使用id选择器提升权重，确保样式不被覆盖。
-
ShadowDOM样式无法影响外部元素，这是规范强制的隔离机制；:host和::slotted作用范围严格受限，所有“穿透”尝试均无效，真正可行的是通过属性或事件进行约定式通信。
-
navigator.connection.effectiveType提供基于RTT和吞吐量的网速类型（slow-2g/2g/3g/4g），需HTTPS/localhost环境且兼容性有限，应配合onchange监听与class切换实现资源分级加载。
-
纯CSS无法真正追踪鼠标，但可通过:hover+transform和动态box-shadow偏移模拟光源移动错觉；只过渡offset-x/y更高效，动画中需单位一致且结构对齐，drop-shadow()更适配非矩形元素，阴影颜色忌用纯黑。
-
Vue.js计算属性不直接实现i18n，但可响应式配合语言切换：将currentLocale设为响应式数据，计算属性依赖它返回对应翻译文本；支持动态键名需用computed返回函数或methods中定义t(key)；语言包须响应式（如ref），避免硬编码、非响应式访问及缺失键无fallback等问题。
