-
双击打开HTML文件不生效是因file://协议触发浏览器安全策略，禁用fetch等API；应使用LiveServer或http-server启动本地服务。
-
CSS3D效果无需WebGL，主要通过CSS的transform属性及其3D相关函数实现。1.使用perspective定义观察者与3D平面的距离，为子元素创建共同的3D透视空间；2.transform-style:preserve-3d让元素及其子元素在三维空间中渲染；3.translate3d沿X、Y、Z轴移动元素，translateZ直接制造深度感；4.rotate3d围绕任意3D向量旋转元素，常用rotateX、rotateY、rotateZ实现翻转效果；5.scale3d沿X、Y、Z轴缩放元素，
-
<mark>的语义是标出与上下文相关的文本，非单纯视觉高亮；须嵌套于有意义的上下文中，确保可访问性与CSS对比度达标，不可替代<span>作装饰用。
-
本文介绍一种基于fieldset与CSS的优雅方案，利用disabled属性联动控制表单区域显隐与可交互性，确保用户在切换radio选项时输入内容不丢失、逻辑状态始终一致。
-
使用记事本编写HTML代码并保存为.html文件，选择“所有文件”类型和UTF-8编码；2.双击文件用浏览器打开查看效果；3.修改时右键用记事本重新编辑并保存，刷新页面即可。关键注意扩展名和文件类型设置。
-
可选链操作符?.是用于安全访问深层嵌套属性、可能为空的对象方法及数组索引的语法，遇null/undefined即返回undefined；??则用于null/undefined时的默认值兜底，二者职责分明且常组合使用。
-
wkhtmltopdf是生成可搜索PDF最可靠方案，因其基于WebKit将HTML标签转为矢量文本图层，支持复制、搜索与屏幕阅读；需加--enable-local-file-access参数并指定中文字体如NotoSansCJKSC。
-
JavaScript高频实用设计模式约七八种：创建型（工厂、单例、构造函数+原型）、结构型（适配器、装饰器、代理）、行为型（观察者/发布-订阅、策略、状态），用于解决代码组织、复用与可维护性问题。
-
flex菜单小屏不收缩的主因是未在媒体查询中重置flex-direction为column；需配合flex-wrap:wrap（仅row有效）、避免伪类触发、用JS重置checkbox状态、优先min-width断点、禁用height过渡而改用transformscaleY动画，并确保viewportwidth与断点匹配。
-
现代CSS提供:is()和:where()扁平化嵌套选择器，前者继承最高权重，后者恒为0权重；CSS变量应语义化、局部化声明；all:revert可隔离第三方样式；@layer管理层叠顺序而非命名冲突。
-
Prettierv2.0+原生支持CSS，但需扩展名匹配且未被忽略或覆盖；执行npxprettier--parsercss--check可验证识别。
-
表单防重复提交需三重保障：前端禁用按钮防误点、fetch+AbortController中止并发请求、服务端幂等性校验（如idempotency-key）。三者缺一不可，仅前端限制不可靠。
-
HTML中font-size最可靠方式是CSS属性而非废弃的<font>标签；推荐使用rem单位配合viewport设置和根元素重置，兼顾响应式与可访问性，并注意font-size-adjust等属性优化多字体渲染一致性。
-
Firefox自2020年起彻底禁用document.execCommand，调用即抛TypeError错误；替代方案为手动DOM操作或使用tiptap、slate等编辑器库，加粗和插入链接需自行创建strong/a元素并操作选区。
-
最稳妥的位置是</body>前——此时HTML已解析完，document.getElementById才不会返回null；放<head>需加defer或用DOMContentLoaded包裹，外链脚本更利于缓存与维护。
