-
Flexbox适合组件内一维布局，Grid才是整页骨架的正确选择；二者应分工协作：Grid划分区域，Flex负责区域内元素对齐。
-
JavaScript浮点数计算不精确是IEEE754标准导致的共性问题，0.1+0.2结果为0.30000000000000004而非0.3；应使用误差容忍法（如Number.EPSILON或自定义容差）替代===比较。
-
用CSS实现图片“先模糊再清晰”效果的核心是通过@keyframes动画使filter:blur()值从大到小递减，如从10px到0，并使用forwards保持最终状态，配合ease-out实现自然对焦感。
-
Grid布局适合二维布局场景，如仪表盘、相册网格、表单对齐和响应式卡片墙；grid-template-columns/rows应优先用fr、minmax()与auto-fit配合repeat()；线编号从1开始，-1表示末尾线；调试务必开启DevTools的Grid面板并勾选显示线编号与区域高亮。
-
dataset属性仅映射HTML中初始声明的data-*属性，动态设置不会同步到DOM；推荐用setAttribute/getAttribute确保数据持久化与兼容性。
-
答案：WebCryptographyAPI可通过generateKey或deriveKey生成强密钥，推荐AES-GCM模式加密以保障机密性与完整性，结合PBKDF2派生密钥增强安全性，IV需唯一随机，密钥应设为不可提取并避免明文存储，必要时用wrapKey加密保存，还可利用ECDSA实现签名验证，确保整体方案安全可靠。
-
闭包是函数与其定义时词法作用域中自由变量的组合；它使内部函数能持续访问外层函数变量，即使外层已执行完毕，常用于封装和工厂模式，但也可能导致内存泄漏。
-
传统下拉菜单在无障碍访问方面存在挑战，主要因其常依赖视觉交互而忽视键盘和屏幕阅读器用户的需求。原生<select>元素虽具良好无障碍特性，但样式受限，导致开发者倾向自定义实现，却常忽略内置的键盘导航与ARIA属性支持。自定义菜单若缺乏语义化结构、WAI-ARIA角色与状态定义，以及键盘交互逻辑，将无法被辅助技术正确识别与操作。为增强可访问性，需1）优先使用原生元素或严格遵循无障碍标准构建自定义菜单；2）应用role="combobox"、aria-haspopup、aria-expanded等
-
CSS不生效主因是路径解析错误：file://协议下./指HTML所在目录，而http://服务器中./或/的基准取决于documentroot；应通过Network面板查404请求的实际URL，并统一用构建工具的base配置或相对路径确保一致性。
-
模态框高度不随内容撑开需用min-height与max-height组合：设min-height保小内容不塌缩，max-height用CSS变量限制上限，overflow-y:auto加在内容区实现局部滚动。
-
函数声明会被完整提升，优先级高于变量声明；函数表达式仅变量名提升为undefined。同名时函数声明覆盖变量声明，let/const存在TDZ不参与提升，重复var声明被忽略而函数声明会覆盖。
-
可通过五种CSS方式调整按钮尺寸：一、内联style设宽高；二、内部CSS定义类；三、外部CSS文件统一控制；四、用padding与font-size协同放大；五、transform缩放实现视觉放大。
-
HTML不是编程语言，需通过写、改、查、再写理解标签的结构与语义作用；<div>无语义而<section>表独立内容块，影响SEO、无障碍及未来CSS；须用验证工具检查嵌套、ARIA角色和Warning提示；class名应语义化、可维护，如author-bio；DOCTYPE必须顶格首行声明，否则触发怪异模式。
-
使用grid-template-areas可直观定义页面布局。1.建立包含header、main、footer的HTML结构；2.在CSS中用字符串命名区域，实现垂直堆叠布局；3.可通过修改grid-template-areas和grid-template-columns添加侧边栏；4.设置grid-template-rows:auto1frauto配合min-height:100vh，使页脚始终置底。该方法语义清晰、易维护，适合现代网页开发，关键在于命名一致和正确设置display:grid。
-
flex-direction:column不让子元素等高，因它仅定义主轴方向，需配合flex:1（含flex-basis:0）或显式高度+flex-grow；父容器须有明确高度，子项需设min-height:0防溢出。
