-
掌握CSS工具需理解辅助类机制，配置模板路径避免动态拼接类名，使用safelist注册运行时类；通过主题、插件、变体定制样式，启用purge优化体积，结合@apply和组件抽象提升可维护性。
-
link标签引入print样式表必须加media="print"，否则会被当作普通CSS加载并影响渲染；常见错误包括media="screen,print"、media="all"或漏写media属性；推荐独立print.css或@mediaprint内联写法，注意@import无效及DevTools媒体模拟干扰。
-
答案：移动端fixed底部导航失效主因是视口变化和系统行为，可通过使用100dvh、监听resize事件判断键盘弹出、避免transform干扰来解决。
-
必须通过后端服务执行SQL操作。一、PHP与MySQL交互：使用PHP脚本在服务器端连接数据库，执行查询并嵌入HTML输出，避免硬编码凭证。二、Ajax调用API：前端通过JavaScript向后端API发送请求，服务端执行SQL并返回JSON数据，前端动态渲染结果。三、SQLite与JavaScript结合：利用sql.js库在浏览器中模拟SQL环境，仅适用于本地测试，不可用于生产环境。
-
Promise是JavaScript异步编程的基础设施，本质是同步执行执行器函数的状态容器，不自动触发异步；then/catch需正确配对，Promise.all全失败而allSettled可获全部结果。
-
使用HTML的table标签和rowspan、colspan属性可实现单元格合并。1.基础表格由table、tr、td、th构成；2.colspan实现横向合并，如表头跨两列；3.rowspan实现纵向合并，如姓名跨两行；4.可同时使用rowspan和colspan进行行列合并，需注意布局逻辑避免错位。掌握合并技巧可灵活设计复杂表格。
-
最直接的方式是使用CSSFlexbox布局，通过设置display:flex和flex-direction:column实现子元素垂直排列；利用justify-content控制垂直对齐、align-items控制水平对齐，并通过gap属性设置子元素间距；结合flex-grow、flex-shrink和flex-basis可灵活分配容器内空间，实现如头部-内容-底部等自适应布局；在响应式设计中，配合媒体查询切换flex-direction，可在小屏幕使用column、大屏幕切换为row，实现布局方向的灵活
-
Canvas绘图需先获取元素再调用getContext('2d')，返回null则不支持；所有图形通过路径+填充/描边实现，须调用beginPath()防复用；动画用requestAnimationFrame配合clearRect()实现流畅重绘。
-
搜狗浏览器默认支持HTML5，关键在于关闭兼容模式、禁用干扰扩展、确保documentMode为undefined，并验证media.mediasource.enabled和media.mp4.enabled均为true。
-
HTML5结构标签支持style属性但不推荐使用，因其违背语义化原则、降低可维护性、干扰CSS层叠且不利于响应式与可访问性；应优先使用class管理样式，仅在动态计算或过渡场景下谨慎使用内联style。
-
JavaScript引擎采用边解析、边优化、边执行的动态模型；var声明提升并初始化为undefined，let/const仅扫描进入TDZ而不初始化，访问未初始化绑定抛ReferenceError；V8中Ignition负责字节码解释，TurboFan对高频稳定函数优化为机器码，类型不稳定则去优化；setTimeout回调入宏任务队列，需等待当前调用栈清空及微任务执行完毕，且受浏览器最小延迟限制。
-
浮动元素会脱离文档流，导致行内元素环绕其排列，易引发布局错乱；应避免在文本段落中嵌入浮动块级元素，确保父容器为块级并合理清除浮动，或采用inline-block、Flexbox等替代方案以提升布局可控性。
-
按需加载结合预加载、共享依赖提取、条件性分割等策略可显著优化大型应用性能。通过import()实现功能模块动态加载，降低初始包体积；利用webpackPrefetch/Preload提升感知性能；SplitChunks与externals减少冗余；ModuleFederation共享依赖；根据网络、设备、权限动态加载，实现精细化控制。
-
箭头函数是ES6引入的简洁函数语法，1.省略function关键字，用=>定义，单参数可省括号，单行表达式可省return；2.无独立this，继承外层作用域this，适合回调避免绑定问题；3.不绑定arguments，需用...args获取参数；4.不能作为构造函数，不可new调用；5.无prototype属性和super支持。
-
懒加载是“用到再加载”的网页性能优化技术，核心是图片进入可视区时才加载；推荐用IntersectionObserverAPI实现，兼容方案可用节流的scroll+getBoundingClientRect；需避免影响首屏关键图并处理加载失败。
