-
纯HTML个人网站只需一个index.html文件，所有资源用相对路径（如./css/style.css），添加viewport元标签实现响应式，GitHubPages部署时注意子路径适配。
-
用iframe最简单，但要注意跨域和样式隔离直接在当前HTML里嵌另一个HTML文件，iframe是唯一原生支持的方式。它不依赖JS，兼容性好，连IE9都能用。常见错误是写成后发现页面空白——大概率是路径错了，或者被浏览器同源策略拦了（比如本地双击打开的file://协议下，多数现代浏览器会拒绝加载本地iframe）。确保服务端运行（如用python-mhttp.server或VSCodeLiveServer），别双击HTML打开iframe默认有边框和
-
JavaScript代码可测试的核心在于职责清晰、依赖显式、副作用可控；应抽离副作用至参数或回调，避免隐式调用fetch、修改全局变量等，导出具体函数而非默认对象以提升可测性与Tree-shaking效果。
-
文字淡入效果通过CSS的opacity与transition实现，初始设opacity为0，再通过状态变化使opacity变为1。具体方式包括：①hover触发，鼠标移入时透明度由0升至1；②页面加载后自动淡入，结合JavaScript在DOMContentLoaded后添加类名触发；③滚动至指定位置时由JS控制显隐。注意事项：opacity为0仍占布局空间，子元素会继承透明度，transition需定义在默认状态以确保动画平滑，可配合transform或visibility实现复合效果。该方法简单高效，
-
JavaScript类中以#开头的字段是ES13标准化的真正私有字段，仅类内部可访问，外部无法读取、修改或检测，不参与反射和序列化操作。
-
常见HTML错误包括标签未闭合、嵌套错误、属性值未加引号、使用废弃标签等，可通过浏览器开发者工具检查DOM结构，利用W3C验证工具检测语法，结合代码编辑器的自动补全与高亮功能，养成规范书写习惯，及时预览页面，有效提升调试效率和代码质量。
-
direction:rtl不会让文字和内联元素整体右对齐，它仅改变文本流方向和内联布局顺序；需配合text-align或HTML的dir="rtl"属性才能实现右对齐效果。
-
JavaScript函数分四类：函数声明（提升，可前置调用）、函数表达式（不提升，需先定义）、箭头函数（无this/arguments，不可构造）、方法简写（对象中this绑定调用者）。
-
JavaScript轻量图表库核心是数据映射+图形渲染：Canvas适合高频重绘（如实时折线图），需手动坐标转换和clearRect重绘；SVG适合交互丰富图表，基于DOM节点，支持事件、viewBox缩放和无障碍属性。
-
表单滚动条自动跳底是因textarea或contenteditable聚焦后浏览器强制滚动；应通过setSelectionRange()配合scrollTo()控制位置，避免scrollIntoView()。
-
favicon是浏览器根据缓存、路径、格式等条件决定是否加载的小图标，并非加了就显示；常见问题源于404响应、声明不规范、ICO文件非多尺寸复合体或file://协议限制。
-
HTML转义字符还原最稳用DOMParser：newDOMParser().parseFromString(htmlStr,"text/html").body.textContent，可全量解码命名、十进制、十六进制实体。
-
link标签需写href="css/style.css"（相对HTML路径）、rel="stylesheet"（不可省略）、放<head>内靠前位置，避免@import；路径用正斜杠/，构建工具下注意public与src资源引用规则。
-
应主动降级3D效果：优先用@media和prefers-reduced-motion禁用transform-style:preserve-3d与perspective，小屏移除preserve-3d，JS控制需防同步布局。
-
hover旋转突兀因缺少过渡动画，须在默认状态设transition:transform0.3s–0.5sease等，仅用transform属性，避免重排，防止动画堆叠。
