-
本文详解如何用XPath定位具有class属性且其值不包含指定子字符串（如"MobileWrapper"）的元素，避免误匹配无class的节点，并提供可直接使用的表达式与实战示例。
-
:checked伪类仅在radio/checkbox的checked属性为true时匹配，需配合+/~选择器控制关联标签样式，并隐藏原生input；常见失效原因包括缺name、for/id不匹配、漏cursor:pointer等。
-
MongoDB是基于文档的NoSQL数据库，采用BSON格式存储数据，具有模式自由、高可扩展性和丰富查询功能；Mongoose作为Node.js的ODM工具，通过Schema定义和模型封装提供数据验证、中间件、虚拟属性等机制，使操作MongoDB更结构化；通过User.create、find、findByIdAndUpdate等方法实现简洁的增删改查，结合链式调用提升代码可读性，并推荐使用异步连接与错误监听确保稳定性。
-
HTML的download属性仅对同源URL生效，跨域链接会忽略该属性直接跳转；解决方法是通过fetch获取远程文件并用Blob构造本地URL实现下载。
-
最简单有效的软降分辨率方式是直接缩放<canvas>的CSS宽高而不改其width/height属性，并关闭imageSmoothingEnabled。
-
柯里化是将多参数函数转换为一系列单参数函数的函数式编程策略，核心是每次传一个参数并返回新函数，直至参数收齐才执行；需基于fn.length判断形参个数，注意this绑定、rest参数兼容性及性能适用场景。
-
响应式表格列宽调整需设置table-layout:fixed使列宽均匀分配，结合百分比宽度与word-wrap处理文本溢出，并通过媒体查询在小屏隐藏非关键列，或用flex布局模拟表格以实现更灵活的自适应效果。
-
浮动元素的margin不生效？先确认是否触发了BFC直接给浮动元素设margin看似合理，但常发现上下间距“消失”或“塌陷”——根本原因是浮动元素脱离文档流，其margin与父容器或其他非浮动块之间不再按常规盒模型计算。尤其当父容器没清除浮动时，margin-top和margin-bottom往往视觉上无效。解决前提是：让浮动元素之间的间距真正由margin控制，而不是靠父容器“猜”高度。关键一步是确保父容器形成BFC（块级格式化上下文）。给父容器加overflow:hidd
-
使用HTML编辑器的实时预览功能可即时查看代码效果。1、选择支持该功能的编辑器如VSCode+LiveServer或在线平台如CodePen；2、编写包含基本结构的HTML文件；3、启用预览模式并实时观察修改效果。对于无自动刷新的编辑器，可通过Python启动本地服务器，在浏览器访问localhost查看，需手动刷新；也可使用JSFiddle等在线平台实现动态渲染与分享。
-
服务端渲染（SSR）指服务器在响应请求时动态生成含真实内容的完整HTML并返回浏览器，由服务器完成首次渲染，浏览器再通过hydrate激活交互能力。
-
HTML中<h1>至<h6>是语义层级标记而非字号开关，须按内容逻辑严格嵌套（h1→h2→h3…），禁止跳级或滥用；现代实践推荐单个<h1>表页面主旨，配合<section>和<article>实现正确层级解析。
-
JavaScript字符串操作方法均不修改原字符串，而是返回新值：包括查找（indexOf、includes）、截取（slice）、大小写转换（toLowerCase）、去空格（trim）、分割拼接（split/join）、替换（replace/replaceAll）等。
-
touch-action:manipulation必须直接作用于可交互元素（如button、a、带onclick的div），不能仅设在body上，因其不继承且易被子元素覆盖；需同时满足非表单控件、viewport未禁用缩放、无transform/opacity动画阻塞等条件才能消除300ms点击延迟。
-
使用position:fixed可使元素悬浮于视口固定位置，需配合top/right/bottom/left定位、z-index层级控制、响应式媒体查询适配、body内边距避让、@supports兼容性检测及will-change硬件加速修复滚动跳动。
-
JavaScript缓存核心是存得准、取得快、不过期：内存用Map实现O(1)查找，HTTP协同原生缓存与ServiceWorker，本地存储按需选localStorage或IndexedDB，并配TTL/LRU失效策略防雪崩。
