-
Flex子元素宽度不均的根源在于主轴尺寸分配未明确控制，需用flex-basis设基准宽度、flex-grow控剩余空间分配，并注意min-width、flex-shrink等干扰因素。
-
HTML5中<table>仍用于语义化二维数据，禁用于布局；须用<thead><tbody><tfoot>提升可访问性与打印支持；小屏用overflow-x:auto而非缩放；多级表头用scope或headers确保无障碍。
-
当使用CSSGrid布局时，只有网格容器的直接子元素才能通过grid-column/grid-row等属性参与网格定位；嵌套在中间容器（如.profile-p-info）内的元素（如.profile-p-name-div）因非直系子项而被忽略，导致定位失效。
-
用同一form组织公司/个人字段，通过data-invoice-type标记并用JS显隐控制；radio切换类型，统一name传值；tax_id必填校验交由JS动态处理，切换时清空残留值。
-
color-scheme是实现网页深色模式适配的关键CSS属性，通过设置lightdark可使页面原生控件自动匹配系统主题，结合prefers-color-scheme可同步自定义样式，提升用户体验。
-
将HTML5页面发布到线上服务器需五步：一、整理并验证本地文件及资源；二、选择虚拟主机、云服务器、对象存储或静态托管服务并配置；三、用FTP等工具上传文件至服务器根目录；四、配置域名DNS解析指向服务器IP或CNAME；五、通过多设备多浏览器测试访问效果与兼容性。
-
fixed遮罩层挡不住点击是因为z-index不足、缺少pointer-events:auto且未用inset:0；弹窗需三层嵌套+flex布局+min-height:0；iOS需禁用body滚动并预置DOM避免闪烁。
-
console不只是console.log()，它有一套完整、可交互、带性能分析能力的调试工具链，但多数人只用到了20%的功能；关键在于按场景选方法，而不是堆console.log()。
-
完全行且推荐，CSSGrid负责区域划分，Flex负责内部对齐；常见问题包括Grid项高度未定义导致Flex的height:100%失效、align-items:stretch拉伸干扰、方向误判、fr单位压缩、嵌套过深难维护、IE11不支持Grid等。
-
最稳妥做法是在:root中声明全局CSS变量，确保所有基础色有默认值，再通过媒体查询或class覆盖；JS动态换肤应批量注入主题对象，var()必须带字面量fallback，构建时用style-dictionary等工具统一管理设计Token。
-
PurgeCSS删不掉class是因为它只识别静态字符串，忽略动态拼接、JS注入和模板字符串中的class；需正确配置content路径、插件顺序、避免运行时生成，并用whitelist、dry-run等手段验证。
-
JavaScript深拷贝中，JSON方法无法正确处理Date和RegExp对象，会丢失类型信息；Lodash的cloneDeep默认支持，通过newDate()和newRegExp()重建实例；手写需显式判断类型并兼容IE。
-
HTML连接外部JS文件有五种方法：一、用script标签的src属性引入；二、在script标签内嵌入JS代码；三、用defer属性延迟执行；四、用async属性异步加载执行；五、动态创建script标签按需加载。
-
本文介绍在GoogleAppsScript中根据目标列（如D列）的数值条件，动态识别当前行所属逻辑区块，并自动选取对应头部/尾部参考单元格（如A7/A8或A36/A38），实现结构化数据提取与追加。
-
rgba(0,0,0,透明度)是实现黑色半透明背景的首选方案，可精准控制明暗与通透感，且不影响子元素；需避免使用opacity以免连带降低子内容透明度；兼容性方面IE8以下需添加纯黑降级；配合backdrop-filter可实现毛玻璃效果。
