-
Canvas性能好因位图渲染省去DOM开销，100万个圆绘制耗时约为SVG的一半；但易变慢因JS驱动频繁状态切换，如每帧clearRect重绘或循环内反复设fillStyle，100次切换可达50ms超帧预算。
-
边框设置需协同border-style、border-width、border-color三者，单独设color不声明style会导致边框消失；虚线等效果依赖style取值及width配合；border-radius过大易致边框断裂；表格collapse需table与单元格均设border才生效。
-
本文讲解如何在动态创建多个书本容器（div）后，通过表单提交为每个新书本单独添加标题，避免重复赋值导致旧标题被覆盖的问题，核心是利用逻辑或赋值（||=）或空值判断实现“仅首次赋值”。
-
JavaScript迭代器和生成器是基于Symbol.iterator协议与状态机的运行时机制；for...of依赖对象是否实现[Symbol.iterator]()方法，数组原生支持而普通对象不支持，需手动实现该方法返回含next()的迭代器对象。
-
应使用伪元素清除浮动：.clearfix::after{content:"";display:table;clear:both;}，避免overflow:hidden和空标签；Flex布局下无需清除，因float失效；IE8兼容用*zoom:1加双伪元素。
-
CSS定位核心是position属性，relative保持文档流并相对自身偏移，absolute脱离文档流并相对于最近非static祖先定位，二者结合实现精确布局控制。
-
明确迁移目标后，提取HTML中的有效数据，使用Python等工具解析并清洗数据，去除冗余标签与格式，转换为结构化数据，再导入目标系统并验证完整性。注意事项包括备份原始文件、分批处理、遵守法律法规及确保路径与字段映射正确。
-
background-position动画模拟渐变流动的本质是平移宽于容器的渐变背景；需同时设置background-size（如200%200%）和background-position（如0%50%），配合keyframes位移实现视觉滑动效果。
-
JavaScript全屏API是浏览器原生接口，用于让元素真正进入系统级全屏状态；需通过用户手势调用requestFullscreen()方法，兼容处理前缀，监听fullscreenchange事件并用document.exitFullscreen()退出。
-
async/await是基于Promise的语法糖，await只能在async函数中使用，会等待Promisesettle（含reject并抛错），需try/catch捕获；多个await默认串行，应优先用Promise.all并发。
-
小屏破版的核心解法是采用width:100%+max-width+box-sizing:border-box组合：百分比宽度实现弹性缩放，max-width限定最大宽度防止过度拉伸，box-sizing:border-box确保padding/border不撑宽容器。
-
设计可扩展的jQuery插件需结合模块化、配置化与事件驱动，首先通过$.extend()合并用户配置，利用回调函数或自定义事件（如beforeSlide、afterSlide）实现行为扩展，并通过$.data()暴露方法供外部调用；为避免插件冲突，应使用IIFE创建私有作用域，采用命名空间管理变量，或借助Webpack等模块化工具隔离依赖，确保插件间互不干扰。
-
标签模板字面量是JavaScript中通过标签函数处理模板字符串的特性，支持XSS防护、DSL构建、嵌套逻辑及原始字符串访问，实现字符串操作的可编程化与解耦。
-
理解CSS盒模型与Grid布局的结合是实现精确页面结构的关键。1.Grid布局提供二维布局能力，盒模型决定元素尺寸与间距；2.Grid项目遵循内容区、padding、border、margin的盒模型，未合理设置易导致溢出；3.使用box-sizing:border-box可将padding和border包含在设定宽高中，简化控制；4.gap属性用于设置网格行列间距，不作用于容器边缘，比margin更直观；5.gap与margin可能叠加，需避免在Grid项目上用margin模拟间隙；6.推荐统一使用bo
-
@media查询通过检测设备特性应用不同样式实现响应式布局。2.它常用屏幕宽度、高度、方向、分辨率及颜色方案等特性调整样式。3.移动优先策略优先为小屏幕设计基础样式，再逐步增强大屏适配。4.使用CSS预处理器嵌套、断点变量、模块化文件管理复杂规则。5.避免过多断点并保持逻辑统一以提升维护性和性能。
