-
JavaScript中函数是一等公民，因其可赋值、传参、返回、动态创建并存储于数据结构中；支持高阶函数、闭包及实际工程中的中间件链、HOC和Redux等模式。
-
ElementUI可通过完整引入和按需引入两种方式导入，完整引入通过CDN链接CSS和JS文件，使用方便但影响性能；按需引入需安装babel-plugin-component并配置Babel，仅引入所需组件以优化加载速度。
-
直接改#hex或rgb()难调出理想效果，因其不直观表达色相、饱和度、亮度变化；而hsl()按人眼敏感的HSL维度组织，可精准微调饱和度（s%）和亮度（l%）快速优化背景。
-
伪元素未渲染的首要原因是未设置content属性；必须显式声明content（如""或""），且需确保字体加载、父元素可见、定位与层叠上下文正确，否则无法进入渲染树。
-
本文介绍一种基于CSSGrid的现代方案，替代传统绝对定位，使叠加在视频上的文本能自然换行、响应式居中，同时保持语义清晰与样式可控。
-
使用CSS变量统一管理主题色，通过:root定义并结合JavaScript动态切换，或利用class、Sass、CSS-in-JS及UI框架实现多主题支持，提升维护效率与体验一致性。
-
CSS样式优先级由!important、来源和选择器特异性三者共同决定；行内样式最高，其次为style标签、.css文件、浏览器默认样式；同源时比特异性（ID=100、类=10、元素=1）；!important仅限同类型来源间生效，且不可继承。
-
<p>PostCSS是一个通过JavaScript转换CSS的工具，利用插件如Autoprefixer自动添加浏览器前缀；它基于AST解析，支持未来CSS特性、压缩格式化及错误检测；Autoprefixer依据CanIUse数据库和项目中browserslist配置的目标浏览器范围，自动为需兼容的属性添加-webkit-、-moz-等前缀；通过安装postcss和autoprefixer，创建postcss.config.js引入插件，并在package.json中设置browserslist
-
实现CSS响应式轮播图的关键是设置宽度100%的自适应容器，配合max-width限制和overflow:hidden；图片使用width:100%、height:auto保持比例，或object-fit:cover在固定高度下裁剪填充；通过媒体查询调整不同屏幕下的高度；结合flex布局与flex-shrink:0防止压缩，确保各设备上轮播显示稳定美观。
-
ChromeDevToolsLayout面板直观展示元素content（蓝）、padding（绿）、border（橙）、margin（灰）的实际渲染尺寸，悬停可查看数值，但不显示outline和box-shadow等视觉干扰项。
-
SVG缩放由viewBox、width/height和preserveAspectRatio共同决定；缺viewBox会导致像素拉伸失真，preserveAspectRatio控制对齐与裁剪，响应式推荐用height="auto"或CSSaspect-ratio锁定容器比例。
-
使用word-wrap和white-space属性可实现HTML文本自动换行，1.word-wrap:break-word强制长单词断行；2.white-space:pre-wrap保留换行符并允许自动换行；3.推荐组合使用word-wrap、overflow-wrap和pre-wrap处理用户输入内容，避免布局溢出。
-
Math.random()生成[0,1)浮点数，需配合Math.floor等取整；无原生随机整数方法；非密码学安全；不可设种子；安全场景须用cryptoAPI。
-
移动端适配需结合视口控制、DPR识别与rem动态布局，通过JavaScript监听屏幕变化并协同CSS媒体查询，实现跨设备响应；利用touch事件优化交互体验。
-
卡片组件通过CSS动画可实现悬停放大、3D翻转等交互效果，提升用户体验。
