-
本文介绍如何在NestJS中基于TypeORM的QueryBuilder实现按数组字段（如category:string[]）精确匹配筛选，解决simple-array类型字段的模糊/包含式查询问题，并提供可复用、类型安全的分页查询方案。
-
JavaScript模块打包依赖构建工具而非原生特性，浏览器仅支持静态ES模块加载，不支持包名导入、非JS资源及文件合并；vite和webpack等工具通过图谱分析、转换与输出实现打包。
-
多列布局中绝对定位元素会脱离当前列，因多列容器不构成新定位上下文；需设position:relative使其成为包含块，且column-span、break-inside等属性可解决跨列与错位问题。
-
table单元格width较可靠而height常失效，因行高由最高单元格决定；正方形单元格需结合tr高度、line-height、vertical-align或aspect-ratio等综合实现。
-
应停用<marquee>标签，改用CSS动画+overflow:hidden模拟滚动并配合position与z-index精确控制层叠顺序。
-
float是借位排版，仅靠副作用实现布局且需手动修复塌陷；flex是原生布局，父容器自动包裹、子项默认等高居中、响应式切换只需改flex-direction。
-
JavaScript通过CanvasAPI实现网页图形绘制、图表生成与动画，核心是获取2D上下文并调用绘图方法；需准备canvas元素，设置样式，绘制矩形、圆、线；柱状图和折线图需手动映射数据到坐标；动画推荐requestAnimationFrame，配合清空画布、更新状态、重绘；注意性能优化与鼠标交互。
-
本文介绍使用原生JavaScript实现多组独立复选框的智能全选控制：点击全选框可批量操作，而手动勾选/取消任一子项时，自动同步更新全选框状态（全选时才为选中，任一未选则取消）。
-
使用Nginx作为反向代理可显著提升外部CSS加载速度。通过Homebrew在Mac上安装Nginx后，配置proxy_cache_path设置缓存路径，并在server块中定义location规则，将/css/路径请求代理至目标CDN。修改HTML中的CSS链接指向本地Nginx，实现资源缓存与快速响应。启用缓存后，首次请求由Nginx从远程获取并缓存，后续请求直接命中本地缓存（X-Cache-Status:HIT），减少网络延迟。结合proxy_cache_valid和proxy_cache_use_
-
WKWebView缓存需调用WKWebsiteDataStore.removeData(ofTypes:)显式清理，不能依赖NSURLCache；必须指定缓存类型（如DiskCache、MemoryCache、ServiceWorkerRegistrations等）、时间范围，并在completionhandler中reload页面，否则仍加载旧资源。
-
JavaScript函数是可重复使用的代码块，用于执行任务或计算并返回结果；支持函数声明、函数表达式和箭头函数三种定义方式，具备复用逻辑、控制执行时机、接收输入返回输出及支持高阶操作等核心作用。
-
应避免在函数外用var声明全局变量，因其会挂载到全局对象（如window）污染命名空间；const声明的对象可修改内部属性但不可重新赋值；let是块级作用域且存在暂时性死区，var是函数作用域并会被提升。
-
HTML5的<linkrel="preload">仅在HTML5+环境下生效，旧版HTML中被忽略；需配合as属性，且不支持浏览器（如IE）会跳过该标签。
-
判断表单是否被修改需手动维护脏状态：页面加载后立即用统一逻辑快照各字段当前值（value/checked/selectedOptions等），对比时同样逻辑读取实时值，注意空值处理与防抖，并避开disabled/readonly字段。
-
contenteditable="true"需满足父级未禁用、无干扰CSS（如user-select:none）、避免内联元素；ShadowDOM需显式设置；document.execCommand已废弃，应改用Selection/RangeAPI；粘贴需监听paste事件并DOMParser清洗；focus后需手动恢复选区。
