-
答案：浏览器文件分片上传通过FileAPI将大文件切片，利用FormData逐个发送，结合并发控制与断点续传提升稳定性。具体为：1.使用File.slice()按字节分割文件；2.每片携带索引、总片数、fileId等信息通过fetch上传；3.限制并发请求数避免资源耗尽，使用Promise控制执行节奏；4.服务端接收并存储分片，记录状态，待全部到位后合并。关键在于前后端协同、错误处理与进度管理。
-
display: block：使图片成为块级元素，占据整行。margin: 0 auto：水平居中图片。方法二：使用 CSS 类（推荐）
加display:block是使img居中的必要前提，因其默认为行内元素，而margin:0auto仅对块级元素生效；若不设置，该样式会被浏览器直接忽略。
-
当使用opacity:0隐藏<inputtype="file">时，其原生焦点环不可见；可通过:focus-within伪类在父容器上添加自定义焦点样式，实现无障碍友好的视觉反馈。当使用`opacity:0`隐藏``时，其原生焦点环不可见；可通过`:focus-within`伪类在父容器上添加自定义焦点样式，实现无障碍友好的视觉反馈。在构建可访问的头像上传组件时，常将<inputtype="file"&g
-
首先确认Apache服务已启动，打开XAMPP控制面板并启动Apache，状态显示Running后将HTML文件放入htdocs目录，通过http://localhost/文件名访问，避免使用file协议双击打开，确保路径正确且包含UTF-8编码声明以防乱码。
-
使用CSSMediaQuery可实现响应式布局，1.通过@media规则根据屏幕宽度设置断点适配不同设备；2.可检测方向、分辨率等特性精细控制样式；3.推荐移动优先策略，先定义小屏样式再逐步增强；4.建议用em单位、添加viewport标签并保持断点简洁，结合Flexbox或Grid布局提升适配效果。
-
@mixin更适合现代CSS架构；它支持参数、条件逻辑、@content嵌套及动态生成，维护成本低且作用域清晰；@extend虽编译紧凑但易致样式污染、调试困难、隐式依赖强，且无法响应动态需求。
-
sepia滤镜是叠加固定比例棕褐色蒙版而非调暖色，不改变色温或色相环；hue-rotate才是直接旋转色相环实现冷暖调节，二者组合需注意顺序与强度控制。
-
重复媒体查询导致维护困难，主要因断点修改需全局替换、样式分散难对齐、编译后冗余膨胀；应抽离断点为变量和@mixinrespond-to($breakpoint)，由调用方传入内容，避免嵌套@media，并统一模块化管理与导入。
-
HTML本身不支持MVVM，需用JavaScript模拟ViewModel层，通过Object.defineProperty（Vue2）或Proxy（Vue3）实现响应式，但前者无法监听新增属性和数组索引操作，后者可全面捕获。
-
点击局部放大必须用JS控制遮罩层显隐、位置及背景偏移，CSS仅负责定位、裁剪与渲染；关键在精确计算坐标、background-position和scale映射，避免因border/padding导致偏移。
-
不能直接用transition动画border画的箭头位移，必须将箭头设为独立伪元素并用transform:translateX()配合transition实现平滑移动，同时需用getBoundingClientRect()获取准确坐标并兼容mousemove/touchmove事件。
-
RGBA和HSLA是CSS中支持透明度的颜色模式，RGBA通过红绿蓝三色加Alpha通道控制透明度，HSLA基于色相、饱和度、亮度并扩展Alpha通道。两者均使用0到1的Alpha值定义透明程度，可精准设置背景透明而不影响子元素。相比opacity，RGBA和HSLA更适用于文字区域半透明、模态框遮罩、卡片悬停等需保留视觉层次的设计场景，推荐结合CSS变量与过渡效果实现灵活美观的透明背景控制。
-
关键是从静态到交互只需用hover和transition重新组织CSS属性：hover定义悬停状态，transition控制变化过程，二者缺一不可；需在默认状态写transition、hover中改对应属性，推荐从按钮练习，注意属性匹配、过渡时间（0.2–0.35s最佳）及触屏兼容性。
-
优先选BEM或CSSModules+BEM，因StyledComponents依赖JS运行时注入样式，在SSR、微前端、邮件模板等场景易失效；BEM无环境限制，CSSModules解决全局冲突，BEM补足语义，二者叠加最佳。
-
是的，shape="poly"坐标按coords中从左到右成对读取为x,y顶点，自动闭合；单位为像素，基于图片固有尺寸；主流浏览器解析逻辑一致，但空格处理有差异；IE有坐标数量截断风险。
display: block：使图片成为块级元素，占据整行。margin: 0 auto：水平居中图片。方法二：使用 CSS 类（推荐）