-
Git是独立命令行工具，需单独安装并配置user.name和user.email才能提交；VSCode的Git功能仅是图形界面，依赖系统已安装的Git；Windows安装时须勾选添加PATH，macOS/Linux推荐用包管理器安装。
-
推荐用grid-template-columns:repeat(auto-fit,minmax(280px,1fr))实现自适应列数，auto-fit合并空轨道，minmax控制每列弹性范围，配合box-sizing:border-box和卡片内部流式布局，避免固定宽高导致错位。
-
使用伪类:after清除浮动可解决父容器高度塌陷问题。通过为.clearfix:after设置content:""、display:block和clear:both等样式，生成虚拟节点闭合浮动，无需添加额外HTML标签，配合*zoom:1兼容IE，适用于多栏布局、文字环绕等场景。
-
微博Web分享接口旧版已下线，现仅支持weibo.jsSDK且需备案授权；个人静态页难以通过，推荐用service.weibo.com/share/share.php构造URL唤起客户端分享，但微信内会被拦截。
-
border-bottom分割线不可见主因是父容器高度塌陷、子元素浮动未清除或inline元素无垂直空间；需加padding-bottom、避免overflow:hidden、改用inline-block或伪元素替代。
-
事件循环是实时通信的基石，因它通过非阻塞I/O和事件驱动模型，使单线程能高效处理海量并发连接，解决传统多线程模型的C10K性能瓶颈；2.常见实现如Node.js（基于libuv多阶段循环）、Pythonasyncio（协程调度）和浏览器JavaScript（处理用户与网络事件），均依赖操作系统I/O多路复用机制支撑实时交互；3.实际挑战包括阻塞主线程（需拆分任务或用工作线程）、背压管理、内存泄漏（及时清理回调引用）及调试困难（依赖性能工具监控），优化核心是避免同步阻塞并合理调度资源。
-
WeakMap和WeakSet通过弱引用避免干扰垃圾回收，适用于缓存、私有数据存储和对象标记场景，防止内存泄漏。
-
HTML元素渲染尺寸不一致的主因是浏览器对“相同尺寸”的解析与人不同，涉及默认样式、盒模型（content-box）、字体度量、基线对齐及内置边距等隐式影响。
-
WebSocket是JavaScript实现实时通信最常用方式，基于单个TCP连接实现全双工、低延迟双向通信；需监听onopen、onmessage、onerror、onclose事件，用JSON收发结构化数据，并手动实现带重试限制的自动重连，注意wss://与HTTPS匹配及跨域服务端校验。
-
HTML5标准本身不提供色彩平衡API；实际需通过Canvas2D像素操作（如getImageData分段调整RGB）或CSSfilters近似模拟，二者精度与能力差异显著。
-
word-break:break-all有时无效，因父容器缺宽度约束、Flex子项未设min-width:0或被white-space:nowrap禁用换行；它适合技术字段，而用户可见文本应优先用overflow-wrap:break-word。
-
加版本号参数无法刷新CSS缓存的本质是服务端返回304或浏览器直接读本地缓存；应使用构建工具生成contenthash文件名（如main.a8f3b.css）并确保HTML引用、@import路径、HTTP缓存头同步更新。
-
Flask模板中{{}}是Jinja2引擎的变量插值语法，用于在HTML中动态渲染Python变量和表达式；它不依赖前端JavaScript，而是在服务端渲染时由Flask替换为实际值。
-
align-content用于控制CSSGrid中多行在交叉轴的垂直分布，当容器高度大于行总高时生效；其常用值包括start、end、center、space-between、space-around、space-evenly和stretch，需配合固定高度或多行布局使用，与align-items、justify-content等属性功能区分明确。
-
使用::first-line伪元素可对块级元素的第一行文本设置样式，如颜色、字体等，仅适用于块级元素且支持有限CSS属性，与选择首个子元素的:first-child不同。
