-
控制页面主内容宽度应组合使用max-width与margin:0auto：max-width设定最大宽度（如1200px/750px），width:100%确保小屏占满，margin:0auto实现水平居中；可配合媒体查询响应式调整，或用CSSGrid的minmax()简化逻辑。
-
模板字面量通过标签函数实现DSL，使JavaScript中构建领域语言更自然。标签函数接收字符串片段和表达式值，可解析并转换为特定逻辑，如HTML生成、表单验证或CSS-in-JS。例如，html标签可拼接DOM结构，validate标签能校验数据规则，css标签生成样式文本。其核心在于自定义标签函数对模板内容的处理方式，赋予字符串语义，模拟领域语法。虽机制简单，但需配合良好错误提示与类型支持，才能提升可读性与开发体验。
-
合理使用CSS颜色与Flex布局可提升可读性和视觉效果。1.CSS支持关键字、十六进制、RGB/RGBA、HSL/HSLA等多种颜色表示法，推荐用RGBA或HSLA控制透明度；2.Flex容器中子元素应根据背景明暗选用互补文字色，深背景配浅字（如white），浅背景配深字（如#333）；3.利用justify-content和align-items居中内容，并通过高对比色突出重点；4.悬停状态添加颜色过渡增强交互，如button:hover设置transition；5.实际示例中，.tag-contain
-
TypeScript是JavaScript的超集，包含全部JS语法并添加静态类型等能力；所有合法JS代码都是合法TS代码，需编译为JS运行，核心价值是提升开发体验与代码安全性。
-
可通过五种方法修改HTML背景图：一、内联style设置；二、内部CSS样式表定义；三、外部CSS文件控制；四、JavaScript动态修改；五、CSS自定义变量统一管理。
-
let和const是ES6引入的块级作用域变量声明方式，区别于var的函数作用域；它们不具变量提升安全性（处于暂时性死区），禁止重复声明，且const必须初始化、不可重新赋值（但对象属性可变）；推荐默认使用const，需重赋值时用let，基本不再使用var。
-
事件流包含捕获、目标和冒泡三个阶段，事件从window开始向下传播至目标元素再向上冒泡；2.可通过addEventListener的第三个参数指定在捕获或冒泡阶段监听事件；3.使用event.stopPropagation()阻止事件传播，stopImmediatePropagation()additionally阻止同元素其他监听器执行；4.事件委托利用冒泡机制将事件绑定到父元素处理子元素事件，减少内存占用并支持动态添加的元素；5.需通过e.target准确判断事件源，并注意并非所有事件都冒泡，如foc
-
IndexedDB是浏览器内置的事务型NoSQL数据库，支持结构化存储、索引查询、异步操作和大容量持久化，适合离线应用与大数据缓存；使用需遵循打开数据库、创建对象仓库、建索引、事务内操作的流程，并注意分批写入、版本升级与错误处理。
-
JavaScript无法直接读取本地文件，但可通过FileAPI和FormData配合fetch实现安全上传；用input[type="file"]获取File实例，FileReader预览小文件，FormData+fetch上传并支持进度监听，URL.createObjectURL快速预览，所有操作需用户主动触发。
-
使用:nth-child设置奇偶行不同背景色，结合border-bottom和hover效果，可创建美观专业的表格样式。
-
Angular的构造函数参数会通过依赖注入机制自动创建并注入对应服务实例，而非TypeScript自身行为；未在构造函数中声明依赖的服务属性将保持undefined，导致运行时错误。
-
微任务主要由Promise回调、MutationObserver和queueMicrotask产生。1.Promise的.then()、.catch()、.finally()会在状态变化后将回调放入微任务队列；2.MutationObserver用于监听DOM变化，其回调作为微任务批量处理以优化性能；3.queueMicrotask是ES2021新增API，允许开发者显式安排微任务。这些微任务会在当前宏任务执行完毕后立即全部执行，确保异步操作顺序可控并优化UI更新，从而提升代码执行的一致性和性能表现。
-
动态HTML通过HTML、CSS、JavaScript和DOM协同实现网页交互；常用方法包括使用JavaScript的document.getElementById()等方法获取元素并操作DOM，实现内容动态更新。
-
微任务常见来源包括Promise.then()/catch()/finally()、MutationObserver回调、queueMicrotask()及await后续代码；宏任务包括setTimeout/setInterval、I/O回调、UI渲染、postMessage等。
-
Proxy是ES6提供的原生代理机制，能拦截13种操作；Object.defineProperty仅劫持已有属性的get/set，无法代理新增属性、枚举、数组索引等。
