-
WebGL渲染必须使用<canvas>元素，因其独有getContext('webgl')方法；其他HTML元素如<div>或<img>不支持该方法，调用会报错。
-
<inputtype="file">需用label关联或JS调用click()激活，禁用display:none或opacity:0；accept仅提示类型，校验须JS+后端；预览用FileReader读取DataURL，大文件避readAsDataURL；FormData上传注意IE11兼容性。
-
JavaScript单页应用（SPA）仅用一个HTML页面，通过JavaScript动态更新内容，实现局部刷新；传统网页每次跳转都请求新HTML并整页重载。
-
localStorage完全不产生请求头带宽消耗，而cookie会随每个同源HTTP请求自动附加到Cookie请求头中，造成冗余传输；前者需JS显式读取并手动发送，后者则无论是否需要均强制携带。
-
混用%和fr时，百分比列先按容器宽度计算，fr列再平分剩余空间；顺序影响布局，如50%1fr1fr中后两列各得剩余空间的1/2，而非容器的25%。
-
使用align-items:baseline可实现文字与图标基线对齐，使视觉更协调。该属性让Flex子元素按文本基线对齐，适用于含行内内容的元素；若子元素无文本，浏览器会回退到容器首行基线，可能导致意外效果。实际应用中，如按钮或菜单项包含不同大小的图标和文字时，设置align-items:baseline能避免center对齐导致的图标“下沉”问题。需注意：子元素应为行内或inline-flex盒模型，避免块级元素干扰；纯图标元素基线位于底部，可能影响对齐精度；不同字体基线差异建议统一字体族；Safari
-
最可靠全屏覆盖用position:fixed+object-fit:cover或background-image+background-size:cover；前者需display:block消除间隙，后者更稳定且免DOM冗余。
-
URLSearchParams是浏览器原生处理URL查询参数的接口，支持多种初始化方式、自动编解码、增删改查及多值操作。
-
hsla()必须写为hsla(色相,饱和度,明度,alpha)，前三个参数带%或无单位数字，alpha为0–1小数；斜杠语法仅新浏览器支持，旧版需逗号分隔；不继承，与rgba()混合逻辑一致但调色更直观。
-
本文介绍如何基于svelte-i18n的format可读存储（readablestore），通过derived创建自定义翻译函数，使其既保留$解包语法，又支持模块化、链式调用的相对路径键名（如$('.value')），同时确保响应式更新。
-
本文解决DjangoListView中因错误覆盖context_object_name导致上下文为空的问题，详解如何安全地按登录用户过滤照片、保留分页与默认行为，并提供可复用的代码实践与关键注意事项。
-
HTML5页面框架兼容需解除X-Frame-Options限制、用Content-Security-Policy的frame-ancestors精确控制嵌入源、确保DOCTYPEhtml及iframe属性合规、通过postMessage实现跨域通信，并排查混合内容与浏览器安全策略。
-
HTML5不提供自动记录输入历史的功能，autocomplete行为由浏览器控制；需用localStorage手动实现可控历史记录，包括存取、去重、限长和渲染。
-
首先启动Nano编辑器并打开HTML文件，命令为“nanoindex.html”；接着直接输入或修改HTML代码；然后按Ctrl+O保存，回车确认文件名，再按Ctrl+X退出；最后可参考常用快捷键提高效率。
-
JavaScript调试应善用DevTools断点与执行流控制而非仅靠console.log；优先使用debugger语句、合理设置异步断点、启用SourceMap、掌握console高级技巧及内存泄漏排查方法。
