-
Monad是函数式编程中处理带上下文值的模式，提供of和chain方法实现链式操作；常见如Maybe处理空值、Either处理错误、IO延迟副作用，通过封装使代码更简洁可组合。
-
嵌入式样式是将CSS写在HTML的<style>标签内，位于<head>中，其优先级与外部样式表相同，取决于选择器权重、来源顺序和!important声明。
-
正确设置HTML网页标题是SEO优化的第一步，需在<head>中用<title>标签定义纯文本标题，控制50–60字符、唯一描述性强、避免模板化，并验证渲染与索引效果。
-
JavaScript字符串不可变，所有方法均返回新字符串；判断子串用includes()更清晰；split()/join()适合分隔符处理；提取片段优先用slice()；注意Unicode安全性。
-
JavaScript模块化分ES6（静态编译时解析、实时绑定）和CommonJS（动态运行时加载、值拷贝），二者不原生兼容，需工具桥接；现代前端优先ES6，Node新项目可启用ESM，npm包建议双格式发布。
-
Flexbox通过justify-content设置主轴对齐，align-items控制交叉轴对齐，align-self单独调整子元素，align-content管理多行行间对齐，实现灵活布局。
-
使用grid-auto-flow:dense与媒体查询可实现响应式图文混排。通过设置网格容器的列数、行高及自动填充模式，结合不同屏幕宽度调整布局结构，使大图占多格、小元素自动补位，提升空间利用率；配合minmax()与auto-fit进一步增强弹性，确保在手机、平板和桌面均有良好显示效果，同时需注意DOM顺序与可访问性协调。
-
@import会阻塞页面渲染，因其同步串行加载机制；路径解析以当前CSS文件为基准；媒体查询不延迟加载；构建产物中残留@import暴露源码且影响性能。
-
正确实现scale+opacity动画需显式声明from状态（如scale(0.7)、opacity(0)），元素选择器中预设初始样式，配合animation:...forwards；仅定义to会导致无动画，且须避免font-size缩放、冗余will-change及IE/Safari兼容遗漏。
-
使用<style>标签可在HTML中嵌入CSS，推荐置于<head>内以优化加载。基本语法为“选择器{属性:值;}”，可定义页面样式、响应式规则等，适用于局部调整或快速开发，但大型项目建议外链CSS以利于维护。
-
减少DOM节点数量，避免渲染空行或隐藏数据，采用分页或虚拟滚动；2.合并单元格并简化表头结构；3.启用懒加载与分页，结合JavaScript框架优化重绘；4.设置table-layout:fixed，简化HTML与CSS；5.压缩数据、异步加载并启用缓存。
-
正确添加HTML标签需遵循结构规范：首先理解标签由开始、内容和结束三部分组成，如<p>内容</p>；接着在代码编辑器中将标签插入HTML文档的body等合适位置，例如添加<h2>标题</h2>；然后掌握常用标签如段落、标题、链接<ahref="网址">文字</a>和图片<imgsrc="路径"alt="描述">；最后通过检查闭合、属性引号、使用W3C验证工具及多浏览器测试确保标签正确。
-
直接监听scroll易卡顿因触发频率过高导致重排重绘，应改用IntersectionObserver实现触底加载，配合cursor分页与AbortController避免状态混乱。
-
表单验证应慎用正则，优先使用原生属性；正则适用于手机号、身份证、密码强度等业务规则校验，需注意避免过度匹配、回溯爆炸，并采用预编译与分层验证策略。
-
Symbol是JavaScript的第七种原始类型，每次调用Symbol()都返回独一无二、不可重复创建的值，核心用途是作为安全防冲突的对象属性键或内置方法钩子。
