-
<p>HTML5中警告性注释需用FIXME、WARNING、TODO等前缀，如<!--FIXME:Safari下flexgap失效-->，确保可被工具识别、搜索和跳转，避免模糊描述，须明确影响范围与修复指引。</p>
-
ServiceWorker是浏览器后台运行的网络拦截器，可拦截请求、缓存资源、实现离线访问；需注册、安装预缓存、拦截响应三步完成离线能力，支持多策略缓存与推送通知，但须HTTPS环境且注意生命周期控制。
-
按钮内文字到边框的距离由padding控制；卡片间距用margin因属容器间关系；按钮组间距优先用flex的gap属性；卡片内对齐需从flex布局、行高、外边距逐层排查。
-
grid-template-areas是通过字符串定义语义化网格区域的CSS属性，比数字定位更直观因其直接映射视觉结构、便于维护；需保证每行列数一致，用“.”占位空单元格，命名须符合CSS标识符规范。
-
可通过四种方法在手机查看电脑编写的HTML文件：一、将HTML文件传至手机后用浏览器直接打开；二、电脑开启局域网HTTP服务，手机通过同一Wi-Fi访问电脑IP地址；三、使用支持HTML运行的手机APP导入代码实时预览；四、将项目部署到GitHubPages、Vercel等静态托管平台，手机通过公网链接访问。
-
因为默认box-sizing:content-box将width视为内容宽，padding和border额外增加；改用box-sizing:border-box可使width包含padding和border，避免撑破父容器。
-
移动优先CSS通过先写移动端基础样式、再用媒体查询渐进增强，减少重复代码；统一用CSS自定义属性管理可变值，结构化命名断点，并集中处理同一断点下的多组件调整。
-
前端跨域问题因浏览器同源策略导致，可通过9种方案解决：1.后端配置CORS允许跨域；2.Nginx反向代理使请求同源；3.开发环境使用Vite或webpack代理；4.JSONP实现GET跨域（仅支持GET）；5.postMessage实现跨窗口通信；6.WebSocket不受跨域限制用于实时通信；7.document.domain适用于主域相同子域不同场景；8.window.name+iframe中转兼容旧浏览器；9.使用cors-anywhere等代理服务临时调试。推荐开发用本地代理，生产环境由后端配
-
H5页面无原创筛选按钮，因微博未在Web端开放该功能，仅客户端支持；原创判定唯一依据是接口返回的is_original字段值为1。
-
答案：使用SemanticUI的progress类结合HTML、CSS和JavaScript可创建并动态更新带百分比的进度条。1.引入SemanticUI的CSS文件；2.创建包含uiprogress类的基础结构，内含bar和progress元素；3.通过style设置width或用JavaScript修改宽度与文本内容实现百分比显示；4.可添加success、warning、error等状态类增强视觉反馈。动态更新时，通过JS改变宽度和内部文本即可实时反映进度变化。
-
justify-content控制Flexbox主轴上子元素的对齐与间距分配。默认主轴为水平方向，flex-start（默认）使项目左对齐，flex-end右对齐，center居中排列，space-between首尾贴边、中间间距均分，space-around项目两侧间距相等、边缘空白为中间一半，space-evenly所有间距完全相等。实际应用如导航栏用space-between实现两端对齐，按钮组用center居中显示，需均匀分布时用space-evenly。当设置flex-direction:col
-
应使用HTML的<textarea>标签或contenteditable属性创建可编辑文本区域：前者适用于表单提交，后者适合富文本交互；二者均需配合CSS样式、JavaScript控制及无障碍标记（如label绑定、ARIA属性）以提升功能与可用性。
-
sticky是position属性的合法值，用于滚动吸附定位；scroll不是定位值，而是overflow、scroll-behavior等滚动相关属性的关键词，二者语义层级不同，不可直接对比定位效果。
-
Vue是专注视图层的渐进式JavaScript框架，通过声明式渲染和响应式系统实现数据与DOM自动同步，支持模板语法、指令及组件化开发，并在Vue3中采用Proxy提升响应能力。
-
ES6模块通过import/export明确依赖关系、避免全局污染、支持静态分析与tree-shaking、提供严格作用域和语义化导出，是大型项目模块化的刚需解决方案。
