-
map、filter和reduce是JavaScript函数式编程核心：map转换数组元素并返回等长新数组，filter筛选符合条件的元素生成子集，reduce将数组归约为单一值，三者均不修改原数组，体现不可变性和声明式编程优势，支持组合与链式调用，提升代码可读性与维护性。
-
ShadowDOM里:host和::part的作用完全不同很多人以为::part是给ShadowDOM“加全局样式”的捷径，其实不是。::part是组件作者主动暴露的“样式锚点”，必须在组件内部用part="xxx"显式标记节点，外部才能用my-component::part(xxx)选中。没标记？死活选不到。而:host是作用于组件根节点（即shadowRoot.host对应的那个自定义元素）的伪类，它不穿透Shadow边界，也不依赖内部标记——但它只管最
-
图片与文字使用float错位是因基线对齐和块级特性导致，可通过inline-block+vertical-align或flex布局解决，推荐用flex实现垂直居中对齐。
-
Date对象是JavaScript处理时间的核心工具，基于Unix时间戳，支持本地和UTC时间操作，提供创建、读取、设置及格式化日期时间的多种方法。
-
动态导入（import()）是实现JavaScript代码分割的标准方式，它在运行时按需加载模块，由构建工具自动拆分为独立chunk，适用于路由、组件、工具函数等延迟加载场景，并需配合错误处理与性能权衡。
-
HTML文件需部署到HTTP服务器才能生成可访问网址，本地双击为file://协议；推荐GitHubPages（仓库名username.github.io、index.html放根目录）、Vercel或Netlify等托管服务，注意路径、入口文件和相对资源引用。
-
HTML5中创建表格有五种方式：一、用table/tr/td/th基础标签；二、用thead/tbody/tfoot分层结构；三、用colgroup/col定义列样式；四、用figure/caption增强语义；五、用div+CSS模拟响应式表格。
-
变量提升是JavaScript中var声明和函数声明在编译阶段被提升至作用域顶部，但仅声明被提升、赋值保留原位；let/const虽被声明提升却不初始化，访问会触发ReferenceError（暂时性死区）。
-
表单验证的核心目标是及时友好提示用户并保障数据有效性，前端验证提升体验但不能替代后端校验；需结合原生API、自定义样式与提示、防误提交机制及前后端职责协同。
-
JavaScript中应统一用字符串传输数据库ID，后端序列化为字符串，前端按需转BigInt运算，避免Number精度丢失，兼容性不足时降级为字符串处理。
-
可使用float属性实现HTML元素左右浮动布局，配合clear清除影响、伪元素解决父容器塌陷，或用flexbox、CSSGrid等现代方案替代。
-
图片居中首选object-fit+flex，container需设宽高；IE兼容用background-image替代img；DOM锁死时用absolute+transform；vertical-align不适用于父容器垂直居中。
-
真正要记的是12个高频语义标签，如<main>、<section>、<article>、<aside>、<nav>、<header>、<footer>、<time>、<button>、<figure>、<figcaption>、<table>，它们影响可访问性、SEO和CSS行为。
-
CSS变量是运行时机制，JS可动态修改；Sass变量在编译阶段被替换，JS无法感知。前者支持主题切换、继承与局部作用域，后者支持复杂计算和逻辑判断，但需编译且无运行时灵活性。
-
使用HTML5的video标签可实现网页视频播放，支持controls控制、多格式兼容（MP4/WebM/Ogg）、autoplay静音自动播放、loop循环及JavaScript动态控制播放状态，推荐preload="metadata"优化加载，避免移动端自动播放大文件以提升体验。
