-
GitLab的MergeRequest页面是服务端动态渲染的Web应用，无法通过静态HTML实现；正确做法是调用GitLabAPI（如GET/projects/:id/merge_requests/:mr_iid）获取数据，再用前端模板渲染精简视图。
-
BigInt是JavaScript中用于安全处理任意精度整数的原始类型，适用于超大整数运算，需用n后缀或BigInt()创建，不支持小数、与Number混合运算，/运算向零截断，==允许跨类型比较但===不允许，JSON不支持需手动序列化。
-
box-sizing默认为content-box，width/height仅指内容区，实际宽高含padding和border；应全局设为border-box；margin合并仅发生于常规流中相邻块级盒之间；padding不能为负但background-clip可控背景绘制范围；border-width:0需配合style才生效。
-
应优先提升虚拟机CPU核心数与内存容量，再启用3D图形加速并扩容显存，接着切换为NVMe或SCSI存储控制器、禁用非必要虚拟设备及后台服务，最后优化客户机浏览器与HTML工具配置。
-
问题根源是浮动元素脱离文档流导致父容器高度塌陷为0；推荐用display:flow-root创建BFC来闭合，语义清晰无副作用；若需兼容IE则应弃用float改用flex或grid。
-
rel="preconnect"会提前完成DNS解析、TCP握手和TLS协商，使后续请求直接发送数据；而rel="dns-prefetch"仅做DNS解析，不建立连接，因此preconnect在高延迟网络下可节省100–300ms，提速更显著。
-
Flex容器设为100vh后文字不居中，需同时设置display:flex、justify-content:center和align-items:center，并重置html与body的margin、padding及height；移动端优先用100dvh替代100vh以避免地址栏影响。
-
真正有效的优化不是“给prototype加WeakRef”，而是识别并切断原型链上下游之间不该存在的强引用依赖，如用WeakKeyDictionary替代类级强注册表、在Proxy/Descriptor中用WeakRef封装目标对象、规避对不可弱引用类型的误用，并按内存水位降级类级别缓存。
-
闭包陷阱在单页应用中表现为内存泄漏，即闭包意外捕获大对象（如组件实例、DOM节点）且被长期存活的全局对象持续引用，导致路由跳转后对象仍驻留堆中。
-
viewport必须置于<head>最前面且配对width=device-width与initial-scale=1.0，禁用user-scalable=no违反可访问性，溢出问题需检查CSS布局而非仅依赖viewport配置。
-
ServiceWorker的install和activate事件分别对应installing→installed和activating→activated状态阶段，install阶段缓存资源并需waitUntil确保完成，activate阶段清理旧缓存且不可在install中执行，状态流转受页面生命周期和skipWaiting()控制。
-
reverse()会直接修改原数组，是原地操作；需用[...arr].reverse()或arr.slice().reverse()创建新数组副本，避免副作用。
-
必须在第一行写<!DOCTYPEhtml>，否则浏览器进入怪异模式导致布局、盒模型、CSS解析不一致；它不是标签而是解析指令，前面任何字符（空格、注释、BOM）都会触发兼容模式。
-
在Java后端生成HTML5页面，本质是通过服务端代码动态构建符合HTML5标准的网页内容，并将其响应给客户端浏览器。虽然Java本身不直接“实现”HTML5（HTML5是前端标记语言），但可以通过多种方式生成HTML5结构的页面。以下是几种常见且实用的方法。1.使用模板引擎渲染HTML5页面模板引擎是最常用的方式，它将Java数据与HTML模板结合，输出完整的HTML5页面。常用的模板引擎包括Thymeleaf、Freemarker、JSP和Velocity。以Thymeleaf为例：
-
CSS标准中不存在random()函数，因其声明式、无状态特性要求样式可预测与高效渲染；真随机需用JavaScript动态设置CSS自定义属性实现。
