-
由于浏览器安全限制，JavaScript无法通过getComputedStyle()获取:visited伪类中修改的CSS变量值，且CSS变量本身也不允许在:visited规则中声明——这是为防止历史访问信息泄露而强制实施的隐私保护机制。
-
base标签通过定义基准URL统一管理HTML文档中的相对路径，简化资源引用并支持多环境部署，其href属性直接影响相对路径解析和SEO，需确保指向规范URL以避免爬虫解析错误和重复内容问题，使用时应结合中心化配置与自动化构建流程，防止路径混乱和兼容性风险。
-
常见的轻量CSS框架核心特点是体积小（通常仅几KB），专注基础样式与实用工具类，无冗余组件，加载快，易定制，适合性能敏感或渐进增强项目。
-
下拉刷新可通过四种方法实现：一、原生touch事件监听手势；二、IntersectionObserver检测顶部锚点可见性；三、CSSscroll-timeline驱动动画；四、ResizeObserver适配动态容器。
-
Symbol是JavaScript原生原始类型，每次调用Symbol()都返回全新且不相等的值，因其不可复现性天然适合作为对象唯一键，避免属性名冲突。
-
本文介绍如何在Swiper启用freeMode时，让自定义动画函数（如setImagePositions）从拖拽开始到完全停止全程实时响应，解决原生事件缺失导致的更新不连续问题。
-
RRGGBB最稳妥，全浏览器兼容且无歧义；rgb()/rgba()适合动态计算与透明控制；hsl()/hsla()便于调色逻辑；color()/lab()兼容性差，仅限实验。
-
通过结合CSS颜色表示与媒体查询，可实现多环境适配的响应式设计。首先使用CSS变量定义基础颜色，再利用@media(prefers-color-scheme:dark)切换暗色模式配色，提升视觉舒适度；针对不同屏幕宽度调整颜色对比度，增强小屏可读性；通过(color-gamut:wide)适配高色域设备，优化色彩表现。同时推荐使用HSL或RGBA格式便于调整，并避免纯黑背景以减少疲劳。最终构建统一、灵活且包容性强的配色系统，提升跨设备用户体验。
-
CSS框架不是逃避设计，而是将“如何让页面不难看”的高门槛问题转化为“如何选对组件、填对class”的可查文档问题；它封装了经验证的视觉决策（如圆角、阴影），提供响应式支持，并需理解class职责边界、渐进调试与合理定制。
-
flex-basis是解决Flex子项比例失效的关键，它明确弹性计算起点；设为0配合flex-grow可实现严格比例分配，比width更可靠，且需配合min/max-width防止异常。
-
margin属性在CSS中的用法和技巧包括：1.控制元素间距，如p{margin-bottom:20px;}。2.实现自动居中，如div{width:800px;margin:0auto;}。3.理解外边距重叠，如两个段落的margin-bottom和margin-top会重叠。4.使用负margin值调整布局，如.element{margin-left:-10px;}。5.性能优化建议避免使用百分比单位的margin。6.保持margin和padding的一致性以提高CSS代码的可维护性。
-
正则表达式是匹配字符串模式的工具，由模式和修饰符（如g、i、m）组成，JS支持字面量和RegExp构造函数两种创建方式，并提供match、replace、test等方法用于文本处理。
-
JavaScript是网页的执行引擎，通过事件监听实现用户交互即时响应；需避免执行时机错误和主线程阻塞，合理使用defer、节流、WebWorker等优化手段。
-
Webpack是一个静态模块打包器，解决项目中分散的import/require依赖解析、转换与输出问题；它不处理逻辑，只负责依赖图构建、模块转换和文件生成。
-
答案：JavaScript中实现数字千分位格式化常用toLocaleString()和正则表达式。toLocaleString()支持国际化与小数控制，适合多数场景；正则方式灵活自定义分隔符，适用于需脱离语言环境的定制需求。
