-
Object.assign用于合并对象，实现浅拷贝，常用于默认配置覆盖；可合并多个对象，后对象属性覆盖前面同名属性，但嵌套对象会整体替换而非深度合并，需注意其局限性。
-
localStorage永久保存数据，sessionStorage仅在当前标签页会话有效；前者适合用户偏好等跨会话信息，后者适合表单草稿等临时数据；均受同源限制且仅支持字符串，禁存敏感信息。
-
块级元素水平居中需满足两个前提：必须是块级元素且设置明确宽度，然后使用margin:0auto；若无效，需检查是否浮动、定位或父容器为Flex布局。
-
Grid布局适用于二维页面结构，Flexbox擅长一维元素排列；前者通过行列定义实现复杂网格，后者沿主轴对齐子元素，常用于组件内部布局。
-
本文旨在解决Prisma客户端扩展在模块化时遇到的类型提取难题。通过深入探讨TypeScript的Parameters和Extract工具类型，我们展示了一种高效的方法来精确定义和分离Prisma客户端扩展的类型，从而提升代码的可维护性和可读性，避免直接在$extends方法内部定义复杂类型。
-
使用localStorage实现持久化缓存，将数据序列化为JSON字符串存储，适用于配置信息、用户偏好等不常变动的数据，提升前端性能和用户体验。
-
JSDoc是一种基于注释的语法，用于为JavaScript代码添加类型信息和文档说明。它通过特殊注释块（如@param、@returns、@typedef等）描述函数参数、返回值、自定义类型等，不改变代码行为但可被编辑器、ESLint、Webpack等工具识别，实现智能提示、类型检查与文档生成。例如使用@typedef定义User类型后，greetUser函数调用时会提示所需字段；在VSCode中启用"checkJs":true可实现强类型校验，结合template模拟泛型、import引入外部类型，提升
-
JavaScript中的正则表达式通过字面量或RegExp构造函数创建，支持i、g、m等修饰符，结合test()和match()方法可实现字符串验证与提取，如邮箱、手机号、URL等常见模式匹配，需注意转义、边界和量词使用，配合在线工具调试更高效。
-
状态机通过定义状态、事件和转移规则来管理对象行为变化。在JavaScript中可用对象实现，如电灯开关有'off'和'on'状态，响应'push'事件切换；进一步可封装为工厂函数createStateMachine，支持初始化、转移和回调，用于订单流程等场景；还可扩展钩子函数onEnter/onExit，实现登录流程中的提示与副作用处理，提升可维护性与扩展性。
-
合理使用JSDoc注解可提升JavaScript代码的可读性与维护效率，尤其在错误处理方面。通过@throws标签明确标注函数可能抛出的异常类型，如TypeError、NetworkError或自定义的AuthError，帮助调用者提前预知风险。在catch块中使用@type声明捕获的错误类型，并结合@description说明处理逻辑，有助于快速定位问题。定义语义化的自定义错误类并加以注解，增强团队协作理解。配合IDE的静态分析和checkJs、ESLint等工具，实现智能提示与类型检查，进一步保障代码
-
使用百分比宽高和padding实现自适应布局，结合box-sizing:border-box控制尺寸，可创建响应式容器；通过padding-bottom百分比维持16:9等比例缩放，适用于视频卡片；实际应用于自适应卡片组件，确保多端显示效果稳定。
-
使用PowerToys批量重命名可高效统一HTML和CSS文件名。首先选中文件并右键启动PowerToys工具，预览待修改列表；接着在“添加”选项卡中为HTML文件设置“page_”前缀，CSS文件设置“style_”前缀，实现分类对齐；然后切换至“重命名”选项卡，插入起始为1、增量为1的两位数序号，确保文件按序排列；随后在“搜索与替换”中将空格或下划线替换为连字符“-”，可启用正则表达式统一处理特殊字符；最后通过“模板”选项卡自定义命名格式如“project-{number}-{name}.{ext}”
-
使用CSSGrid的repeat(auto-fit,minmax())实现响应式卡片布局，能自动调整列数。1.设置display:grid；2.定义grid-template-columns:repeat(auto-fit,minmax(300px,1fr))；3.添加gap和padding优化间距；4.卡片样式支持悬停效果；5.推荐auto-fit使布局更紧凑；6.可结合max-width、媒体查询增强适配。该方案简洁高效，兼容现代浏览器，适用于多端场景。
-
使用background-clip和background-position实现文本渐变动画可避免color过渡卡顿，通过-webkit-background-clip:text将渐变背景作为文字颜色，配合transition控制background-position变化，利用硬件加速提升性能，建议设置0.3s~0.6sease-in-out动画时长，并避免滥用will-change以减少重绘压力。
-
模块联邦通过exposes和remotes配置实现应用间模块共享，运行时动态加载remoteEntry.js并注册远程模块，结合shared机制避免依赖重复加载，适用于微前端架构下的独立部署与插件化集成。
