-
小屏幕滚动条异常主因是布局未适配移动端，导致内容溢出或高度计算错误。1.使用min-height:100%替代100vh，避免固定高度超出视口；2.显式设置需滚动区域overflow-y:auto；3.采用Flex或Grid布局分配空间，如flex:1占满剩余区域；4.避免多层容器同时设overflow引发冲突；5.针对iOSSafari特殊处理，用JS动态计算--vh变量修正可视高度；6.确保body/html不超视口，滚动仅限指定子区域。通过合理布局与溢出控制可解决绝大多数问题。
-
最直接设置文字颜色透明度的方式是用rgba()函数而非opacity属性。rgba由红、绿、蓝及alpha（0–1）组成，仅影响颜色本身，不改变元素其他样式；opacity则会使整个元素及其子元素一同变透明。
-
捕获阶段事件从最外层向下传播至目标元素，可通过addEventListener第三参数true在捕获阶段处理；2.目标阶段事件到达绑定元素，event.target指向触发元素；3.冒泡阶段事件从目标向上逐层传递，多数事件默认冒泡，监听器默认在此阶段触发。理解三阶段有助于控制事件流，如阻止冒泡或捕获阶段拦截。
-
JavaScript中的赋值运算符包括基本赋值=、复合赋值如+=、-=、*=、/=等，用于简化运算并赋值，以及ES6解构赋值，如[x,y]=[1,2]和{name,age}={name:'Tom',age:25}。
-
grid-auto-flow用于控制网格项的排列方向和自动布局行为，其取值包括row（默认，按行填充）、column（按列填充）、rowdense和columndense（启用稠密算法填补空隙）。当未明确指定项目位置时，浏览器按此属性自动放置项目。例如设置grid-auto-flow:row，项目从左到右逐行排列；设为column则自上而下填满列后再进下一列；启用dense可让后续小项目回填前面留下的空白，提升空间利用率，但可能打乱视觉顺序，影响可访问性。实际应用中，row适合横向布局，column适用于
-
答案：字体图标不显示主因是路径错误、CSS未加载、格式兼容性或类名错误。需检查@font-face路径是否正确，确认CSS文件通过link引入且无404，使用正确类名如iconfonticon-home，并确保服务器配置woff/ttf的MIME类型及CORS允许跨域，建议用本地服务器调试。
-
答案：设计可扩展JavaScript状态库需从基础状态与变更机制出发，通过state、mutations和commit实现数据源唯一与响应式更新；引入actions处理异步逻辑，并构建中间件系统支持日志、调试等功能，形成链式dispatch调用；支持模块化与命名空间，递归注册子模块并实现动态注册与卸载，确保mutation和action按命名空间正确路由；提供插件接口use(plugin)，允许生态扩展如持久化、时间旅行等，核心在于解耦、模块化与开放接口，保证状态可预测与流程可介入。
-
Web组件通过CustomElements和ShadowDOM实现可重用、样式隔离的自定义元素。1.CustomElements允许创建带JavaScript类的自定义HTML标签，使用customElements.define()注册，标签名需含短横线；2.ShadowDOM提供隔离DOM树，通过attachShadow({mode:'open'})创建，确保内部CSS与外部互不干扰；3.两者结合可构建高度封装的独立组件，适用于设计系统、嵌入式小工具等场景，且需注意事件重定向和选择器作用域问题。
-
动画加载闪一下的本质原因是初始状态未显式声明，导致浏览器按默认值渲染，与动画0%帧不一致；需用animation-fill-mode:both配合明确定义的0%关键帧，或采用CSS类+JS控制初始状态。
-
require是CommonJS运行时动态加载，import是ESM编译时静态解析；二者不可混用，选择取决于环境、工具链和项目规范。
-
JavaScript条件语句包括if、if...else和if...elseif...else三种结构，分别用于单条件判断、二选一及多分支选择，需注意条件顺序、括号与花括号使用规范及真假值判定规则。
-
JavaScript操作XML主要用DOMParser解析字符串为DOM对象、XMLSerializer序列化回字符串，并配合DOMAPI查询修改；现代浏览器原生支持，无需额外库。
-
使用float和margin可实现图文混排。将img设置为float:left或right使文字环绕，通过margin调整间距，避免文字贴边；为防止布局错乱，需用clear:both清除浮动，推荐使用.container::after伪类清除，确保父容器高度正常，布局稳定。
-
JavaScript与GraphQL结合提供高效灵活的API开发方案，通过ApolloServer快速构建后端服务，前端使用ApolloClient简化数据获取，配合TypeScript提升类型安全，利用缓存和DataLoader优化性能，适合现代应用从原型到生产的全周期开发。
-
CSS径向渐变用radial-gradient()实现，至少需两个颜色，可指定形状（circle/ellipse）、尺寸（如farthest-corner）和位置（atxy），支持多色与色标控制，现代浏览器均兼容。
