-
在HBuilder中运行HTML文件需先创建或打开文件并保存，然后通过右键菜单、快捷键Ctrl+R或工具栏运行，最后选择默认浏览器预览页面效果。
-
用Tailwind更优，因其支持PurgeCSS精准剔除未用样式；Bootstrap需手动引入SCSS子模块或第三方插件压缩；Bulma/Foundation因嵌套选择器、无ESM、不可按需提取而拖慢首屏；CSS-in-JS有运行时开销，应慎用于高频交互场景。
-
Object.getPrototypeOf用于获取对象的原型。1.查看对象原型：console.log(Object.getPrototypeOf({}))返回Object.prototype。2.检查继承关系：console.log(Object.getPrototypeOf(Object.create({foo:'bar'}))==={foo:'bar'})返回true。3.遍历原型链：使用递归函数getPrototypeChain(obj)可以查看完整原型链。
-
CSS权重是按位比较的四元组(a,b,c,d)：a为内联样式（0或1），b为ID个数，c为类/属性/伪类总数，d为标签/伪元素总数；高位优先比较，不叠加不进位。
-
HTML5网页基础结构需依次声明文档类型、设置根元素与语言属性、构建head区域、定义body语义化结构并验证嵌套规则。具体包括：一、首行写<!DOCTYPEhtml>；二、紧跟<htmllang="zh-CN">；三、head内设charset、viewport和title；四、body中按header-nav-main-footer逻辑嵌入语义标签；五、确保标签闭合正确且符合HTML5嵌套规范。
-
JavaScript有7种原始数据类型（string、number、boolean、null、undefined、symbol、bigint）和1种引用类型（object），共8类；原始类型按值存储，引用类型按引用存储。
-
Firebase中onAuthStateChanged触发后立即读取Firestore用户文档，可能因本地缓存未同步而返回空或过期数据；本文详解通过服务端读取、监听实时快照或检查元数据等方式可靠获取最新用户文档。
-
最简单的内存缓存是用普通JavaScript对象（{}）作键值容器，适合单页应用临时存储；应封装为支持过期、LRU淘汰和自定义TTL的类，优先用Map；需分层结合ServiceWorker、HTTP缓存和localStorage，并按业务场景设计失效策略。
-
颜色和渐变通过CSS实现视觉提升，支持名称、十六进制、RGB、RGBA等颜色表示，结合linear-gradient可创建多方向、多角度、多色及透明渐变效果，适用于背景与遮罩设计。
-
使用@media查询结合选择器可实现响应式布局，通过设定max-width和min-width定义移动端（≤767px）、平板（768px~1023px）和桌面端（≥1024px）的样式规则，在不同屏幕范围内为元素应用特定样式；在media块内重写选择器样式以控制显示效果，如隐藏头部、调整字体、设置侧边栏宽度等；可通过添加.hide-on-mobile等辅助类名统一管理跨设备显示逻辑；建议按min-width从小到大编写断点，避免重叠，确保每个元素在各断点仅被设置一次关键样式，并利用开发者工具实时调试，提
-
HTML5是当前事实标准，XHTML已基本退出日常开发；HTML5只需<!DOCTYPEhtml>，XHTML需完整DTD和xmlns声明，且严格遵循XML规则，但因浏览器支持有限及生态转向HTML5+JSON，XHTML仅适用于需XML解析的特定场景。
-
使用JavaScript实现文件下载可以通过三种方法：1)使用Blob对象和URL.createObjectURL方法，适用于客户端生成的文件；2)通过<a>标签的download属性和后端设置的Content-Disposition头，从服务器下载文件；3)使用fetchAPI结合Blob对象，从服务器灵活处理文件下载，但需考虑兼容性问题。
-
JavaScript复制粘贴需用navigator.clipboardAPI，须在用户手势触发的HTTPS安全上下文中调用，读取非文本内容需权限检查，低版本浏览器需降级兼容。
-
HTML5注释不会报错但会干扰解析逻辑，未闭合注释会导致后续代码被吞掉，引发页面空白、样式失效等问题；应检查注释配对、避免嵌套、禁用功能时优先用条件判断而非注释HTML。
-
currentColor是CSS原生关键字，代表当前元素color属性的计算值，自动继承且动态响应；适用于边框、SVG图标、阴影等需与文字同色的场景，但须显式设置color才生效。
