-
JavaScript中解析JSON用JSON.parse()，序列化用JSON.stringify()；前者要求字符串严格符合JSON规范（双引号、无尾逗号等），后者三参数中replacer可过滤/转换字段，space用于格式化输出，二者配合可实现安全数据交换与简单深拷贝。
-
Flex容器默认不换行，关键在于flex-wrap属性（默认nowrap）；开启wrap后子项仍不换行需检查flex-shrink和宽度设置；多行对齐用align-content而非align-items。
-
HTML手风琴菜单可用原生details和summary元素实现，语义清晰、可访问性好、无需JS即可折叠展开；需注意summary必须为details首个子元素、用open属性控制默认展开、通过max-height+transition模拟动画，互斥效果须JS监听toggle事件实现。
-
HTML标签未闭合或嵌套错位会导致浏览器自动纠错，使DOM结构与源码不一致，引发布局错乱、样式失效、JS获取元素失败；应通过开发者工具Elements面板查看真实DOM、编辑器插件辅助、W3C校验器验证来排查修正。
-
必须借助JavaScript访问表单控件的value属性：一、getElementById通过ID获取单个值；二、querySelector用CSS选择器灵活定位；三、getElementsByName处理同名多控件；四、事件监听实时捕获变化；五、form.elements批量提取。
-
HTML5提供五种核心文件操作方法：一、用inputtype="file"选择文件；二、用FileReader异步读取内容；三、用Blob和URL.createObjectURL实现临时预览；四、用FormData构建上传请求体；五、用XMLHttpRequest监控上传进度。
-
Flexbox不支持真正瀑布流，因其column方向的flex-wrap无效且列等高；CSSColumns是轻量方案，兼容性好但不支持跨列对齐；Grid+JS补位可实现底边对齐，需处理图片加载与重排性能。
-
本文详解如何构建一个实时响应用户输入的文本预览系统，重点修复因字符串拼接错误导致的fontSize样式不生效问题，并提供完整可运行的HTML/CSS/JS实现方案。
-
级联下拉菜单的核心逻辑是通过父级选择动态筛选子级选项，确保数据联动性依赖前端事件监听、异步请求、后端数据过滤与DOM动态更新；实现时需在HTML中定义下拉元素，利用JavaScript监听父级change事件，清空并禁用子级，发送带父级参数的请求至后端接口（如/api/cities?provinceId=XXX），接收JSON格式城市列表后遍历生成option插入子级下拉框，加载完毕启用子级，同时通过禁用状态或加载提示优化体验；技术选型可采用原生Fetch、Axios或框架状态管理，优化手段包括按需加载、
-
导航菜单flex间距不均主因是容器未设明确宽度，导致justify-content无效；需设width:100%或max-width，并避免子项脱离文档流、文字换行及宽度假设。
-
动态添加class后样式未生效，主因是CSS选择器未匹配或被覆盖，需检查权重、拼写、大小写、空格、shadowDOM穿透、CSS加载时机及路径404等问题。
-
用transition实现自然悬停效果需明确指定属性、合理设置时长与缓动曲线，并确保初始和hover状态值可插值，transition必须写在非hover的原始状态中。
-
表单提交后页面刷新需调用event.preventDefault()阻止默认行为，或配置action指向后端；务必为控件添加name属性，声明UTF-8编码，后端校验内容并防刷。
-
首先确保HTML文件保存为UTF-8编码，使用文本编辑器另存为UTF-8格式；其次在命令行执行chcp65001切换至UTF-8代码页后再运行Prettier；接着在VSCode中设置files.encoding为utf8并启用files.autoGuessEncoding；最后可通过Node.js脚本显式以UTF-8读写文件，调用Prettier完成格式化。
-
Sass中无法用map-get($config,'colors.primary')直接取嵌套值，必须逐层调用或封装deep-map-get函数；注意key类型匹配、空值防护及配置结构统一。
