-
PurgeCSS误删样式因不解析动态类名、JS注入类及框架绑定，需用safelist显式保留；Webpack接入推荐purgecss-webpack-plugin并配全paths与extractors；PostCSS方式轻量但跨文件追踪弱；验证应启用rejected选项查删减详情。
-
用单个隐藏<audio>实例配合JS动态切换src实现轻量音乐列表，列表项绑定data-src属性，点击时暂停当前、更新源并播放，注意iOS用户手势触发、Promise错误捕获及跨域配置。
-
position:fixed失效常因父元素设置transform、perspective或filter，导致其定位参考从视口变为该父容器；修复可将元素提至无此类属性的祖先（如body）或改用position:sticky。
-
现代浏览器统一支持::placeholder伪元素，但需注意仅对可编辑表单控件生效、必须双冒号、不可继承color；Safari旧版需::-webkit-input-placeholder；IE10–11需::-ms-input-placeholder；优先级和继承差异是常见问题。
-
HTML5已废弃table的align="center"，因其实际使表格变为inline-table导致居中不可靠；可靠方法是CSS设置margin:0auto并指定width（如width:80%或max-width:800px）。
-
伪元素::after实现导航下划线动画必须设置position:absolute及父级position:relative，配合transform:scaleX()和transition，同时兼容:hover/:focus/:active状态。
-
在EditPlus中编写并保存HTML文件为test.html，编码选UTF-8；2.通过“工具-首选项-用户工具”添加外部浏览器程序，设置命令为浏览器路径或留空，参数用$(FilePath)调用当前文件；3.配置完成后可通过菜单或快捷键一键用默认浏览器预览HTML；4.也可直接双击保存的HTML文件以快速查看效果。
-
根本原因是浏览器默认样式与自定义CSS隐式冲突；需针对性重置box-sizing、margin/padding、font-size等核心属性，配合基础样式重建布局锚点，并确保重置CSS最先加载。
-
答案是利用performance.now()或Date.now()记录函数开始和结束时间，通过时间差监测JavaScript函数执行性能。
-
防抖是让函数在连续触发中只执行最后一次，适用于搜索框输入等场景；核心是清除前次定时器并重设新定时器，需注意this绑定、闭包隔离及引用一致性。
-
text-shadow属性通过添加阴影提升文字可读性与设计感，基本语法为text-shadow:h-offsetv-offsetblur-radiuscolor；水平与垂直偏移控制位置，模糊半径影响柔和度，颜色可选；浅色文字配深色阴影如text-shadow:1px1px2px#000增强对比，深色文字用浅色外光如text-shadow:-1px-1px1px#fff提升清晰度；使用rgba或hsla控制透明度使效果更自然；可创造发光文字如text-shadow:0010px#fff,0020px#ff0
-
应使用:enabled伪类选择实际可交互的表单控件，而非仅依赖元素名或[disabled]属性选择器；它动态反映浏览器运行时状态，适用于button、input（非hidden）、select、textarea等表单元素，不适用于div、span等非表单元素。
-
multiple属性必须显式写在<select>标签中才生效，仅设size或JS赋值无效；它是布尔属性，存在即true，无需赋值；size仅控制可见行数，与多选无关；用户需按Ctrl/Cmd或Shift键操作，且须明确提示。
-
Python默认值仅定义时求值，禁用可变对象；JS默认值每次调用求值但null不触发；TS要求默认值类型兼容且位置靠后；复杂逻辑应避免放入默认值。
-
优先用display:flow-root触发BFC清除浮动，语义清晰副作用小；兼容IE8则用::after伪元素清除；clear:both仅对紧跟浮动后的块级盒生效，遇flex/grid或inline元素即失效。
