-
多个HTML页面共享CSS应统一用根路径引入，小项目手动引入即可，大项目需构建工具集中管理；避免@import嵌套，优先用JSimport或预处理器@use；CDN引入需配integrity与本地fallback。
-
使用typeof可判断基本类型，但null会误判为"object"；Object.prototype.toString能精确识别所有内置类型；instanceof适用于检测自定义对象和继承关系；综合策略是先用typeof处理原始类型，再用toString细分对象类型，结合instanceof和null的特殊判断实现精准类型检测。
-
HTML中使用<a>标签创建超链接：1.基础文本链接通过href指定URL；2.图片链接将<img>嵌入<a>内；3.页面内锚点用id与#组合；4.新标签页打开需加target="_blank"及rel="noopenernoreferrer"；5.用CSS移除下划线并自定义样式。
-
防范XSS需实施输入验证、输出编码并启用CSP；抵御CSRF应使用Anti-CSRFToken、校验Referer/Origin头及设置SameSiteCookie属性，结合多层防护与定期测试可有效提升Web应用安全性。
-
真正可控且可比较的排序方法是传入比较函数的Array.prototype.sort()；不传参则按字符串Unicode排序，数值场景错误；(a,b)=>a-b用于数字升序，(a,b)=>b.localeCompare(a)用于多语言字符串降序，避免漏掉相等分支。
-
新手学CSS应先掌握布局和文本两大核心：布局聚焦盒子模型（display、width/height、margin/padding、position、flex）、文本侧重可读性控制（color、font-family、font-size/line-height、text-align等），配合实用技巧与动手实践。
-
优酷HTML5视频声音异常是因浏览器自动播放策略拦截，非优酷或HTML5故障；Chrome/Edge/Safari自2018年起默认静音未交互页面的有声视频，需通过插件、网站设置或用户手势触发解音。
-
响应式表格在小屏上应优先采用横向滚动而非缩放；通过父容器设overflow-x:auto和table设min-width实现基础兼容，中大屏再用媒体查询配合百分比列宽与white-space控制布局。
-
全局字体应设在html元素上以确保继承生效；字体栈需多字体兜底，中文字体前置并加引号；失效主因是选择器权重、拼写错误或本地未安装。
-
Babel插件通过操作AST实现代码转换，其核心是visitor模式遍历节点，利用pathAPI修改、删除或插入节点，结合@babel/types进行类型判断，并可通过babel-plugin-tester测试，最终发布为npm包供项目使用。
-
不算。设置box-sizing:border-box后，padding不再向外扩展元素总尺寸，而是向内压缩内容区，width和height即为最终边框外沿尺寸。
-
transition:all会降低动画性能、引发兼容性问题并增加维护成本，应仅对明确需要过渡的属性单独声明，避免在高频交互和移动端滥用。
-
HTML5本身不支持密码批量测试，因其表单提交为单次同步式，无法发起多个独立HTTP请求；批量测密码需前端JavaScript控制流程、后端API执行鉴权，并严格限流与防护。
-
原子类、scopedCSS、CSS-in-JS各有适用场景：原子类适合标准化后台系统但维护性差；scopedCSS编译期零开销但穿透滥用易导致样式冲突；CSS-in-JS解决动态样式需求但需注意SSR和性能。
-
浏览器渲染机制影响JavaScript性能，需避免频繁重排与重绘。解析HTML构建DOM，解析CSS构建CSSOM，合并生成渲染树，经布局、绘制、合成显示页面。JavaScript阻塞解析，频繁操作触发重排（如读取offsetTop）、循环修改DOM、长时间任务阻塞主线程，均降低性能。优化策略包括：批量DOM操作、避免强制同步布局、用class替换内联样式、使用requestAnimationFrame、高频事件采用防抖节流、复杂计算移至WebWorkers。配合CSS优化，优先用transform和op
