-
lang()伪类必须配合HTML的lang属性才能生效，仅写CSS无效；它只匹配显式声明或继承的lang值，不自动识别系统语言，且大小写不敏感但建议统一小写。
-
CSS盒模型与display属性共同决定元素布局表现。盒模型由内容、内边距、边框和外边距组成，width和height默认仅作用于内容区，可通过box-sizing改变。display属性控制元素类型：block独占一行，可设宽高，完整支持盒模型；inline在行内排列，宽高无效，垂直margin不参与布局；inline-block兼具行内排列与完整盒模型特性，常用于按钮等需精确控制的场景。现代布局中，display:flex和display:grid基于标准盒模型，但由容器主导尺寸分配，子元素仍遵循盒模
-
本文详解React事件中event.target与event.currentTarget的关键区别，通过替换为currentTarget即可稳定获取按钮绑定的value，彻底解决点击子元素（如图标）时值丢失的问题。
-
flex-direction决定主轴方向并影响对齐属性作用轴，row为默认水平左→右，row-reverse、column、column-reverse分别反转或垂直排列；flex-wrap控制换行，nowrap强制单行，wrap/wrap-reverse允许折行且justify-content仅作用于当前行；align-content用于多行在交叉轴的对齐；order按数值升序调整渲染顺序但不改变DOM结构及无障碍访问；flex-flow是direction与wrap的简写，建议初学者显式声明以避免调试
-
justify-content控制主轴对齐，align-items控制交叉轴对齐；主轴由flex-direction决定（row为水平，column为垂直），二者作用方向始终正交，且不改变元素自身尺寸。
-
实现一个符合PromiseA+规范的Promise库，需定义PENDING、FULFILLED、REJECTED三种状态，构造函数执行executor并传入resolve和reject方法，通过onFulfilledCallbacks和onRejectedCallbacks存储异步回调；then方法返回新Promise，根据当前状态异步执行onFulfilled或onRejected，并调用resolvePromise解析返回值x；resolvePromise函数处理x为promise或thenable的
-
JavaScript无原生字符串加密，哈希（如SHA-256）仅用于不可逆摘要，密码存储等；真正可逆加密需用WebCryptoAPI的AES-GCM等对称算法。
-
Chrome双击打开本地HTML报错是因file://协议受安全策略限制；临时方案是命令行加--allow-file-access-from-files参数，但新版已弃用；推荐起本地HTTP服务（如Python的http.server或VSCode的LiveServer），以真实环境模拟开发。
-
手机HTML5页面需通过五步优化：一、设置viewport元标签；二、采用响应式CSS布局；三、启用触摸事件替代鼠标事件；四、优化媒体资源加载；五、检测并适配设备特性。
-
使用font-weight:normal可取消文字加粗，包括内联样式、类选择器、覆盖继承值、重置语义标签默认样式及all:revert/unset批量处理。
-
align-self:start未生效最常见的原因是父容器未启用Grid布局（需display:grid/inline-grid），或目标元素非直系网格子项、被float/absolute/display:contents脱离格式化上下文；它仅作用于交叉轴（垂直方向），且不接受top值，必须用start。
-
gap属性不生效的根本原因是父容器未正确启用网格布局，必须设置display:grid或inline-grid；若用CSS变量控制gap，需通过setProperty主动更新并避免calc嵌套计算。
-
将记事本中的HTML代码保存为.html文件后，通过浏览器打开即可查看网页效果。1、编写代码后点击“文件”→“另存为”，设置保存类型为“所有文件”，文件名输入如“index.html”。2、选择保存位置（如桌面）并点击保存。3、双击该文件或右键选择浏览器打开，可查看页面效果。4、若需修改，右键文件选择“编辑”用记事本打开，修改后保存并刷新浏览器。5、确保代码包含<!DOCTYPEhtml>、<html>、<head>、<body>等基本结构，标签成对出现，符
-
scroll-behavior:smooth最常见失效原因是未加在html根元素上，而误设于body或容器；必须写为html{scroll-behavior:smooth;}，且需确保html无overflow:hidden等限制、页面有足够滚动高度、锚点href指向唯一合法id。
-
本文详解MERN全栈项目在Render.com部署失败的典型问题：服务启动成功但前端页面返回404，核心原因是Express服务端路径拼接错误导致无法定位client/build/index.html。
