-
typeof适合检测原始类型和函数，但对null和所有对象均返回"object"；instanceof基于原型链检测引用类型，跨iframe失效。
-
选择合适的在线HTML编辑器如CodePen或JSFiddle，创建包含DOCTYPE声明和基本结构的HTML代码，在实时预览中查看效果，通过修改标签测试变化，并保存项目链接分享成果。
-
SVG不支持padding，因其为替换元素；需用viewBox调整内容内边距或外层容器设padding；flex/grid中无viewBox易塌陷，须显式设置。
-
用padding-top百分比能锁住宽高比，因为其值按父容器宽度计算，如16:9设为56.25%；需配合position:relative/absolute、height:0及三层结构实现，避免嵌套干扰。
-
Lazy.js通过惰性求值实现延迟计算，核心是将操作封装为惰性序列，仅在调用toArray()等终端方法时才触发实际计算，链式调用不立即执行，而是组合函数逻辑，迭代时按需处理数据，并支持短路优化与函数组合，避免中间数组生成，提升性能并节省内存。
-
缩放和旋转动画冲突的本质是transform属性后声明覆盖前声明，浏览器不叠加而整体替换；必须将scale与rotate合并至同一transform值中，通过多关键帧精细控制节奏，并显式设置transform-origin以避免偏移。
-
currentColor可让图标自动继承父元素文字颜色，适用于内联SVG（fill="currentColor"）和字体图标；背景图不支持，需改用内联SVG或CSSfilter；兼容IE9+，继承计算后color值。
-
掌握CSS框架的实用类可快速调整布局与间距。1.使用m/p加方向和数值缩写（如mt-4、px-6）设置外边距和内边距；2.通过flex、justify-center、items-center等Flexbox类实现弹性布局，gap-4统一子元素间距；3.利用grid、grid-cols-3、col-span-2等Grid类创建多列网格并控制跨列；4.添加响应式前缀（如md:、lg:）实现不同屏幕下的间距与显示控制（如md:block），无需自定义CSS即可高效完成布局。
-
font-size不支持平滑CSS过渡，应改用transform:scale()配合transform-origin实现视觉平滑缩放；响应式场景优先使用clamp()+transition:font-size；强制过渡需JS插值。
-
Flex容器内出现滚动条是因内容溢出且overflow被触发，需明确滚动主体与边界；检查固定尺寸、限制子项溢出、区分容器与子项滚动，并用开发者工具定位溢出源。
-
使用:last-child伪类选择器可改变列表最后一项的字体颜色，如li:last-child{color:red;}将最后一个列表项设为红色，适用于ul、ol等结构，需确保li为连续子元素且无其他类型元素插入，支持现代浏览器及IE9+，可通过添加类名精确控制范围，如.my-listli:last-child{color:blue;}。
-
本地双击打开HTML文件时video标签无法加载本地视频，因浏览器禁用file://协议下的资源加载以保障安全；需通过本地服务器或input文件选择方式解决。
-
float导致父容器高度塌陷是CSS规范行为，非bug；clear仅作用于后续兄弟块级元素，不能修复塌陷；clearfix伪元素是主流解法；现代布局应优先使用Flexbox或Grid。
-
使用Python运行HTML文件的实质是通过启动本地服务器来正确加载网页内容。首先需进入HTML文件所在目录，然后根据Python版本执行python-mhttp.server8000命令启动服务，最后在浏览器中访问http://localhost:8000即可查看文件。此方法可避免双击打开时因跨域限制导致的AJAX请求或模块导入失败问题，适用于前端开发测试。注意确保Python已安装并配置环境变量，若8000端口被占用可更换为其他端口如8080，且服务器仅限本地测试使用，关闭终端即停止服务。
-
window.print()方法能直接调用打印对话框，结合@mediaprint规则可优化打印样式。要优化打印页面，首先使用@mediaprint隐藏导航栏、侧边栏等非必要元素；其次调整字体颜色、大小和行高以增强可读性；再者处理图片，确保其清晰且布局合理；最后利用page-break属性控制分页，避免内容断裂。常见问题包括无法判断用户是否实际打印，可通过window.onbeforeprint和window.onafterprint事件进行近似控制；不同浏览器打印样式解析差异需通过多测试和调整CSS解决；
