-
JavaScript数据绑定核心是让数据变化自动触发视图更新；需区分响应式数据流与模板语法的双向绑定，Proxy实现依赖收集与触发，但仅代理第一层且不兼容IE11。
-
使用float属性可实现图文环绕，通过设置float和margin控制布局与间距。例如img{float:left;margin-right:15px;margin-bottom:10px;}使文本环绕图片并保持适当距离。需注意父容器包裹浮动元素，可用overflow:hidden触发BFC，避免高度塌陷；在需要时使用clear:both清除浮动，防止文字继续环绕。合理控制图片尺寸，确保小屏幕下排版正常，从而实现美观清晰的图文混排效果。
-
图标在高DPI屏幕发虚的根本原因是字体引擎对小字号非整数缩放的抗锯齿处理不一致，尤其受macOS与Windows渲染差异影响；实操应避免font-size缩放、改用transform缩放、重置图标font-size继承、SVG中显式声明currentColor、iOS下启用硬件加速并避免错误字体平滑设置。
-
HTML压缩需兼顾浏览器解析规则与可维护性：安全删除非语义空白，省略HTML5允许的冗余标签和属性，慎用自动化工具配置，并优先优化媒体资源与外链脚本而非内联代码。
-
span本身不渲染样式也不改变布局，仅作语义中立的行内容器；所有视觉效果必须通过CSS显式定义，且不可嵌套块级元素、不宜替代语义化标签。
-
iframe本质是独立文档容器而非布局框架，会阻塞onload、存在安全与SEO风险，需慎用sandbox、title等属性并避免嵌套。
-
srcdoc属性需提供完整合法HTML文档结构，包含DOCTYPE、html、head、body；引号须转义，禁止外部资源引用，JS/CSS须内联，不支持IE，需fallback，存在XSS风险。
-
本文介绍在传统JSPWeb应用中，如何正确解析multipart/form-data格式的HTTPPOST请求，提取用户上传的图片二进制流，并为后续上传至AWSS3做好准备。重点涵盖表单配置、服务端解析逻辑及关键注意事项。
-
BEM修饰符不能用时间字符串（如.tag--00:05:32）是因为时间连续变化、类名无限且不可枚举，导致CSS无法预定义、构建工具剔除、缓存失效、调试困难；应改用有限语义状态（如--counting、--expiring、--expired）由JS精准切换，并通过CSS变量统一控制视觉表现。
-
align-items:stretch失效主因是父容器无明确高度或子元素设了固定高/最小高；应设父容器height/min-height，子项用flex:1替代height，IE11需height:100%+flex:1双保险。
-
本文详解如何通过合理设置定位与CSS变换，使子元素（如.inner-inner-circle）在父容器内平稳旋转而不溢出，重点解决transform:translateY()导致脱离父级边界的问题。
-
用<video>嵌入本地MP4需确保路径正确、编码为H.264+AAC、添加controls属性；YouTube必须用<iframe>嵌入；poster与preload="metadata"配合可优化首屏体验；Safari播放失败多因MIME类型或moovbox位置问题。
-
Firefox默认禁用shape-margin和url()形状解析，需手动开启about:config中layout.css.shape-outside.enabled与layout.css.shape-margin.enabled两项实验标志才能启用完整支持。
-
prefers-color-scheme是CSS媒体查询，用于响应系统深色模式偏好，需写在CSS中，不依赖JS，兼容主流浏览器；配合:root自定义属性统一管理主题色，手动切换通过class控制并存localStorage。
-
Vue.js中不存在BlockTree这一内置概念，它只是对Vue3编译器中Block分块机制的误称；Block是带patchFlag和dynamicChildren的VNode子树片段，并非独立树结构。
