-
Prettier是提升JavaScript代码可读性和团队协作效率的主流格式化工具，支持多种语言，能自动处理空格、换行、引号等格式问题。通过npm或yarn在项目中本地安装可避免版本不一致问题。支持配置文件如.prettierrc或prettier.config.js来自定义规则，常用配置包括semi、singleQuote、trailingComma、printWidth和tabWidth。集成到VSCode等编辑器后可实现保存时自动格式化。若项目使用ESLint，需安装eslint-config-pr
-
JavaScript正则表达式元字符需用双反斜杠转义，escapeRegExp函数通过字符类匹配14个特殊字符并统一替换为"\$&"，兼容字面量和RegExp构造函数，确保动态字符串安全匹配。
-
纯函数指相同输入始终返回相同输出且无副作用的函数，如add(a,b)；柯里化是将多参数函数转化为单参数函数链的技术，如curriedMultiply(2)(3)(4)，两者提升代码可维护性与复用性。
-
本文介绍使用原生JavaScript为submit按钮绑定点击事件，动态修改目标div的CSS类名，实现“点击即显示”的交互效果，并兼顾页面刷新后的状态持久化方案。
-
hwb()函数需严格按色相（0–360，可省单位）、白度%、黑度%顺序书写，二者和≤100%，不支持alpha；失效主因是浏览器兼容性不足（Firefox≥111、Safari≥16.4）、拼写错误、构建工具未处理或缺失降级色。
-
JavaScript错误处理需结合try-catch捕获同步异常，async/await或Promise.catch处理异步错误，配合window.onerror和unhandledrejection全局监听，并通过自定义错误类型提升可维护性。
-
图文混排不塌陷需用flex布局并清除浮动，头像设flex-shrink:0，文字区域加overflow:hidden；阴影分层靠外阴影+内阴影错开参数；响应式用clamp()和min()控制尺寸；圆角发虚改用clip-path解决。
-
最稳方案是html元素上设background、min-height:100dvh、background-size:cover并用background-attachment:scroll；fixed易致兼容问题且需父级全链height:100%或min-height:100vh，iOS中vh动态变化，dvh更可靠。
-
width/height仅对非替换元素中的正常流块级元素有效；替换元素天然支持，inline元素需改display，浮动/绝对定位元素脱离文档流后才生效；box-sizing、百分比依赖父级尺寸、min/max-width/height及vh等单位需结合上下文使用。
-
clip-path裁剪失效最常见原因是元素未建立层叠上下文或未脱离文档流，且对inline、表格单元格及部分替换元素默认不生效；需设为block/inline-block或absolute/fixed定位。
-
当元素是父容器唯一子元素时:only-child生效，可用于动态布局中精准控制样式；例如通知框居中、按钮组间距优化及响应式设计中单个商品项占满宽度，无需依赖类名或JavaScript干预。
-
CSStransition在Grid布局中对opacity、transform等可动画属性有效，但grid-template-columns等结构属性不支持平滑过渡，需通过transform或变量间接实现视觉动画效果。
-
用记事本新建index.html，编码选UTF-8，写入完整结构：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"></head><body>你好</body></htm
-
用@mixin实现可复用断点逻辑的核心是分离“何时响应”与“响应后做什么”：定义统一断点变量或map，每个mixin仅包裹@media并使用@content注入样式，避免硬编码、嵌套调用及缺失@content。
-
TypedArray是JavaScript中直接映射底层二进制内存的类型化视图，具备零拷贝共享、确定性内存布局、与WebAPI无缝对接及高效协议解析等核心优势。
