-
直接写input,select,textarea{...}会因浏览器默认样式差异大、伪元素遗漏、可访问性破坏及影响自定义组件而引发问题；应分类型重置、保留焦点样式、用带前缀的appearance:none并限定作用域。
-
HTML模板优化核心是避免解析阻塞：script须加defer/async，关键CSS内联且≤14KB，首屏图用loading="eager"，非首屏用loading="lazy"，精简结构并启用Gzip/Brotli压缩。
-
translate3d(0,0,0)比translateZ(0)更稳，因老内核对其支持更完整；但需配合backface-visibility:hidden、避免父容器干扰及禁用内部overflow等组合使用才真正有效。
-
动态导入import()是代码分割核心，需配合Webpack/Vite等工具、React.lazy+Suspense、SplitChunksPlugin及import.meta.preload等实现按需加载与优化。
-
使用JavaScript实现无限滚动可以通过监听滚动事件并在接近页面底部时加载更多内容来实现。具体步骤包括：1.监听滚动事件，判断是否接近页面底部；2.使用fetchAPI加载更多内容并添加到页面；3.实现图片懒加载以优化性能；4.使用节流技术防止频繁触发滚动事件；5.考虑虚拟滚动以处理超大数据集，确保只渲染当前视图中的内容。
-
定位元素的布局受父元素影响，关键在于包含块和已定位祖先。1.包含块由最近的已定位（relative、absolute、fixed、sticky）祖先决定，若无则相对根元素。2.父元素设为relative可作为子元素定位参考，不脱离文档流。3.absolute元素脱离文档流，相对于最近的非static定位祖先定位，偏移从内容区或border-box计算。4.fixed元素相对视口定位，通常不受父级影响；sticky元素依赖父容器滚动生效，需足够高度触发粘性。掌握这些机制可实现精准布局控制。
-
不支持SRI的浏览器直接忽略integrity属性，资源照常加载执行，既不校验也不报错；老版本IE、Android4.4及更早WebView等完全不识别该属性。
-
使用position:sticky可实现侧边栏固定布局，通过将侧边栏和主内容置于同一父容器中，设置父容器高度及滚动属性，侧边栏添加sticky定位并指定top值，确保在滚动时保持吸附效果；当内容高度不足时，可设置min-height或结合JavaScript调整行为，需注意避免父元素overflow:hidden以保证兼容性，该方法在现代浏览器中表现良好且无需脱离文档流。
-
JavaScript递归无语言级深度限制但受调用栈物理上限约束，需主动设防：运行时深度守卫、显式栈替代、微任务切片、Node.js栈空间加固。
-
使用PyCharm运行多HTML文件夹可通过四种方法：一、右键单个HTML文件选择OpeninBrowser预览；二、在终端执行python-mhttp.server8000启动本地服务器，浏览器访问http://localhost:8000查看整个文件夹；三、安装LiveServer插件，右键HTML文件启动服务并实现保存自动刷新；四、配置ExternalTools添加自定义命令如Python或Node.js服务器脚本，工作目录设为$ProjectFileDir$，通过Tools菜单一键启动。
-
原型链的本质是对象的proto指向其构造函数的prototype；它基于[[Prototype]]内部属性实现动态属性查找，以Object.create()构建更安全，class只是语法糖，核心仍是原型继承。
-
Temporal.Duration无法处理夏令时，必须配合Temporal.ZonedDateTime使用；因Duration是纯线性运算、不感知时区，而ZonedDateTime调用add()时会查IANA数据库自动应用DST偏移。
-
最稳妥的多级导航实现是语义化嵌套<ul><li>，子菜单为<li>内嵌<ul>，配合:hover显示、position:relative/absolute精确定位，并通过JS支持移动端点击及aria属性保障无障碍访问。
-
不建议律所网站首页用纯HTML写，因其难以维护更新；律师页需用语义化标签和含关键词的alt描述提升SEO；服务列表应简洁专业，避免花哨动效；联系表单须用后端代理或第三方服务，禁用mailto。
-
状态机模式重构前端异步交互，核心是将“何时做、做完去哪、出错如何退”提炼为清晰可测的状态转换图；典型WiFi配网状态含idle、scanning、connecting、connected、error；状态名用名词、禁手动赋值、事件驱动迁移；副作用隔离于invoke中，错误统一收口至error状态；配合XState工具链实现可视化、类型安全与跨框架复用。
