-
在HTML中引入外部CSS样式的主要方法是使用<link>标签。具体步骤如下：1.创建一个独立的CSS文件，例如styles.css，并编写所需的样式规则；2.在HTML文件的<head>部分插入<link>标签，通过rel属性指定“stylesheet”，并通过href属性指向CSS文件的路径；3.若CSS文件位于不同目录，需正确设置相对路径或绝对路径；4.避免使用@import或JavaScript动态加载等非推荐方式；5.引入多个CSS文件时，按优先级顺序添加多个
-
PostCSS通过插件化机制提升CSS开发效率，需结合构建工具配置postcss.config.js，常用插件包括autoprefixer、postcss-preset-env、cssnano等，支持按环境动态启用插件，可自定义插件实现单位校验或注入版本号，并能与Sass等预处理器协同工作，先编译再处理，最终实现高效、灵活的样式构建流程。
-
保持依赖更新并审查第三方模块，使用npmaudit和snyk扫描漏洞，锁定版本防止恶意更新；2.配置Express安全头部，移除x-powered-by，启用helmet、请求限制和速率控制；3.严格验证输入，使用Joi等工具防范SQL/NoSQL注入和XSS攻击；4.通过.env管理敏感信息，避免硬编码，生产环境使用系统变量，日志不记录密钥。
-
JavaScript控制CSS变换与过渡可通过修改style属性、切换CSS类名、使用CSS变量或WebAnimationsAPI实现，适用于动态交互、复杂编排等场景，需注意性能、事件监听和样式优先级等问题。
-
浏览器用四元组(a,b,c,d)计算选择器优先级：a为内联样式，b为ID数，c为类/属性/伪类数，d为元素/伪元素数；逐位比较，高位相等才看下一位。
-
line-height能让单行文字“看起来”垂直居中，是因为它将多余高度均分到文字上下两侧，使内容区中线与容器中线重合；但仅适用于固定高度、纯inline内容的单行文本场景。
-
overflow属性通过控制内容溢出行为提升布局与体验，其核心值包括visible、hidden、scroll和auto，可分别应对不同场景；auto最常用，能智能显示滚动条，而scroll则确保布局稳定性和可滚动提示；结合max-height、Flexbox及自定义滚动条样式，可在响应式设计中实现展开收起、表格滚动等高级功能，但需避免滥用hidden导致内容不可访问或布局问题。
-
该用<wbr>而非<br>时：<wbr>是可选换行点，仅在容器宽度不足时折行，适用于长单词、URL、代码等需防溢出但不宜强制断行的场景；<br>则强制换行，用于地址、诗行等语义必需处。
-
Babel作为JavaScript编译器，通过解析、转换和生成三阶段处理代码，其插件可自定义语法转换；利用AST和PathAPI，开发者能实现如重命名函数、移除console.log等操作，并通过注释标记扩展语法糖，结合ASTExplorer可提升开发效率。
-
减少回溯：避免嵌套量词如(a+)+，改用\d+等简洁模式；2.预编译正则：将RegExp实例提取到循环外；3.优化匹配逻辑：用具体字符范围替代.*以提升效率。
-
模板字符串是JavaScript唯一原生支持表达式嵌入、多行书写和结构化插值的字符串语法，用反引号定义，核心价值在于解决拼HTML、SQL、防XSS、i18n、日志格式化等真实痛点。
-
选择文件后自动上传可通过监听文件输入框的change事件实现，首先在HTML中添加文件输入元素并用JavaScript监听其change事件，当用户选择文件时触发上传逻辑；接着创建FormData对象并将文件添加进去以支持多部分表单提交；然后使用XMLHttpRequest或FetchAPI发送异步请求，前者可精确控制上传过程并监听进度，后者提供更现代的Promise接口，在发送请求时无需手动设置Content-Type，由浏览器自动处理边界字符串，最终实现选中文件后自动上传功能。
-
使用伪类:after清除浮动可解决父容器高度塌陷问题。通过为.clearfix:after设置content:""、display:block和clear:both等样式，生成虚拟节点闭合浮动，无需添加额外HTML标签，配合*zoom:1兼容IE，适用于多栏布局、文字环绕等场景。
-
最主流方案是PurgeCSS（含Tailwind内置Purge），在构建时扫描源码类名并剔除未引用CSS；支持Vite、Webpack、Next.js等工具链，需正确配置content路径、safelist及extractor以避免误删。
-
使用Flexbox实现div在视口内绝对居中，只需将body设为flex容器并设置justify-content和align-items为center，同时确保其高度为100vh并清除默认margin。
