-
跨域问题由浏览器同源策略引起，主要解决方案有：JSONP利用script标签实现GET跨域，需后端配合但安全性低；CORS通过服务端设置Access-Control-Allow-Origin等响应头，支持所有HTTP方法，是目前主流方案；代理服务器（如Nginx、Viteproxy）将跨域请求转为同源，前后端分离开发常用；postMessage用于不同窗口或iframe间的跨域通信，需指定目标源。推荐优先使用CORS，开发环境结合代理，特殊场景选用JSONP或postMessage。
-
缩放错位的根本原因是定位值与元素尺寸、父容器约束未同步响应视口变化。需统一用vw/vh/vmin/vmax控制宽高、字体、边距及父容器尺寸，并避免transform:scale()干扰，滚动容器中优先用position:fixed或动态JS补偿。
-
针对HTML5页面结构化数据提取，应采用五类方法：一、用BeautifulSoup4+html5lib精准解析宽松语法；二、用Playwright/Selenium处理JS动态渲染；三、用语义化CSS选择器提升鲁棒性；四、提取JSON-LD/microdata等嵌入元数据；五、模拟设备环境应对响应式DOM差异。
-
推荐使用URLSearchParams接口解析URL查询参数，它兼容主流浏览器、语法简洁且支持增删改查；旧版浏览器可手动解析location.search字符串；还可封装函数支持默认值与类型转换，或通过URL构造器解析任意URL。
-
答案：HTML中引入CSS有三种方式——外部样式表、内部样式块和内联样式，推荐优先使用外部样式表以实现样式与结构分离、便于维护和复用；内部样式适用于单页或局部特定样式；内联样式应尽量避免，仅用于动态控制或特殊情况。优先级方面，内联样式高于内部和外部样式，而!important可覆盖所有规则，但需慎用；特异性、来源和顺序共同决定最终样式表现。为优化性能，应将关键CSS内联至head、异步加载非关键CSS、合并压缩文件并使用CDN，同时避免@import和冗余代码。
-
Webpack是现代JS应用的模块打包工具，能将各类资源作为模块打包。其核心概念包括入口、输出、加载器、插件和模式。通过配置entry、output、module.rules、plugins等选项，可实现资源处理与优化。常用loader如babel-loader、css-loader、url-loader用于解析不同文件，plugin如HtmlWebpackPlugin、CleanWebpackPlugin、MiniCssExtractPlugin用于生成HTML、清空目录、提取CSS。建议区分开发与生产
-
本文介绍如何使用PrimeReactSlider实现“仅在鼠标/手指离开滑块时提交最终值”，避免onChange频繁触发导致的重复请求，通过分离状态更新与提交逻辑，确保后端只接收一次有效值。
-
使用position:absolute使弹窗脱离文档流并自由定位，配合top、left与transform实现居中；2.通过设置较高的z-index（如1000以上）确保弹窗层级最高；3.避免父级层叠上下文干扰，建议将弹窗挂载至body或使用Portal技术，确保正确显示在最上层。
-
主题切换本质是动态更新CSS自定义属性，通过document.documentElement.style.setProperty修改:root变量值，配合data-theme属性与prefers-color-scheme实现用户选择＞系统偏好＞默认的三层优先级，避免样式闪烁与失效。
-
本文详解如何使用CSS的float:right或更现代的Bootstrap工具类，将表单搜索栏可靠地右对齐至导航栏末尾，并规避常见布局陷阱。
-
提升首屏加载速度的关键是减少初始资源体积并优先加载核心内容。1.内联首屏关键CSS，避免外部请求阻塞渲染；2.异步加载非必要JS，使用async或defer属性；3.预加载关键资源，如使用<linkrel="preload">；4.利用Webpack、Vite等工具的动态import()实现代码分割，按需加载模块；5.多页面应用中拆分独立chunk，提取公共依赖至vendor文件以提升缓存复用；6.压缩HTML、移除注释与空格，精简结构；7.图片启用懒加载，如loading
-
CSS属性选择器可通过多种方式精准定位元素，如[attr]、[attr="val"]、[attr~="val"]、[attr^="val"]、[attr$="val"]、[attr*="val"]、[attr|="val"]及大小写不敏感匹配[attri]，并可与后代、子、兄弟、伪类等选择器组合使用，提升定位精度。结合JavaScript的querySelector、matches、closest等方法，可高效操作DOM，但需注意性能、特异性及兼容性问题。
-
HTML5原生支持音视频，无需插件；应使用<source>标签配合type属性声明MIME类型以确保兼容性；移动端自动播放需同时设置autoplay和muted属性，且服务器须正确配置MIME类型。
-
使用flex-wrap和gap可实现响应式图片列表。容器设display:flex、flex-wrap:wrap及gap，确保子项自动换行且间距统一；通过flex:00calc()结合媒体查询控制每行数量，如小屏每行两个、中屏三个、大屏四个；图片设width:100%、height:auto以自适应容器并保持比例。关键用gap替代margin管理间隙，避免外边距问题，代码更简洁易维护。
-
transform会改变定位基准，因为非none的transform值会强制创建新包含块和层叠上下文，使absolute元素相对于它而非预期父容器定位。
