-
怎么组织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字符或空行。
-
border-radius属性可设置元素圆角，支持统一、分角、椭圆及单独控制，用于美化按钮、图片等。
-
absolute定位的参考点是最近的已定位祖先元素，否则为初始包含块；常见失效原因包括父元素高度为0、overflow隐藏、非祖先关系或position被覆盖。
-
不能；padding-bottom和margin-bottom无法实现视觉等高，因不改变盒模型高度计算，且在flex/grid中失效，仅在旧float布局中偶然有效。
-
height:auto无法过渡导致跳动，因浏览器无法计算具体像素值；应改用max-height过渡，设为0→足够大值（如500px）并配合overflow:hidden；动态高度可用JS读取scrollHeight实现自动适配。
-
微博HTML5版（m.weibo.cn）无字体设置入口，因其前端强制控制样式、硬编码字体族并动态计算字号；可行优化仅限客户端层面的页面缩放、系统字体调节或浏览器插件注入CSS。
