-
BigInt是JavaScript中用于精确表示任意精度整数的原始类型，解决Number类型超出9007199254740991后精度丢失问题；需用后缀n或BigInt()创建，不支持小数、Math方法及JSON序列化，运算需同类型，ES2020起支持。
-
实现HTML区块元素水平居中的五种方法：一、margin:0auto配固定宽度；二、父容器display:flex加justify-content:center；三、绝对定位left:50%加transform:translateX(-50%)；四、父容器text-align:center配子元素display:inline-block；五、父容器display:grid加place-items:center。
-
使用@font-face引入字体需确保CORS允许、显式设置font-display（推荐swap）、回退字体栈按平台分组声明、避免强制同步布局，并注意多语言混合排版的字体闪动问题。
-
捕获组通过()保存匹配内容，命名捕获组使用?<name>提升可读性；2.零宽断言匹配位置而非字符，包括正向/负向先行和后行断言；3.贪婪匹配尽可能多字符，懒惰模式加?以减少匹配量；4.JS正则不支持递归但可模拟简单嵌套，复杂结构建议用解析器。掌握这些模式可提升字符串处理效率与精度。
-
本文详解如何利用CSSFlexbox的justify-content与align-items实现SVG图标在固定尺寸矩形中的水平垂直居中（尤其适用于左对齐布局），并提供可直接运行的完整HTML/CSS示例及关键注意事项。
-
<p>HTML5注释须用<!--...-->语法，禁用代码或添加说明；不可在标签内嵌注释，避免--序列；编辑器快捷键可快速注释；禁用//或//等非HTML注释格式。</p>
-
PerformanceMarker可用于标记代码时间点以测量交互延迟，通过performance.mark和measure记录开始结束时间并计算耗时，帮助定位性能瓶颈；结合React或Vue生命周期可监控组件渲染性能，同时支持自定义指标如首屏时间；配合ChromeDevTools、Lighthouse、WebPageTest及APM工具可全面优化用户体验。
-
是的，多个<link>标签会拖慢页面，尤其在HTTP/1.1下引发连接排队与渲染阻塞；HTTP/2虽缓解但仍有开销；弱网下小文件丢包率更高；应合并通用样式、响应式CSS及稳定preload资源，但第三方库、按路由异步样式及关键内联CSS除外；推荐构建时自动合并并确保缓存校验准确。
-
关键CSS应内联至HTML的<head>中，仅包含首屏元素必需的最小样式集合，如导航栏、大标题、主按钮及核心卡片的基础结构样式，排除非首屏交互与响应式样式；推荐用Penthouse等工具自动提取并压缩至14KB内，配合preload加载非关键CSS，并通过DevTools和Lighthouse验证生效。
-
后代选择器通过空格选中任意层级的嵌套元素，如.containerp{}会影响所有后代p元素；而子选择器用>仅作用于直接子元素，需注意作用范围避免样式冲突。
-
推荐用transform实现绝对定位元素水平垂直居中：设position:absolute、top:50%、left:50%，再用transform:translate(-50%,-50%)反向偏移，无需知道宽高，兼容IE9+。
-
洋葱模型指Koa中间件的双向嵌套执行机制，请求时逐层进入（A→B→C），响应时逆序返回（C→B→A），形成如洋葱般的调用结构。
-
使用标签创建超链接，通过href指定地址，target控制打开方式，建议添加rel="noopener"提升安全性，还可链接网页、文件、邮件和电话。
-
应采用五种策略隐藏文件真实路径：一、反向代理屏蔽；二、URL重写拦截；三、文件ID映射；四、限制Web目录可执行范围；五、CDN路径混淆。
-
用position:fixed+transform居中是最稳妥的方案，需同时设置left:50%、top:50%和transform:translate(-50%,-50%)，因transform的50%基于自身宽高，不受视口尺寸影响，兼容IE9+，且响应式宽度下仍精准居中。
