-
iOS上DeviceOrientation不准的主因是未开启“MotionCalibration&Distance”系统服务，而非陀螺仪硬件故障；该服务默认常关闭，需手动启用，并配合平放静止、缓慢旋转等动作诱导系统重融合，且CIT校准后须重启Safari才生效。
-
DOM是浏览器解析HTML后生成的内存中对象树，每个节点对应可编程JS对象，不等于原始HTML字符串；获取元素优先用getElementById、querySelector、querySelectorAll；修改内容用textContent或innerHTML，属性用点号或setAttribute，样式用className或classList；事件需确保DOM就绪，动态元素用事件委托。
-
本文介绍如何在Webpack5中通过多入口配置与HtmlWebpackPlugin精确控制不同HTML文件所加载的JS资源，实现“1.html加载main.js和123.js，2.html仅加载main.js”的按需打包需求。
-
Proxy的核心用途是提供钩子机制以精准控制特定行为，其能力取决于handler函数，适用于细粒度干预、调试辅助、不可变封装和API边界控制。
-
使用a:visited伪类可改变已访问链接颜色，需按LVHA顺序定义link、visited、hover、active状态，且受限于隐私保护，仅允许修改color等少数属性。
-
用background-position滑动渐变实现颜色过渡动画最稳定，需设background-size为200%且避免简写；多层opacity切换适合硬切多阶段渐变；GPU加速和属性拆分是流畅关键。
-
CSS选择器的功能包括基本选择、属性选择、位置选择和状态选择。1.类型选择器如div、p直接选择元素。2.类和ID选择器通过.和#加名称精确定位。3.属性选择器如input[type="text"]根据属性值选择。4.后代和子选择器如divp和div>p选择特定位置的元素。5.伪类和伪元素选择器如:hover和::before根据交互状态或插入内容选择。通过这些选择器，我们可以灵活控制网页元素的样式。
-
本文详解在原生JavaScript和jQuery中正确获取<select>下拉框当前选中值的方法，指出常见错误（如误用:selected在非<option>上），并提供可靠、可复用的代码示例。
-
float布局已过时，易致父容器塌陷和错位，仅限IE8及以下兼容；现代推荐flex（两行代码实现两栏）或grid（适合复杂嵌套）。
-
实时通信可通过WebSocket、Socket.IO、SSE和长轮询实现；WebSocket提供全双工通信，Socket.IO增强兼容与功能，SSE支持服务端单向推送，长轮询用于低兼容环境，按需选择可构建高效交互应用。
-
怎么组织CSS文件结构才不会后期乱成一锅粥靠目录层级硬分base和component不够，关键在引用顺序和作用域控制。很多人把文件夹建好了，结果button.css里又写了个.header，或者base.css里偷偷加了媒体查询，最后样式打架、覆盖难查。base只放重置、变量、工具类（如.sr-only、.visually-hidden）、基础排版规则（h1–h6、p、ul默认间距）component每个文件只负责一个UI单元，文件名和最外层选择器必须一致，比如
-
HTML列表关键在语义与嵌套规则：ul用于无序内容（如导航），ol用于有序内容（如步骤）；li不可省略且须正确嵌套；嵌套建议≤3层，避免语义错误与可访问性问题。
-
使用HTML5的<dialog>元素可创建模态框，原生支持showModal()和close()方法。2.结构包含标题、内容与按钮，通过JavaScript控制显示隐藏。3.可自定义CSS优化样式，现代浏览器推荐使用。
-
JavaScript中this指向由调用方式决定：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无this，继承外层词法作用域的this。
-
使用preload+onload是推荐的异步加载CSS方案，通过rel="preload"高优先级下载不阻塞渲染，在onload时改为rel="stylesheet"启用样式，结合动态创建link可实现非阻塞且可控的加载时机，避免页面闪动。
