-
print-color-adjust:exact必须写在@mediaprint块内才生效，且目标元素需显式声明background-color，同时用户打印设置不能启用“仅打印文本”选项。
-
用Set实现高性能权限校验，依托其唯一性和O(1)has()查询，适用于前端路由守卫、按钮显隐等场景；初始化时将后端数组转为Set，多角色权限用展开运算符合并，动态更新需批量操作并配合响应式方案。
-
使用UIKit可快速构建响应式网页，通过CDN引入CSS和JS文件后，利用预设类名实现按钮、导航栏、卡片等组件，结合栅格系统适配多设备，并通过uk-*指令添加模态框等交互效果，提升开发效率。
-
闭包记忆化通过私有缓存将递归DP时间复杂度从指数级降至线性，关键在于闭包内自引用、可靠键生成（如${n}|${capacity}）和缓存管控（上限/LRU）。
-
Foundationv6响应式栅格需同时加载CSS、JS及viewport标签，且JS必须初始化；仅引CSS会导致小屏不堆叠，未调用$(document).foundation()则show/hide类失效，自定义断点须同步Sass与JS。
-
应将表单公共样式用@apply抽成.form-input等自定义类并置于@layercomponents中，避免被PurgeCSS误删；@apply仅支持Tailwind原生工具类，不可嵌套自定义类；需显式声明dark:变体以适配暗色模式。
-
<progress>标签需同时设置value和max属性才能正确显示进度，如<progressvalue="65"max="100">；仅设value会导致解析异常；兼容IE需降级为<div>模拟，动态更新须校验边界并用requestAnimationFrame实现平滑动画。
-
<p>关键在于监听dragover事件并调用event.preventDefault()；再通过event.clientY与target.getBoundingClientRect()计算offset=event.clientY-rect.top，若offset小于高度一半则为上方，否则为下方。</p>
-
HTML加载慢主因非体积大，而是阻塞渲染、错误路径、base64内联、缺失压缩及file://协议限制；应通过Network面板定位瓶颈，用本地服务器替代双击打开。
-
原生对话框（alert/confirm/prompt）虽零依赖但阻塞主线程、无样式定制且兼容性差，现代项目应优先使用语义化可定制的<dialog>元素或轻量封装方案。
-
使用CSSGrid的grid-template-columns配合auto-fit和minmax可实现响应式图片墙：.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;}auto-fit会自动填充并拉伸列以适配容器，避免空白；minmax(200px,1fr)确保每列最小200px、最大等比分配。大屏显5列、平板3列、手机1列，无需媒体查询。与auto-fill不同，auto-
-
纯前端HTML+JavaScript即可实现在线SQL格式化工具，通过<script>引入jsDelivrCDN上的sql-formatter@14.1.0UMD版本，全局获得sqlFormatter对象，调用sqlFormatter.format(sql,{language:'mysql',indent:'',keywordCase:'upper'})即可完成格式化，无需后端、不发请求、不传数据；需显式指定language防止语法解析错误，并预清理不可见Unicode字符。
-
用div创建宽高盒子需同时设置width和height，并推荐添加background-color确认显示；常见不显示原因包括父容器无高度、display被修改、CSS权重不足、overflow裁剪等。
-
Less4.2.0是当前最新稳定版，不支持原生List/Map类型及list-append()、map-keys()等语法；所谓“Less4.0新特性”属误传，其核心设计坚持静态替换，仅提供extract()和length()处理空格分隔值序列。
-
使用LiveServer插件是VSCode中运行HTML文件的最佳方式，安装后右键选择“OpenwithLiveServer”即可在浏览器中实时预览并自动刷新页面。
