-
现代前端应用需要状态管理，因为随着应用复杂度提升，分散的状态导致维护困难，而状态管理通过集中控制和单向数据流确保可预测性；Redux作为典型方案，其核心是单一不可变状态树（store）、描述变化的动作（action）、纯函数reducer处理状态更新、以及通过dispatch触发更新的流程，四者协同实现清晰、可调试的状态管理机制。
-
网页邮件发送需结合前端与后端：一、用mailto:链接调用本地邮件客户端，预填信息但依赖环境；二、用Ajax调用后端API通过SMTP发信，可反馈状态；三、用表单+隐藏iframe实现兼容性提交；四、集成SendGrid等第三方SDK，需安全传递密钥。
-
flex-basis是解决Flex子项比例失效的关键，它明确弹性计算起点；设为0配合flex-grow可实现严格比例分配，比width更可靠，且需配合min/max-width防止异常。
-
防抖是“等你停手再执行”，节流是“固定节奏执行”；防抖适用于搜索建议、表单校验等需操作结束后响应的场景，节流适用于滚动加载、resize适配等需持续但限频响应的场景。
-
浮动元素的宽高遵循CSS盒模型，宽度未设置时由内容决定，行内元素浮动后转为块级；高度由内容撑开，子元素浮动可能导致塌陷，需清除浮动；box-sizing影响宽高计算，margin、padding等正常应用但外边距折叠可能变化，常用于文字环绕或布局，建议配合清除浮动并优先使用Flexbox或Grid。
-
JSON.parse()遇Unexpectedtoken错误主因是字符串含HTML标签、BOM、缩进不规范或字段名缺双引号；应先trim去空、检查不可见字符，优先用response.json()；JSON.stringify()会忽略函数/undefined/Symbol等，需replacer处理特殊类型；嵌套JSON须两层解析并try/catch；环境差异上，浏览器fetch自动校验Content-Type，Node.js需手动处理，且均不支持注释和尾随逗号。
-
使用for循环、seq命令或结合echo可批量创建HTML文件。例如执行foriin{1..10};dotouchpractice$i.html;done，生成practice1.html到practice10.html；或用seq-f"exercise%g.html"110|xargstouch创建exercise1.html至exercise10.html；还可通过echo写入初始内容，如标准HTML结构，便于直接练习。
-
应删除HTML中冗余表格结构以提升语义性与性能：一、用开发者工具识别空表及布局型table；二、手动移除无内容且无样式依赖的空表格；三、将布局table替换为div+CSSGrid/Flex；四、批量清除过时属性与冗余标签；五、用正则表达式自动化精简。
-
Grid布局行高不一致主因是内容高度差异、grid-auto-rows仅作用于隐式行，以及子项的min-height或align-self影响；统一高度应优先用grid-template-rows配合repeat()，辅以overflow控制和align-self调整。
-
为伪元素添加动画需满足三前提：①必须设置content（如content:""）；②需display属性（如block）以支持盒模型和transform；③animation必须直接写在::before/::after规则内，不可依赖继承。
-
HTML5文档添加样式有三种方式：一、用link标签外链CSS文件，实现结构与样式分离；二、用style标签内嵌CSS代码，适用于局部样式或调试；三、用style属性设行内样式，优先级最高但难维护。
-
使用position:fixed+transform是推荐的模态框居中方案，通过top:50%、left:50%和transform:translate(-50%,-50%)实现未知宽高下的精准居中，兼容性好且无需预先知道尺寸；另一种是position:absolute配合负margin，适用于已知宽高情况，需父容器相对定位并手动设置边距，维护性较差。建议搭配fixed定位的半透明遮罩层提升体验，合理设置z-index确保层级正确。
-
JavaScript已发展为通用编程语言，可运行于浏览器、服务器（Node.js）、桌面（Electron/Tauri）、移动端（ReactNative/Ionic）、数据库（MongoDB）、IoT设备等；需注意各环境API、模块系统、ES版本及安全限制差异。
-
WeakMap是唯一不阻止垃圾回收的键值结构，专为元数据绑定设计；键必须是对象且为弱引用，无size、遍历、清空等方法，无法序列化或调试。
-
图片垂直居中需据容器类型选择方案：行内元素用line-height+vertical-align:middle；块级容器用flex布局align-items:center；混合场景可用inline-flex，避免line-height与flex混用。
