-
最轻量纯CSS画线方案是border，水平线用border-bottom，垂直线推荐background替代border以避免盒模型干扰；斜线用::after伪元素配合transform；高精度曲线用SVG；动态交互线用Canvas。
-
return会立即终止生成器函数的执行，返回指定值并设置done为true，后续next调用不再产生新值。
-
HTML5页面平滑过渡动画有五种常用方式：一、CSS3transition实现淡入淡出；二、transform模拟滑动切换；三、@keyframes构建翻页效果；四、WebAnimationsAPI精细控制；五、HistoryAPI同步URL与动画。
-
TypeScript是带类型检查的JavaScript增强版，所有合法JS代码都合法，但通过编译时检查提前拦截空值等错误；优先用interface定义可扩展业务对象，unknown替代any保障安全，类型是需持续维护的活契约。
-
HTML5文档必须以<!DOCTYPEhtml>开头且前面不能有任何字符，需用UTF-8无BOM编码保存；<metacharset="UTF-8">应尽早置于<head>中；添加lang属性、清理调试代码、确保资源路径与CSP兼容，并配置服务端Content-Type为text/html;charset=utf-8。
-
Webpack是现代JS应用的模块打包工具，能将各类资源作为模块打包。其核心概念包括入口、输出、加载器、插件和模式。通过配置entry、output、module.rules、plugins等选项，可实现资源处理与优化。常用loader如babel-loader、css-loader、url-loader用于解析不同文件，plugin如HtmlWebpackPlugin、CleanWebpackPlugin、MiniCssExtractPlugin用于生成HTML、清空目录、提取CSS。建议区分开发与生产
-
JavaScript中遍历对象属性和值的主要方法有四种：1.使用Object.keys()获取自身可枚举属性名数组，结合forEach或for...of遍历；2.使用Object.values()获取自身可枚举属性值数组，适用于仅需处理值的场景；3.使用Object.entries()获取键值对数组，可结合解构赋值同时处理键和值，是现代开发中最推荐的方式；4.for...in循环虽能遍历可枚举属性（含继承属性），但需配合hasOwnProperty()过滤以确保只处理自身属性，否则易引入意外行为。最佳实践
-
JavaScript的try...catch用于捕获同步运行时错误，防止脚本崩溃；支持catch捕获Error对象并推荐用message属性，finally确保清理代码执行；但无法捕获异步错误，需在回调或Promise中单独处理。
-
querySelector和querySelectorAll支持完整CSS选择器语法，前者返回首个匹配元素（无匹配时为null），后者返回静态NodeList；需转数组才能用map/forEach；不支持伪元素，仅支持伪类；作用域限于调用对象，不解析未挂载的HTML字符串。
-
HTML5原生<video>标签可跨设备播放视频，需设置width/height、controls属性，嵌套多个<source>提供MP4/WebM/Ogg格式，添加muted+autoplay实现静音自动播放，并通过CSS和JavaScript实现响应式与自定义控制。
-
JavaScript是让网页具备交互性、动态性和智能化的核心技术，支持事件响应、DOM操作、数据处理、异步请求及框架开发，显著提升用户体验与开发效率。
-
使用Flexbox可解决响应式导航栏中图标与文字的对齐问题。通过设置display:flex、align-items:center和justify-content，确保不同屏幕尺寸下布局一致；结合媒体查询调整断点样式，统一图标尺寸并利用gap控制间距，实现视觉整齐与良好用户体验。
-
HTML5更新需覆盖文件并穿透多层缓存。关键步骤：禁用HTML强缓存（设Cache-Control:no-cache），资源文件用哈希命名+长缓存，HTML最后上传，验证响应头、状态码及资源URL，同时清理CDN、更新preload/prefetch标签、触发ServiceWorker跳过等待。
-
Canvas绘图完全依赖JavaScript控制，需先获取2d或webgl上下文并确认可用性，再通过ctx方法绘制图形、实现动画和响应交互。
-
map返回新数组，forEach无返回值（undefined）；map用于转换生成新数据，forEach用于执行副作用；二者均不支持break，且跳过稀疏数组空槽。
