-
首屏关键样式用内联，其余统一外链。通过构建工具自动提取CriticalCSS并注入HTML，异步加载非关键样式，结合缓存与模块化提升性能与维护性。275 收藏 -
Cookie未被废弃但用途收窄，仅适用于同源、小体积、需服务端参与的会话标识；因是分号分隔字符串协议，读写需手动解析转义，易出错且易触发安全策略。274 收藏 -
使用HTML5download属性可实现点击下载而非预览，需同源URL；跨域或动态内容可用Base64dataURL或Blob对象方案；CSS美化提升体验；服务端配合Content-Disposition响应头可强制下载。274 收藏 -
柯里化是将多参数函数转换为一系列单参数函数的过程，核心是参数分步传递和闭包记忆已传参数，支持部分应用、复用及函数组合，适用于配置预设、事件处理等场景。274 收藏 -
掌握盒模型与伪元素结合使用，可通过content插入装饰内容并利用定位、尺寸等属性实现丰富视觉效果，如按钮圆点、引号标注及外部链接图标，同时保持HTML结构简洁。274 收藏 -
本文介绍如何仅用纯CSS（Flexbox）构建一个16:9图片画廊，使其在固定容器内自动计算项目尺寸、保持宽高比、均匀换行且不溢出，无需JavaScript。274 收藏 -
BFC是CSS中独立的块级渲染区域，内部布局不影响外部，外部变化也不影响内部；可通过根元素、浮动、绝对定位、inline-block、table-cell、flex/grid子元素、overflow非visible等触发，用于防止margin合并、清除浮动、阻止文字环绕。273 收藏 -
HTML文件双击打开无法隐藏地址栏，因现代浏览器已废弃window.open的location=no等参数；Electron/Tauri是唯一可靠方案，需打包为可执行文件。273 收藏 -
单例模式确保类仅有一个实例并提供全局访问点，常用于配置、日志等共享资源管理；核心是控制创建逻辑，常见实现有闭包封装、ES6静态属性及最推荐的模块级单例。273 收藏 -
setTimeout和setInterval不能精确倒计时，因其仅保证“至少”等待指定时间；应以Date.now()或服务端时间戳为基准动态计算剩余时间，避免累加误差。273 收藏 -
伪元素在Flex布局中可作为弹性项目参与布局，通过设置content激活后能实现占位、装饰分隔线及角标等视觉效果，提升结构表现力且无需额外HTML标签。273 收藏 -
减少DOM节点数量，避免渲染空行或隐藏数据，采用分页或虚拟滚动；2.合并单元格并简化表头结构；3.启用懒加载与分页，结合JavaScript框架优化重绘；4.设置table-layout:fixed，简化HTML与CSS；5.压缩数据、异步加载并启用缓存。273 收藏 -
直接设置display:block可将内联元素（如<span>、<a>、<img>等）变为块级元素，使其独占一行、支持宽高和完整margin/padding；但需根据布局需求选择inline、inline-block、flex或grid等更优方案。271 收藏 -
应优先使用classList而非手动拼接className，因其原子化操作安全可靠；支持add、remove、toggle、contains、replace（需兼容处理）等方法；多参数和展开语法可批量操作；注意事件绑定时机与CSS过渡重排。271 收藏 -
浮动布局结合媒体查询可通过断点调整元素排列，实现响应式效果。例如两栏布局在桌面端并排、移动端堆叠，提升可读性。271 收藏
