-
Blob和StreamAPI是现代Web文件处理的核心，Blob用于创建和操作二进制数据对象，支持生成临时URL实现文件下载或切片上传；ReadableStream则通过流式读取避免大文件加载的内存压力，适用于进度监控、大型CSV生成等场景。两者结合可高效实现文件的分块传输与动态生成，提升性能。需注意内存释放、流不可重复读及浏览器兼容性问题。掌握它们意味着掌握前端高效文件处理的关键能力。
-
直接输入!+Tab即可生成标准HTML5结构，无需选模板；VSCode无内置HTML5模板，!是Emmet提供的最快最稳起手式，依赖语言模式为HTML且Emmet启用。
-
通过启用双向链接、添加自定义CSS、嵌入HTML及构建知识图谱，可在RoamResearch中实现高效互联与个性化展示。1、输入[[链接目标]]创建双链并查看引用；2、使用Stylus等插件注入CSS美化界面；3、用`html插入静态HTML增强内容表现；4、结合标签、查询与属性建立可视化知识网络，提升信息关联与检索效率。
-
使用position结合百分比可实现响应式布局，1.通过relative与absolute配合，子元素按父容器比例定位，适用于弹窗、标注等；2.百分比搭配transform:translate(-50%,-50%)实现未知尺寸元素的居中；3.结合媒体查询调整不同设备下的定位，优化显示效果。
-
DOM操作是JavaScript与网页交互的唯一入口；document.getElementById因兼容性好、性能优、语义明确仍为查ID首选；innerHTML解析HTML但有XSS风险，textContent仅处理纯文本且更安全高效；应避免内联事件，优先用addEventListener；真正难点在于依据浏览器机制和框架生命周期决策何时操作DOM。
-
本文介绍一种纯CSS方案：通过::before伪元素+font-size:0技巧，结合CSS自定义变量（--custom-text），安全、无JS地替换<label>的原始文本内容。
-
Cookie是浏览器中的一小段字符串，非对象或JSON；document.cookie是伪属性，读写需手动拼接符合规范的字符串，须编码值、指定path/expires/max-age等参数，并自行解析读取、用过期时间删除。
-
需先排序确定斜边再验证勾股定理：对三边升序排序，检查是否全为正数且满足三角形不等式，最后用Math.abs(Math.pow(a,2)+Math.pow(b,2)-Math.pow(c,2))<1e-10判断。
-
video元素无自动右边距行为，其右侧显示异常源于盒模型、响应式规则及父容器布局共同作用；需设max-width:100%+height:auto+display:block，并检查viewport、flex对齐及父级样式。
-
需构建含表单的课程注册页：一、用<formmethod="post"action="">包裹<fieldset><legend>课程表注册</legend>；二、设课程名、代码、学分（1-6）输入框并关联label；三、添加时段下拉、实验室复选、教室datalist；四、教师姓名必填、学期下拉、隐藏时间戳；五、提交按钮、required验证及错误提示区。
-
position:absolute时margin不失效，但参考系变为定位上下文；relative定位下margin与top叠加易致布局“飘忽”；fixed元素用margin易引发溢出；flex/grid中应优先使用justify-content、gap等现代布局属性而非margin定位。
-
本文详解如何在HTML表格中为嵌套于某一行单元格（<td>）内的子表格单独启用水平滚动功能，关键在于对容器元素设置max-width与overflow-x:auto，避免父级表格布局干扰。
-
本文详解如何为页面头部导航栏添加双向平滑过渡动画：既在用户向下滚动时以0.5秒ease-in-out动画隐藏，也在向上滚动时同步实现流畅显现，避免因CSS类切换顺序不当导致的瞬时消失问题。
-
GeolocationAPI返回PERMISSION_DENIED是因用户未授权，需确保HTTPS环境、检查权限状态并引导手动重置；超时或偏差大时应设timeout/maximumAge、启用高精度、剔除异常值并做坐标系转换。
-
inherit在color上不生效的主因是父元素未显式声明color值；currentColor才是稳定继承父级计算后颜色的可靠方案，支持多层传递与shadowDOM穿透。
