创建HTML文件需用文本编辑器新建并保存为index.html，编码UTF-8；编写含DOCTYPE、html、head（含meta和title）、body结构；在body中添加h1、p、ul等语义化内容；保存后用浏览器打开验证，注意标签闭合、编码声明及内容位置。

WKWebView中需通过原生拦截下载：H5用window.webkit.messageHandlers.download.postMessage(绝对URL)触发，原生在webView(_:decidePolicyFor:decisionHandler:)中拦截并用URLSessionDownloadDelegate下载，保存至Documents目录，务必moveItem避免文件丢失。

background-size:cover未填满容器是因强制保持宽高比导致裁剪，非bug；当图片与容器宽高比不同时，cover会等比缩放至完全覆盖，多余部分被裁切。

柯里化是将多参函数转换为单参函数链的过程，每次只接收一个参数并返回新函数，直至参数收齐才执行原逻辑；核心在于参数分层与部分应用，而非语法炫技。

函数声明会被提升到作用域顶部，可提前调用；函数表达式仅变量声明提升（var）或不提升（let/const），提前调用报错。实操中需提前调用选声明，控初始化顺序选const/箭头函数。

元素偏移是因为top/left定位的是左上角而非中心，需用transform:translate(-50%,-50%)回拉自身宽高一半；父容器须设position:relative，transform百分比基于自身尺寸，多变换时居中translate必须置首。

浏览器没有直接的条码扫描API，因为W3C倾向于提供通用能力而非特定应用封装。要实现浏览器内条码扫描，核心步骤是：①通过navigator.mediaDevices.getUserMedia请求摄像头权限并获取视频流；②将视频流绑定到HTML的<video>元素以供用户查看画面；③引入ZXing-JS、QuaggaJS或HTML5-QR-Code等JavaScript库进行实时帧捕获与解码；④在识别成功后处理数据并停止摄像头释放资源。核心技术栈包括HTML5（<video>、<

通过在HTML的input[type="checkbox"]中设置value属性，可自定义表单提交时的“选中值”；而未选中时该字段根本不会出现在$_POST中，需用isset()判断，从而实现“选中显示Positive，未选中显示Negative”的逻辑。

使用absolute定位结合媒体查询实现响应式侧边栏：1.通过position:absolute使侧边栏脱离文档流，固定于屏幕左侧；2.利用mediaqueries在小屏下调整宽度或隐藏侧边栏，主内容自适应；3.配合transform和JS实现抽屉效果，优化移动端体验。

CSS变量统一徽章背景色是最直接、可维护性最强的解法：在:root定义语义化颜色变量（如--badge-success），各徽章类通过var()引用，支持fallback、主题切换及运行时更新，需注意声明顺序与嵌套限制。

::before伪元素必须配合content属性使用，否则不渲染；content可为空字符串或Unicode转义字符；需显式设置display以控制布局；其内容不可被屏幕阅读器识别，关键语义应使用真实HTML元素。

应采用特性检测而非浏览器检测：一、用Modernizr检测并适配HTML5/CSS3特性；二、原生JS检测API存在性；三、渐进增强HTML结构；四、结合@supports做CSS特性检测；五、依据caniuse数据与用户统计设定目标浏览器。

CSS网格布局可高效实现拼图式响应式页面：通过grid-template-areas定义区域、fr/minmax设置不规则尺寸、aspect-ratio与object-fit控制图片比例、grid-auto-flow处理动态项，并用媒体查询适配移动端单列布局。

HTML元素意外居中通常源于text-align、margin:auto、flexbox或grid的对齐属性，可通过重置文本对齐、清除自动外边距、禁用flex/grid居中及全局CSS重置来解决。

<p>用min-height是解决内容区高度不够最直接安全的方式，它设最小高度且允许内容增多时自动延展；height则强制固定易致溢出。常用值有300px、100vh、calc(100vh-80px)，配合flex布局时需父容器设column和100vh，子项用flex:1加min-height兜底；注意百分比需父元素有明确高度，推荐box-sizing:border-box。</p>