-
用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可实现非阻塞且可控的加载时机，避免页面闪动。
-
用requestAnimationFrame实现可暂停动画需维护isPaused状态，仅在非暂停时递归调用；按钮点击需禁用防连点、状态驱动文案；Canvas暂停时停渲染以定格画面；移动端应设touch-action:manipulation防默认行为。
-
下拉箭头旋转不生效的核心原因是display:none阻断过渡及transform-origin默认偏移；应改用visibility:hidden+opacity:0或max-height:0，设transform-origin:50%50%，并统一动画时序与状态同步。
-
JavaScript原型链是对象继承的核心机制，通过[[Prototype]]隐式引用逐级向上查找属性和方法，最终指向null；构造函数的prototype属性决定实例的原型，ES6class底层仍基于此机制实现继承。
-
linkrel="stylesheet"默认阻塞渲染是为了避免FOUC，确保样式确定后再渲染；可通过media属性（如media="print"）延迟非关键CSS加载，DOMContentLoaded时激活，不阻塞解析。
-
HTML5中文乱码需四步解决：一、在<head>首行添加<metacharset="UTF-8">；二、确保文件以UTF-8无BOM编码保存；三、检查服务器Content-Type响应头含charset=utf-8；四、保证meta标签前无任何非ASCII字符或空行。
