-
函数柯里化是将多参数函数转化为单参数函数链的技术，通过闭包和递归实现参数累积，直到满足原函数参数数量才执行，提升代码复用与灵活性，适用于事件处理、工具函数构建等场景，但需注意this指向、fn.length局限性及性能开销。
-
TailwindCSS通过移动优先的响应式断点类实现移动端适配，提供sm、md、lg、xl、2xl五种默认断点，支持自定义配置；使用断点前缀如md:、lg:可针对不同屏幕尺寸调整样式，例如字体、布局、间距及元素显示，推荐先为小屏设置基础样式再逐层优化大屏体验，结合类名组合实现跨设备一致的响应式设计。
-
CSS选择器需按匹配逻辑分层理解，核心是明确“选中范围”与“优先级来源”；应结合HTML结构选择元素、类、ID、属性、伪类等选择器，并区分后代、子代、兄弟关系。
-
直接上手Flexbox是提升布局能力最高效的方式，它规则清晰、兼容性好，适合新手建立“容器-项目”思维；掌握容器属性（如justify-content、align-items）和5个典型场景即可覆盖80%常用布局。
-
HTML无透明颜色代码，须用CSS的rgba()/hsla()等格式实现；rgba(0,0,0,0.5)为半透黑，alpha值须为0–1小数，禁用百分比；transparent语义单一，opacity影响整元素及子节点，背景透明应优先用rgba()。
-
闭包是JavaScript中函数与其词法作用域的组合，使内部函数能持续访问定义时外部函数的局部变量；其形成于返回函数引用外部变量时，变量生命周期延长且受词法作用域约束，常用于模块封装等场景但需防内存泄漏。
-
应使用rgba()或hsla()直接设置border-color的alpha值，而非opacity或filter，以免影响元素内内容；rgba()和hsla()的第四个参数为0–1的小数，代表透明度；需注意父容器背景可能遮挡透明边框效果。
-
JavaScript作用域是词法作用域，由代码书写位置决定：var/let/const在函数外声明为全局，函数内声明为局部；无关键字赋值强制创建全局变量；作用域链支持正向查找但不反向；let/const提供块级作用域，var没有；应优先使用let/const并始终显式声明。
-
前端开发中HTML压缩与美化可通过构建工具、Node.js脚本或编辑器插件实现；2.Webpack、Gulp、Grunt支持自动化处理，分别通过对应插件配置压缩与美化任务；3.无构建项目可用Node.js结合html-minifier和js-beautify库批量处理文件；4.VSCode等编辑器借助Prettier等插件可即时格式化代码，提升可读性；5.合理配置规则可避免过度压缩或解析错误，保障效率与代码质量。
-
代码分割通过将JS应用拆分为按需加载的模块，减少初始加载时间，提升缓存效率，优化资源利用，从而实现前端弹性伸缩。
-
NotificationAPI本身不支持加密，因其仅接收明文参数并在系统层直接渲染；保护通知内容需服务端过滤、前端运行时解密（如WebCryptoAES-GCM）及配套HTTPS、权限控制等措施。
-
掌握HTML5调试技巧需先使用浏览器开发者工具，通过Elements面板检查DOM结构，Console查看JS错误与日志，Sources设置断点调试，Network监控资源加载；再验证HTML语义化标签正确性，避免嵌套与闭合错误，并用W3C验证器检测语法；针对Canvas和多媒体元素，确认上下文获取、资源路径、格式支持及播放设置；结合console精细化输出对象、数组、执行时间等信息；最后在真实设备测试响应式与触摸交互，提升开发效率。
-
使用Flexbox可通过justify-content和align-items实现多列文本居中：1.justify-content:center使列在主轴水平居中；2.align-items:center在交叉轴垂直居中；3.配合text-align:center使文本自身居中，需设置容器高度与gap间距，适用于多列布局且整体对齐效果直观灵活。
-
HTML5语义标签在邮件中基本不可用，因Outlook、Gmail、iOSMail等客户端会剥离或忽略这些标签；邮件开发必须回归table布局+内联样式，可借助MJML等工具实现语义化抽象与兼容性保障。
-
颜色值写法（#rgb、rgb()等）渲染开销相同，均在样式计算阶段转为RGBA，不影响性能；真正影响性能的是动态操作，如JS拼接、CSS变量在动画中使用、filter触发图层分裂。
