section与div的本质区别在于语义有无而非功能强弱：section表明“有主题的内容区块”，需含h1–h6标题；div则明确表示“无语义的通用容器”，适用于纯布局或交互场景。

JavaScript解构赋值是从数组或对象中提取值并赋给变量的简洁语法，支持对象/数组解构、重命名、默认值、嵌套、剩余参数及函数参数解构，大幅提升代码可读性与开发效率。

JavaScript中数字精度问题源于IEEE754标准导致0.1+0.2≠0.3，因浮点数无法精确表示某些十进制小数，解决方案包括整数化运算、toFixed()格式化及误差容忍比较。

动画加载闪一下的本质原因是初始状态未显式声明，导致浏览器按默认值渲染，与动画0%帧不一致；需用animation-fill-mode:both配合明确定义的0%关键帧，或采用CSS类+JS控制初始状态。

全选功能可通过三种方式实现：一、用document.execCommand("selectAll")配合focus()适用于可编辑元素；二、用input/textarea的select()方法最简捷；三、用Range与SelectionAPI手动控制，适用于div等非表单元素。

浮动元素脱离文档流是因为float使元素从常规布局中抽离并允许内容环绕，导致父容器高度塌陷；清除浮动本质是触发BFC以包含浮动后代。

外部CSS文件应使用<link>而非@import，因其避免串行加载、FOUC和解析阻塞；需按功能拆分、条件加载、哈希命名并合理设置缓存策略。

可通过四种CSS方法实现按钮文字渐显动画：一、@keyframes定义opacity从0到1的动画；二、transition配合hover触发；三、伪元素叠加分层渐显；四、SVGtext结合stroke-dasharray路径绘制。

JavaScriptSet是用于存储唯一值的内置对象，自动去重、支持高效存在性判断与集合运算，不按索引排序，可通过add/has/delete/clear等方法操作，支持for...of和forEach遍历及转数组等转换。

HTML5网页拼接有五种原生方法：一、iframe嵌入隔离内容；二、fetch+innerHTML动态注入；三、template元素预定义可复用结构；四、WebComponents封装自定义元素；五、Server-SentEvents流式拼接。

纯HTML项目可直接用浏览器打开运行，只需双击.html文件即可显示页面；若含CSS、JS等资源，建议使用Python命令或VSCode插件启动本地服务器避免跨域问题，还可部署至GitHubPages、Vercel等平台实现在线访问。

JavaScript实现前端路由可行但需避坑：用history.pushState+popstate需初始化渲染、同源URL、克隆state；URLSearchParams解析查询参数更可靠；Hash路由开发便捷但SEO差；服务端必须fallback所有路由至index.html。

选择合适的CSS框架能显著提升前端开发效率，尤其在项目周期紧、需要快速搭建界面时。关键在于根据项目规模、团队技术栈和设计需求做出匹配。明确项目需求和复杂度小型项目或原型开发适合轻量级框架，比如Pico.css或Milligram，它们提供基础样式，无须配置，开箱即用。中大型项目若需完整组件库和响应式支持，Bootstrap和TailwindCSS更合适。如果项目强调高度定制化且团队熟悉utility类写法，Tailwind是优选；若需要快速出成品且团队成员对类名体系不敏感，B

HTML5中download属性对video标签无效是浏览器策略限制；仅当a标签href为静态同源视频URL时有效，跨域或动态src需用fetch+Blob方案实现下载。

flex-grow按比例分配剩余空间，flex-shrink按权重收缩；如flex:1和flex:2子元素宽比为1:2，flex-shrink越大收缩越强，结合flex简写可实现精确响应式布局。