-
主轴与交叉轴由flex-direction决定，影响justify-content和align-items的作用方向；主轴控制项目排列方向，交叉轴控制对齐方式，二者共同构建Flexbox布局模型。
-
验证码，简单来说，就是为了区分你是人还是机器。在HTML中，本身并没有直接生成验证码的功能，需要借助后端语言（如PHP、Python等）和前端技术（如JavaScript）配合实现。解决方案后端生成验证码图片和随机字符串：后端脚本负责生成一个随机字符串（例如，包含数字和字母）。将该字符串绘制成一张图片。这通常涉及图像处理库的使用。将该字符串存储在服务器端的Session中。注意，Session是与用户关联的，所以每个用户看到的验证码都不同。将验证码图片以适当的格式（如PNG、JPEG）返回给前端。前端展示
-
使用Flexbox与min-height可实现动态高度布局，适用于自适应内容场景。1.将容器设为display:flex且flex-direction:column；2.设置min-height:100vh确保最小高度；3.为目标子元素添加flex-grow:1使其填充剩余空间；4.通过min-height保障内容区最小尺寸，防止布局塌陷。典型应用包括管理后台、移动端单页和表单页面，兼顾空白处理与滚动扩展，布局直观可控。
-
使用border-radius可实现元素圆角效果，基础语法为设置统一半径，如.box{border-radius:10px;}，也可用%创建圆形头像；支持分别控制四个角，按顺时针顺序赋值或使用命名属性；通过斜杠/分隔可设置椭圆圆角，如20px/10px；实用技巧包括与overflow:hidden配合裁剪内容、用transition实现悬停动画，且值过大时浏览器会自动限制。
-
可通过监听上传进度事件实时监控网络状况。一、使用XMLHttpRequest的upload.progress事件，记录时间戳与已上传字节数，计算瞬时速度；二、利用FetchAPI分块上传文件，结合发送耗时估算各段速率，需后端支持分片；三、通过WebSocket分段发送数据并接收服务端确认，结合发送间隔与响应时间动态评估上传速度；四、结合PerformanceAPI获取effectiveType、downlink等网络特征，预估带宽上限并与实测值对比校准，提升速度提示准确性。
-
模块联邦通过exposes和remotes配置实现应用间模块共享，运行时动态加载remoteEntry.js并注册远程模块，结合shared机制避免依赖重复加载，适用于微前端架构下的独立部署与插件化集成。
-
display属性在HTML和CSS中有8种用法：1.inline：行内元素，不独占行，宽高无效。2.block：块级元素，独占行，宽高有效。3.inline-block：结合inline和block特点。4.none：隐藏元素，不占空间。5.flex：启用Flexbox布局。6.grid：启用网格布局。7.table：模拟表格布局。8.list-item：表现为列表项。
-
优先使用现代ClipboardAPI并降级至document.execCommand以实现跨浏览器兼容；需在安全上下文中由用户触发操作，避免自动复制，注意iOSSafari的限制及旧版浏览器支持问题。
-
display:flow-root能自动包含浮动子元素并防止父容器塌陷，无需额外标签或副作用大的技巧。通过创建新的BFC，它使容器正常包裹浮动内容，语义清晰且兼容现代浏览器，是当前推荐的清除浮动方案。
-
答案：使用HTML5CanvasAPI制作动画需先创建canvas元素并获取2D上下文，接着绘制基本图形，通过requestAnimationFrame实现循环更新位置与重绘，结合速度变量和边界检测控制运动，最后用对象数组管理多个动画元素。
-
fit-content是一个CSS函数，用于设置网格轨道尺寸为内容所需宽度与指定最大值中的较小者。语法为fit-content(＜length＞|＜percentage＞)，常用于grid-template-columns中，使列宽随内容自适应且不超过上限。例如fit-content(200px)表示宽度由内容决定，但最大不超过200px，适合侧边栏+主内容布局。可与minmax()结合使用，如minmax(100px,fit-content(200px))，实现最小100px、最大200px内的自适应。
-
前端自动化部署的核心是通过工具链实现代码提交后自动构建、测试与发布。1.代码推送到指定分支（如main）触发流程，由GitHooks或Webhook检测事件，GitHub/GitLab等平台支持此机制，并可通过分支策略控制触发条件；2.CI阶段拉取代码后执行依赖安装、代码检查（ESLint等）、测试和构建（npmrunbuild），生成dist文件；3.CD阶段将产物上传至目标环境，如通过SSH同步到服务器或使用云CLI部署至OSS/S3/Vercel，同时配置缓存、版本及回滚策略；4.部署完成后通过钉钉
-
使用CSSGrid通过repeat(auto-fit,minmax(250px,1fr))实现响应式多栏布局，屏幕宽度变化时自动调整列数，桌面端显示4列、平板2~3列、手机1列，无需媒体查询。
-
ES6引入let/const实现块级作用域与暂时性死区，箭头函数简化语法并词法绑定this，模板字符串支持多行文本与嵌入表达式，解构赋值从数组对象中高效提取数据。
-
答案：开发多选下拉框插件需构建语义化HTML结构，通过JavaScript实现展开/收起、选择、搜索和标签删除等交互逻辑，结合CSS优化样式与动画，封装为可复用类并支持配置扩展，确保状态同步与良好用户体验。
