-
CSS文件增多导致维护困难的核心原因是样式作用域混乱与全局污染，应采用CSSModules按组件拆分并统一入口导入，配合CSS自定义属性管理主题变量，避免原子类滥用。
-
TreeShaking是一种通过静态分析剔除未使用代码的构建优化技术，应用于Webpack、Rollup和Vite等工具，依赖ES6模块的静态结构，在打包时移除“死代码”，减小文件体积。其原理是基于AST分析import/export依赖关系，从入口文件标记并保留被引用的代码，删除未使用的导出。为确保生效，应使用ES6模块语法，避免副作用，并在package.json中设置"sideEffects":false或指定必要文件。需注意它不支持CommonJS模块，且生产模式下才完全启用，开发环境通常保留全部
-
使用Animate.css可快速实现CSS淡入淡出动画。1.通过CDN或npm引入库；2.为元素添加animate__animated和animate__fadeIn实现淡入；3.使用animate__fadeOut实现淡出；4.结合JavaScript动态控制动画触发，监听animationend事件避免重复触发，适用于快速开发场景。
-
本文详解如何用原生JavaScript实现基于下拉选择的语言切换功能，解决因HTML结构错误（如在<select>中嵌套<ul><li>）和逻辑冗余导致的DOM显示异常问题，并提供可扩展、易维护的现代实现方案。
-
动态添加的HTML元素在表单提交后立即消失，根本原因是表单默认提交行为导致页面刷新，且DD元素未正确追加文本节点。本文详解修复方法：阻止默认提交+修正DOM构建逻辑。
-
是的，多个<link>标签会拖慢页面，尤其在HTTP/1.1下引发连接排队与渲染阻塞；HTTP/2虽缓解但仍有开销；弱网下小文件丢包率更高；应合并通用样式、响应式CSS及稳定preload资源，但第三方库、按路由异步样式及关键内联CSS除外；推荐构建时自动合并并确保缓存校验准确。
-
答案：在HTML中运行JavaScript需使用<script>标签，可内联编写或通过src引入外部.js文件；推荐将脚本放在</body>前或使用DOMContentLoaded事件确保DOM加载完成；注意检查语法错误、文件路径及执行时机以避免常见问题。
-
闭包是指函数能访问并记住外部作用域变量，即使外层函数已执行完毕。如inner函数持续引用outer中的count，实现私有变量、事件回调数据保持、函数工厂等场景，但也需注意内存泄漏问题。
-
注册表单需用<form>配method="POST"和action，所有<input>必须有name属性，type="email"/"password"提升体验，required/pattern仅作前端校验，后端验证不可替代。
-
HTML5本身无内置地图组件，点击图标展示图片需依赖JavaScript+第三方地图SDK（如高德）；用<map><area>仅支持静态图像映射，无法动态展示图片。
-
JavaScript中的类型转换分为隐式和显式两类：隐式由引擎自动触发（如==、+运算），规则复杂易出错；显式由开发者明确调用（如Number()、String()），意图清晰、可控性强；推荐优先使用===和显式转换以提升代码安全性与可维护性。
-
不能直接控制——animation-delay仅推迟动画开始时间，起始位置由@keyframes的0%帧中transform:translateX()值决定，如0%{transform:translateX(100%)}实现从右侧开始滚动。
-
HTML5中audio.play()需用户手势触发且满足三条件：readyState为4、networkState为1、未被暂停；动态插入需load()并监听canplay，移动端更严格。
-
<dialog>元素必须调用showModal()或show()才能显示，其open属性为只读，手动添加仅触发初始显示但丧失模态能力；showModal()实现真正模态（禁背景交互、支持Esc/点击backdrop关闭），show()为非模态；关闭须调用close()，不可仅操作open属性；Safari15.4前不支持showModal()，需运行时检测并降级；点击backdrop关闭需手动监听dialog的click事件并判断e.target===dialog。
-
<p>默认box-sizing为content-box，width/height不含padding和border，导致元素实际尺寸变大；改用border-box可解决，并建议全局设置*{box-sizing:border-box;}。</p>
