-
对象字面量{}创建最常用安全，适合静态结构；键名含特殊字符须加引号；点号访问合法标识符，方括号支持动态键；方法中this指向调用者，易丢失需绑定。
-
前端生成PDF主要依赖jsPDF和html2canvas库的组合。1.使用jsPDF可编程创建PDF，适合结构化文档，能精确控制文本、图形、图片等元素；2.结合html2canvas可将HTML内容转为Canvas图片，再由jsPDF嵌入PDF，实现复杂样式“所见即所得”导出，但文本不可选。该方案减轻服务器负担、提升用户体验、支持离线操作，适用于报告下载、证书生成、打印预览等场景。需注意性能优化（如简化DOM、压缩图片、合理设置scale）、字体嵌入以保证跨设备一致性，以及处理跨域图片和CSS兼容性问题，
-
JavaScript的try...catch仅捕获同步执行异常，不处理异步错误、语法错误、资源加载失败及Promise拒绝；需在调用处包裹且await异步操作，catch参数应命名避免覆盖Error，finally中避免return或throw。
-
HTML转PDF时<ahref>链接失效的主因是PDF生成器未启用可点击链接支持或HTML链接格式不规范；wkhtmltopdf需加--enable-local-file-access和--allow参数，浏览器打印要求链接为完整URL，pdfkit须透传对应参数，且PDF查看器权限也影响链接表现。
-
Grid是三栏自适应首选方案，用grid-template-columns可设定宽+自适应布局（如200px1fr300px）或等比伸缩（1fr2fr1fr），配合媒体查询实现响应式单列；gap控制间距更可靠，避免margin塌陷。
-
HTML5不提供验证码加密校验功能，仅负责表单结构和基础交互；加密校验需前后端协作：前端用HTML5+JS实现输入控制与防呆，后端完成生成、存储、比对及安全校验。
-
事件委托利用事件冒泡将监听器绑定到父级元素，实现对子元素事件的统一管理。1.在动态内容中，新增或删除DOM元素时无需重复绑定事件，如待办列表中通过父容器监听“完成”“删除”按钮点击，提升维护性；2.在大量交互元素场景（如表格、树形结构）中，减少监听器数量，显著降低内存消耗并提升性能。
-
小屏卡片错位或溢出主因是视口控制缺失与弹性容器响应边界不当，具体表现为width固定、min-width过大、flex-wrap未启用；应改用clamp()自适应宽度，配合aspect-ratio、line-clamp和contain优化性能。
-
CSSSubgrid通过让子网格继承父网格的行列定义解决了嵌套对齐难题。1.传统网格布局中子网格需手动计算对齐，维护困难；2.Subgrid允许子网格直接引用父级轨道，实现自动对齐；3.在复杂数据表格中可精准对齐多级内容，如销售拆分数据；4.主流浏览器已全面支持Subgrid，兼容性显著改善。
-
本文介绍如何使用jQuery实现：当用户在输入框中输入文本时，自动禁用下拉菜单（<select>）中文字内容完全相同的<option>项，避免重复选择。
-
柯里化是将多参函数转换为单参函数链的过程，每次只接收一个参数并返回新函数，直至参数收齐才执行原逻辑；核心在于参数分层与部分应用，而非语法炫技。
-
CSS中ID选择器若以纯数字开头（如#7），必须进行Unicode转义才能被正确解析；否则浏览器会忽略该规则，导致样式（如flex-shrink）失效。
-
React组件的useState是局部且瞬时的，每次组件卸载再挂载都会重新初始化为初始值；若需跨生命周期持久化状态，应使用Context+useReducer构建全局状态管理。
-
最直接验证手机号的方式是使用正则表达式，但为确保准确性和国际化支持，应结合第三方库如libphonenumber-js并辅以后端验证；正则适用于前端初步格式校验，能快速过滤明显错误，但无法应对动态号段变化和国际格式差异，且仅能验证“形”而不能确认号码真实性，因此在实际应用中，建议前端用正则或libphonenumber-js进行基础校验，再通过短信验证码或运营商API在后端完成真实性验证，从而实现从格式到可用性的完整校验流程。
-
flex-grow设为1左右宽度不等，因它只分配剩余空间，初始宽度由内容决定；需用flex-basis显式设基础宽度（如30%/70%），并配合flex-shrink控制收缩行为。
