选择合适的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简写可实现精确响应式布局。

JavaScript操作iframe需区分同域与跨域：同域可直接通过contentWindow访问DOM；跨域必须使用postMessageAPI，并校验event.origin，且需等待iframe加载完成。

使用媒体查询可解决绝对定位在响应式设计中的错位问题，通过针对不同屏幕尺寸调整top、left等属性值，并结合百分比、vw/vh或calc()等相对单位，使元素在各类设备上精准显示，避免溢出或遮挡；示例中悬浮按钮在小屏下通过媒体查询减小bottom和right值以适应移动视口；进一步可改用Flexbox或Grid布局降低对传统定位的依赖，提升整体布局弹性与自适应能力。

提取HTML表格数据有五种方法：一、JavaScriptDOMAPI遍历节点；二、PythonBeautifulSoup解析源码；三、Pandasread_html自动转DataFrame；四、正则表达式粗粒度匹配；五、XPath精准定位节点。

主轴由flex-direction决定，控制子元素排列方向，交叉轴与其垂直，justify-content和align-items分别控制主轴与交叉轴对齐方式。

indexOf返回索引，includes判断包含，startsWith检查开头。根据需求选择：需位置用indexOf，判断存在用includes，验证前缀用startsWith。

JSON是轻量级数据交换格式，键名须双引号、禁末尾逗号、不支持函数/undefined/Symbol等；用JSON.parse()解析字符串为JS值，JSON.stringify()将JS值转为JSON字符串。

contenteditable的优势包括浏览器原生支持、上手快、适合简单编辑场景；局限性包括跨浏览器行为不一致、复杂操作支持差、安全风险高。具体来说，1.优势：无需第三方库，快速实现基础编辑功能；2.局限：输出HTML不可控、难以处理撤销/重做等高级功能、易引入XSS攻击。针对常见挑战的解决方案包括：1.使用DOMPurify清理HTML；2.手动操作DOM以获得更高控制力；3.自建历史栈实现撤销/重做；4.拦截paste事件并规范化粘贴内容；5.管理光标选区提升交互体验。构建富文本编辑器还需考虑UI设计

HTML5中应使用iframe、div+CSS、object或WebComponents替代已废弃的frameset/frame；iframe支持同源嵌入，div+CSS结合JavaScript可动态加载内容，object提供降级支持，WebComponents实现可复用嵌入。

移动端banner被挤压主因是固定高度未适配视口，应采用vh单位（如height:25vh）配合min-height和媒体查询精细控制，并确保内层文字、图片等也响应式松绑，避免拉伸变形。

ServiceWorker是实现Web应用离线可用的核心，通过注册、安装、缓存资源、拦截请求及更新版本完成离线支持。首先在页面中注册sw.js，检查浏览器支持并注册ServiceWorker；接着在sw.js的install事件中预缓存关键资源如HTML、CSS、JS和图片；然后通过fetch事件拦截网络请求，优先从缓存返回内容，采用“缓存优先”策略；当应用更新时，更改CACHE_NAME版本号，并在activate事件中删除旧缓存，确保用户获取最新资源。合理处理这些步骤可构建稳定离线的PWA应用。

本文详解如何修复固定定位的“回到顶部”按钮在移动端不显示的问题，并通过JavaScript实现滚动超过32px时才显示、避免被页脚遮挡的交互效果。

JavaScript中的location对象用于获取和操作当前页面的URL信息，并控制页面跳转。一、获取当前页面的URL信息：可通过location.href、protocol、host、hostname、port、pathname、search及hash等属性分别获取完整的URL、协议、主机+端口、主机名、端口号、路径、查询参数及锚点部分，例如访问https://example.com:8080/path/to/page.html?id=123#section1时可分别提取各组成部分；二、进行页面跳转：