-
安卓设备无需安装“HTML5浏览器”，只需选用支持HTML5特性的现代浏览器（如Chrome、Firefox等），并通过html5test.com实测验证Canvas、WebGL、音视频API等功能是否达标。
-
通过配置Nano可实现HTML/CSS语法高亮与智能补全：首先克隆nanorc规则集并安装，再手动用--syntax参数启用高亮，最后在.zshrc或.bashrc中设置nhtml和ncss别名以简化命令，提升代码编辑效率。
-
Canvas生成成就图模糊是因未适配devicePixelRatio，需缩放canvas宽高并调用ctx.scale()；文字偏移需等待字体加载；分享须用服务端生成HTTPS短链而非dataURL。
-
可通过WebAssembly、AJAX与后端通信或嵌入Jupyter实现浏览器中JavaScript触发Python。一、使用Pyodide将Python解释器编译为WebAssembly，引入pyodide.js后加载并执行Python代码，如runPython("print('Hello')")，支持变量传递与JS交互。二、前端通过fetch向Flask等后端API发送JSON数据，服务器执行Python逻辑后返回结果。三、嵌入JupyterNotebook小部件，利用requirejs加载依赖并初始
-
@page{size:landscape}是唯一能直接控制打印纸张方向的CSS机制，必须置于@mediaprint中，且需配合内容样式调整以避免截断或错位。
-
用记事本新建.html文件却打不开？先关掉「隐藏已知文件扩展名」Windows默认隐藏.txt扩展名，你点“另存为”输index.html，系统可能实际存成index.html.txt——浏览器认不出，双击直接报错或用其他程序打开。解决办法很简单：进「文件资源管理器→查看→显示→勾选「文件扩展名」」。确认后重存一次，看文件图标是不是变成小地球图标、后缀明确显示为.html。VSCode里新建.html文件要手动写吗？不用手敲，但别依赖自动补全糊弄过去。VS
-
浮动元素脱离文档流导致父容器高度塌陷、相邻元素换行错位、文字环绕截断及clear失效，根源在于盒模型计算偏差、BFC缺失与层叠上下文干扰，需结合Computed/Layout面板调试并用flex/grid或BFC方案修复。
-
JavaScript全屏API需兼顾兼容性、交互合规与状态管理：优先调用element.requestFullscreen()并降级处理webkit/moz前缀，必须由用户手势触发；退出统一用document.exitFullscreen()并检测fullscreenElement；通过fullscreenchange/error事件监听状态，注意iframe需allow="fullscreen"及移动端限制。
-
overflow:hidden不能裁剪position:absolute元素，因其仅对既是定位上下文又是新层叠上下文的祖先生效；若最近定位祖先未设overflow:hidden或不存在，则裁剪失效。
-
本文探讨在服务端React类框架（如ReactServer）中，面对嵌套列表等复杂状态场景时，采用增量式状态更新（即仅同步变更动作）相比全量状态重传的显著优势，包括一致性保障、网络效率提升与多客户端并发安全。
-
外边距塌陷是CSS中块级元素垂直外边距合并的现象，实际间距取两者中的较大值。常见于相邻兄弟元素、父子元素及空元素间，主因是CSS为文本排版设计的默认行为。解决方法包括：添加border或padding、设置overflow触发BFC、使用flex/grid布局、统一单方向margin或用padding替代。理解其机制可有效避免布局问题。
-
rem是相对于根元素font-size的缩放单位，需动态设置html字体大小以实现响应式；vw在移动端存在软键盘导致的视口bug；rem与vw混用须统一基准，避免逻辑冲突；字体渲染差异要求预留视觉容差。
-
使用::placeholder伪元素可设置输入框占位符的样式，如颜色和字体大小，需注意浏览器兼容性及透明度问题，建议添加厂商前缀以支持旧版浏览器，同时保证可读性和无障碍设计。
-
Flex布局天然支持子项等高，父容器设display:flex即可实现；需注意清除浮动、设置box-sizing:border-box、避免height:100%及IE兼容性问题。
-
若HTML工具响应迟缓，可通过Windows任务管理器监控其进程：一、定位Code.exe等对应进程；二、观察CPU持续超30%、内存超800MB；三、检查磁盘/网络I/O突增超10MB/s；四、核实GPU占用及硬件加速状态；五、禁用node/python子进程关联的扩展。
