-
fr是Grid弹性单位，按比例分配剩余空间，适配不同屏幕；混用时固定值优先于minmax()和fr；响应式应重构布局而非缩放；auto-fit+minmax实现自适应列数；gap比margin更安全控制间距。
-
应优先用if而非switch：当需判断数字范围（如age≥18）、处理动态/连续值、使用任意布尔表达式或复杂逻辑时；switch仅适用于多个固定值的精确匹配。
-
JavaScript本身不能直接构建桌面应用，但可通过Electron框架将Web技术打包为跨平台原生程序；其核心是Chromium渲染界面、Node.js提供系统能力，分主进程（管理窗口与生命周期）和渲染进程（展示UI），通过IPC通信；需preload脚本安全调用系统API；可用electron-builder打包为独立可执行文件。
-
使用::marker伪元素可自定义列表项目符号样式，支持color、font-size等属性；通过li::marker可修改颜色大小，结合list-style:none与::before可自定义无序符号，配合CSS计数器能实现高级有序列表样式，提供比list-style-type更精细的视觉控制。
-
能，但非万能：box-sizing:border-box使padding包含在width内，适用于固定宽父容器；全局重置需慎用，flex/grid中需配合min-width:0等策略。
-
:checked用于响应表单选中状态，:disabled控制禁用样式，二者结合可实现无需JavaScript的交互反馈，如自定义复选框、暗黑模式切换及多步表单逻辑，提升用户体验与可访问性。
-
原生对话框（alert/confirm/prompt）虽零依赖但阻塞主线程、无样式定制且兼容性差，现代项目应优先使用语义化可定制的<dialog>元素或轻量封装方案。
-
本文介绍如何通过URL查询参数（而非哈希）在页面首次加载时自动显示指定标签内容，配合语义化HTML与现代JavaScript实现无闪屏、可直链、无障碍友好的标签切换功能。
-
HTML5<template>标签是原生元素，非模板引擎，仅支持静态内容克隆；需通过.content.cloneNode(true)访问并插入DOM，不可用innerHTML，IE不支持需降级处理。
-
微博网页版m.weibo.cn不提供特别关注功能，因其自2021年底已下线该功能，API移除is_top字段，前端无对应DOM，且服务端关闭所有外部调用权限，仅App支持。
-
不推荐使用<u>标签是因为它原本是纯视觉标签，违背了HTML语义化原则，容易造成屏幕阅读器误解，影响可访问性；2.现代开发应使用CSS的text-decoration属性来实现下划线，以实现结构与表现分离，提升代码可维护性和样式灵活性；3.<u>标签在HTML5中保留，适用于标记拼写错误或非强调性注释等特定语义场景；4.CSS的text-decoration属性可实现下划线、上划线、删除线、波浪线等多种样式，并能自定义颜色、粗细和线型，提供更强大的视觉控制能力。
-
Chrome/Firefox中滚动条消失却无法滚动，主因是overflow未触发或隐藏后未补偿占位空间；Webkit需::-webkit-scrollbar{width:0}，Firefox需html{scrollbar-width:none}，且须手动抵消滚动条宽度。
-
使用table-layout:fixed可防止表格列宽被内容撑开，通过设定固定宽度和文本换行处理，确保布局稳定，适用于响应式设计。
-
HTML5无原生3D按钮，实用方案是CSS3D变换（perspective+rotate）配合阴影渐变模拟视觉效果，跳转逻辑须与样式解耦，禁用WebGL过度实现。
-
本文介绍如何在React中根据一个「顺序数组」（如["567","645","852",..."]）对数据源数组进行可重复、保序、不修改组件的渲染，核心是构建userId→数据对象的查找表（lookupmap）。
