-
HTML标准制定不接受个人直接向WHATWGhtml仓库提PR，因该仓库仅限编辑手动合并变更；参与路径为：在whatwg/html开issue讨论问题、贡献WebPlatformTests（WPT）用例、关注关联仓库如whatwg/url和html-build。
-
本文详解如何将仅适配桌面的HTML/CSS页面改造为真正的响应式布局，涵盖移动优先原则、媒体查询实战、网格系统优化及常见陷阱规避，助初学者快速掌握跨设备兼容核心技能。
-
JavaScript的Date对象获取的是用户本地设备时间，不依赖服务器；需用JS执行渲染，推荐toLocaleDateString()自动适配区域格式，固定格式用getFullYear()等组合补零；脚本应置于</body>前或加defer；设备时间不准会导致显示错误，强依赖场景须调用服务端时间戳。
-
Object.prototype.toString是最可靠、跨环境的类型检测方式，能精准区分内置对象类型；typeof对引用类型返回"object"无法细粒度区分，instanceof在多全局环境失效；需用call/apply绑定目标值，封装为getType可提取类型标识符，支持ES6+新类型及Symbol.toStringTag自定义。
-
构建时注入环境变量控制CSS行为，Vite通过define传入Sass变量并用@if条件编译，Webpack配合DefinePlugin与sass-resources-loader实现；CDN路径须由JS动态加载或CSS变量管理，禁用运行时JS切换以防FOUC和SSR不一致。
-
返回顶部功能需用window.scrollTo({top:0,behavior:'smooth'})，确保顶部有id="top"元素、链接href为#top、JS中调用event.preventDefault()；按钮显隐应requestAnimationFrame节流并用display控制，避免iOS兼容问题。
-
核心是通过抽象接口、运行时注入和工厂模式实现跨平台：定义Toast/Storage/Router等平台无关接口，各平台提供具体实现并由工厂注册，启动时注入全局上下文，组件无感调用，支持动态切换与灰度验证。
-
::first-line仅作用于块级容器渲染后的视觉首行，不支持前N字或语义首句；失效主因是父容器为flex/grid/table、首行含内联元素/空格/零宽字符、目标非块级元素或使用单冒号；仅支持color、font-size等文本属性，禁用margin/padding等布局属性。
-
响应式设计通过媒体查询与百分比布局适配多设备。1.使用@media按屏幕宽度设断点，如手机≤768px、平板769-1024px、桌面≥1025px；2.采用百分比宽度与max-width:100%实现弹性容器；3.结合flexbox，默认row布局，小屏用媒体查询切换为column；4.遵循移动优先原则，基础样式面向手机，通过min-width逐步增强大屏显示，提升性能与维护性。
-
RSA-OAEP+AES-GCM混合加密是当前Web端最可行方案，因RSA-OAEP有长度限制（2048位密钥仅支持约214字节），无法加密长消息，而AES-GCM负责主体加密、RSA-OAEP加密临时密钥，兼顾效率与兼容性。
-
推荐Chart.js——轻量（<70KB）、无需后端、仅依赖原生canvas，正确做法是确保canvas存在后再初始化，避免DOM未加载导致getContext报错。
-
JavaScript函数式编程以纯函数为核心，强调确定性（相同输入必得相同输出）和无副作用（不修改外部状态、不触发I/O），从而保障可缓存性、可测试性与可组合性；副作用需显式隔离于逻辑层之外。
-
HTML5缩放依赖CSStransform:scale()，需配合transition或@keyframes实现动画；Canvas中须用ctx.scale()在绘图层缩放，避免CSS拉伸模糊。
-
Flash被移除是浏览器集体淘汰私有插件，非HTML5不支持；其替代方案包括video/audio标签、Canvas+JS、WebAssembly等。
-
LLVMFunctionPass无法全自动安全剔除DeadCode，因其仅能识别最简单无用指令，无法判定动态调用、函数指针、反射、宏展开等场景；实际可行路径是标准优化+静态检测工具定位+人工确认删除。
