-
::-webkit-scrollbar仅在WebKit/Blink内核浏览器生效，Firefox等不支持；需配合track、thumb等伪元素使用，且容器必须有overflow滚动行为；跨浏览器一致需JavaScript方案。
-
JavaScript安全需综合防范XSS、CSRF、数据泄露及第三方库风险，通过输入转义、CSP策略、CSRFToken、HttpOnlyCookie和依赖审计等措施可有效提升Web应用安全性。
-
使用@font-face引入字体需确保CORS允许、显式设置font-display（推荐swap）、回退字体栈按平台分组声明、避免强制同步布局，并注意多语言混合排版的字体闪动问题。
-
本文详解如何在SVG路径描边动画（stroke-dasharray+stroke-dashoffset）完成后，精准触发白色填充（fill），解决因fill属性被stroke覆盖、动画时序冲突或CSS优先级导致的“动画结束但文字未变白”问题。
-
@content是响应式mixin的关键，因为它使mixin能作为样式容器接收并嵌入调用处的CSS块到@media中，避免重复书写断点或字符串拼接，确保嵌套上下文正确、编译期展开且无运行时开销。
-
transform-origin默认值50%50%并非总指向视觉中心，因计算依赖元素宽高及盒模型；需显式设为centercenter、配合display:block和box-sizing:border-box，并避免与translate混用。
-
模板字符串用反引号包裹，支持多行和${expression}插值，可嵌入变量、运算、函数调用；需注意空格污染、语法错误及高频拼接性能问题。
-
flex-grow:0表示不扩展，保持内容或设定宽度，如item-a保持100px；flex-grow:1表示扩展并分配剩余空间，如item-b占据400px；两者结合可实现固定与自适应布局。
-
background-image在高DPI屏上发虚主因是浏览器默认双线性插值缩放，解决关键在于匹配图片分辨率与容器尺寸、用image-rendering控制重采样方式，并在图像导出阶段启用锐化。
-
答案：::first-letter和::first-line可分别设置段落首字母和首行样式，组合使用实现首字下沉、首行斜体等排版效果。前者用于放大、浮动首字母，后者可使首行变色或倾斜，需应用于块级元素，注意中文首字符可能为汉字或标点，合理搭配提升文本视觉层次。
-
JavaScript可直接在浏览器控制台运行，无需配置环境；首个小项目是点击切换“未完成”/“已完成”文字，需用textContent而非innerHTML，script应置于</body>前或用DOMContentLoaded确保DOM加载完成。
-
手机访问HTML5应用无需下载安装，可通过五种方式实现：一、用Chrome等浏览器直接输入网址运行；二、下载HTML页面离线查看；三、将PWA站点添加到主屏幕；四、用WebView容器App加载本地文件；五、扫描二维码快速跳转。
-
事件循环是JavaScript异步非阻塞执行的核心机制，由运行环境实现：浏览器采用“宏任务→全部微任务→渲染”节拍，Node.js基于libuv分6阶段且每阶段后检查微任务，并独有process.nextTick（最高优先级）和setImmediate。
-
最常用可靠的方式是父级容器加后代选择器限定作用范围：先为区域外层元素添加唯一类名或ID，再用空格连接后代元素写样式，注意优先级无需!important，进阶可用CSS变量统一控制主题。
-
前端监控通过JavaScript捕获性能、错误、用户行为和API请求等核心数据，利用window.onerror、unhandledrejection、PerformanceObserver、NavigationTiming等API实现全面监控，并结合上下文信息通过sendBeacon上报，以快速定位问题、优化用户体验。
