-
Flex布局中应优先使用gap而非margin控制子项间距，因margin易导致首尾多余空白、换行对齐错乱及兼容性问题；gap自动跳过首尾、响应式友好且语义清晰，IE11等旧浏览器可通过@supports进行特性检测降级处理。
-
用HSL调亮度最自然可控，因L值独立控制明暗且保持色相统一；如品牌色#4A6FA5转为hsl(213,38%,47%)，升L至82%得浅色版hsl(213,38%,82%)。
-
强调色不够突出主因是饱和度偏低，HSL模式可精准提升S值使其鲜活又协调；其H、S、L参数独立直观，比RGB/HEX更易控制；浏览器开发者工具可实时拖动S滑块调整（推荐80%–92%），并配合L微调确保可读性与耐看度。
-
十六进制颜色通过#RRGGBB表示RGB三通道，每对相同可简写为#RGB，八位格式#RRGGBBAa支持透明度，广泛用于网页设计。
-
GraphQL是一种用于API的查询语言和运行时规范，非JavaScript原生部分，不替代REST但提供更灵活高效的数据获取方式，支持客户端精确指定字段、多资源聚合及强类型schema。
-
clamp()函数通过min、preferred、max三值实现字体自适应，如font-size:clamp(16px,4vw,32px)可让字体在16px至32px间随视口动态调整，结合px与vw单位确保可读性与响应式布局，适用于正文、标题等场景，并支持fallback降级以兼容旧浏览器。
-
JavaScript跨域通信的核心方法是postMessage，它安全、标准、兼容IE8+，适用于iframe、弹窗、WebWorker等双向实时通信场景；其他方式如CORS、JSONP主要用于单向数据请求。
-
可通过内联style属性设置a标签颜色，如style="color:blue;"；2.使用CSS伪类可定义链接不同状态的颜色，如a:link、a:visited、a:hover、a:active；3.统一设置所有链接颜色可用a{color:green;}配合a:hover提升交互；4.建议避免与背景色相近的颜色，优先使用外部CSS便于维护，提升可读性与用户体验。
-
用color:transparent实现占位符视觉隐藏，需配合::-webkit-input-placeholder、::-moz-placeholder、:-ms-input-placeholder等兼容写法，禁用display:none或visibility:hidden。
-
箭头函数是ES6引入的简洁语法，无this/arguments/super/new.target，不能作构造函数；this继承外层作用域，无arguments需用...args，单表达式可隐式返回，但加{}须显式return。
-
内嵌样式优先级高于外部样式表，若同时设置相同属性，浏览器优先应用内嵌样式；具体优先级为内联样式>内部样式表>外部样式表，且受选择器特异性和!important影响。
-
模板字面量使用反引号包裹，支持嵌入变量和表达式、多行字符串及标签函数。例如：constname="小明";constage=25;constmessage=你好，我是${name}，今年${age}岁。;可直接输出拼接结果；${a+b}支持运算，${status?'在线':'离线'}支持三元表达式；多行字符串无需转义，保留格式；通过标签函数如highlight可自定义处理逻辑，用于防XSS或国际化等场景。
-
:not选择器可排除特定元素并结合组合选择器实现精细样式控制，如div>p:not(.alert)、label+input:not([type="submit"])等，适用于按钮状态、导航链接、表单字段等场景，提升代码可维护性；现代浏览器支持良好，建议避免复杂嵌套以优化性能。
-
函数组合是将多个一元纯函数按右结合顺序串联成新函数的过程，提升可读性、复用性与可维护性；典型实现为compose(f,g,h)等价于f(g(h(x)))，需避免副作用、多参及异步函数直接参与。
-
严格模式禁止未声明变量赋值、删除不可配置属性、重复函数参数、八进制字面量和with语句；启用方式为脚本或函数首行添加"usestrict"；使this在全局函数中为undefined，限制eval作用域，解除arguments与形参同步；新项目仍推荐使用。
