-
justify-content:space-around是Flexbox中用于实现子元素等间距排列的属性值，它将主轴空间平均分配给每个子项两侧，使元素间视觉间距相等，两端留白为中间的一半，适用于导航栏、图标组、卡片列表等布局场景，相比space-between更具外边距，相比space-evenly更显自然；使用时需确保父容器设置display:flex，并注意容器宽度与子元素数量，避免压缩或溢出，可配合flex-wrap处理换行。
-
答案：CSS选择器通过组合方式精确匹配元素，优先级按a-b-c-d规则计算，!important最高但慎用，后定义覆盖前定义。
-
多端样式差异源于视口、像素密度、交互方式及浏览器支持不同；应采用移动优先+逐步增强策略，用css-mqpacker归并相同媒体查询，配合断点变量统一管理，避免设备检测，聚焦特性查询与视口逻辑。
-
let和const均为块级作用域、不提升、不可重复声明，区别仅在能否重新赋值；var因函数作用域和变量提升易引发闭包、泄露等问题，应避免使用。
-
align-items:stretch失效主因是子项存在height/min-height/max-height、align-self非stretch、flex:none或替换元素未处理；解决需统一设min-height:0并调整img/button等显示与对齐。
-
最安全的写法是单值border-radius:10px，四角等半径得标准圆角矩形；斜杠写法如10px/20px会触发椭圆模式；四值需严格按左上、右上、右下、左下顺序；超尺寸时浏览器自动限制为宽高一半；表格中需对单元格设圆角并配合overflow:hidden裁剪。
-
需通过script标签引入CDN资源并匹配挂载点：一、Vue3用vue.global.js，createApp挂载至#app；二、React18需react、react-dom与babel，createRoot渲染；三、Vue3ESM方式用type="module"导入vue.esm-browser.js；四、Preact单文件替代React，体积更小。
-
clearfix是通过伪元素插入清除浮动的内容，使父容器正确包裹浮动子元素的技术。使用::after创建隐藏块级元素并应用clear:both，结合zoom:1兼容旧版IE，可防止父元素高度塌陷，常用于处理浮动布局问题。
-
column-count优先级更高；当同时设置时，浏览器优先满足column-count，仅在容器过窄时才减少列数并趋近column-width。
-
首先确认HTML文件是否设为启动页，右键选择“SetasStartPage”并重新运行；若仍空白，右键文件“ViewinBrowser”检查内容；同时确保代码包含<!DOCTYPEhtml><html><head><title>测试页面</title></head><body><h1>HelloWorld</h1></body></html>结构；可尝试通过IISExpres
-
快速排序通过三数取中选基准、三路划分处理重复元素、小数组切换插入排序及尾递归优化，可显著提升性能与稳定性。
-
<time>标签必须带符合ISO8601规范的datetime属性才具语义有效性，仅文本内容无法被解析；支持日期型、日期时间型、周/年/月型三类格式，且需确保机器可读、逻辑一致、不嵌套。
-
HTML5在iPad上无法触发文件选择器，主要是因Safari强制要求<inputtype="file">必须由用户真实手势（如click/touchend）直接触发，禁止JS自动调用或异步调用；需确保元素可见、事件绑定正确、避免中间封装；相册访问需正确设置accept并移除capture；大文件需限制大小、避免readAsDataURL；PWA/WebClip场景下该功能可能被系统级禁用。
-
JavaScript深拷贝需创建完全独立副本，避免引用问题；JSON方法简单但有类型限制；structuredClone是现代推荐方案；手写递归可定制但需处理循环引用等细节；Lodash的cloneDeep最全面可靠。
-
HTML5原生<video>标签可跨设备播放视频，需设置width/height、controls属性，嵌套多个<source>提供MP4/WebM/Ogg格式，添加muted+autoplay实现静音自动播放，并通过CSS和JavaScript实现响应式与自定义控制。
