-
正确配置viewport是实现响应式设计的关键，需在HTML的head中添加meta标签：<metaname="viewport"content="width=device-width,initial-scale=1.0">，该设置使页面宽度与设备屏幕一致并禁止初始缩放，避免浏览器以桌面宽度渲染导致布局错乱；常见参数还包括minimum-scale、maximum-scale和user-scalable，但禁用缩放会影响可访问性；结合百分比布局、flex
-
首先使用现代浏览器如Chrome或Firefox并确保更新至最新版本，接着通过右键菜单用浏览器直接打开本地.html文件；然后检查浏览器设置中JavaScript及音视频权限是否启用，避免功能受限；若页面异常，按F12使用开发者工具的Console和Elements面板排查脚本错误与结构问题；对于需HTTP协议的功能，安装Node.js后通过npm全局安装http-server，命令行进入项目目录启动服务并访问localhost:8080运行HTML5项目。
-
前端数据可视化通过图表帮助用户直观理解信息，JavaScript凭借Chart.js、D3.js、ECharts等库实现多样化展示。1.Chart.js轻量易用，适合快速构建响应式柱状图、折线图等常见图表；2.D3.js基于数据驱动，可精细控制DOM与动画，适用于复杂自定义可视化；3.ECharts功能强大，支持地理图、3D图且中文文档友好；4.ApexCharts设计现代，内置动画与响应式能力，适合企业级仪表盘。以Chart.js绘制柱状图为例，需引入库文件、创建canvas容器，并通过JavaScri
-
正确写法是a:hover，用于鼠标悬停时改变链接颜色，需配合color属性使用，并推荐按LVHA顺序定义link、visited、hover、active状态以避免冲突，还可添加transition实现平滑过渡效果，提升交互体验。
-
深拷贝与浅拷贝的核心区别在于是否递归复制引用类型。浅拷贝仅复制对象第一层属性，对引用类型仍共享内存地址，导致修改嵌套对象时原对象受影响；深拷贝则递归复制所有层级，生成完全独立的对象副本，互不影响。该差异源于JavaScript的内存管理机制：原始类型存于栈中，直接复制值；引用类型存于堆中，变量保存指针。浅拷贝复制指针，造成多对象共用同一堆内存，可能阻碍垃圾回收；深拷贝在堆中新建对象，切断关联。常见浅拷贝方式有Object.assign、扩展运算符；深拷贝可用JSON.parse(JSON.stringif
-
ARIA标签与键盘导航是实现网页无障碍的关键。通过aria-label、aria-labelledby、aria-describedby等属性补充语义，结合role定义组件角色，确保屏幕阅读器准确理解界面；使用aria-expanded和aria-controls管理动态内容状态。所有交互元素应支持tabindex="0"进入焦点顺序，响应Enter、Space、Esc及方向键操作。模态框需实现焦点陷阱并恢复原焦点，动态内容通过aria-live通知变化。JavaScript更新UI时同步修改ARIA属性
-
建造者模式通过链式调用解决多参数对象创建的复杂性，提升可读性和维护性。例如，构建含姓名、年龄、角色等可选字段的User对象时，使用set方法逐步配置并返回this，最后调用build()生成实例，支持灵活扩展与校验，适用于构造逻辑复杂或需流畅语法的场景。
-
获取屏幕分辨率应使用window.screen.width和window.screen.height，它们返回显示器的物理像素尺寸；而浏览器视口尺寸则通过window.innerWidth/window.innerHeight或document.documentElement.clientWidth/clientHeight获取，表示当前窗口内可显示内容的区域大小；二者区别在于屏幕分辨率是固定硬件属性，视口尺寸随浏览器窗口调整变化；设备像素比（DPR）影响CSS像素与物理像素的映射关系，高DPR设备上一个
-
:active在鼠标按下时触发，样式短暂生效；:hover在鼠标悬停时触发，持续生效。前者用于点击反馈，后者用于交互提示，常结合使用提升用户体验。
-
hue-rotate()调整色相，brightness()调节亮度，两者可组合使用实现图片色彩与明暗的动态控制，常用于悬停交互效果，需注意性能影响。
-
元素居中需根据场景选择方案：水平居中块级元素用margin:0auto，行内元素用父容器text-align:center；Flexbox通过justify-content和align-items实现灵活的水平垂直居中；Grid使用place-items:center简化二维居中；绝对定位配合transform:translate(-50%,-50%)适用于脱离文档流的精确居中，各方法各有适用场景。
-
使用::before和::after伪元素结合transition与@keyframes，可在不改变HTML结构的前提下实现悬停提示、动态边框、波浪线等流畅动画效果，通过控制初始状态与目标状态的过渡，并优先采用transform和opacity以提升性能，确保动画自然且高效。
-
order属性用于控制Grid子元素的显示顺序，默认值为0，数值越小越靠前，常用于响应式设计中调整视觉顺序而不改变HTML结构。
-
使用position:relative可对文字进行细微上下调整，如.adjust-up{position:relative;top:-2px;}实现上移，适用于标点、图标对齐等场景，调整幅度建议±1px到±4px，避免影响布局，需单独应用样式并在不同屏幕测试以确保一致性。
-
super关键字在JavaScript类继承中用于调用父类构造函数、方法和属性，其绑定基于类定义时的静态连接而非动态绑定。在子类构造函数中必须调用super()以初始化父类并绑定this；在实例方法中使用super.method()时，会从父类原型查找方法；在静态方法中则访问父类的静态方法。JavaScript引擎通过[[Prototype]]链建立子类与父类的关联，并利用[[HomeObject]]机制确保super沿正确原型链向上查找。super只能在子类方法中使用，箭头函数无独立super而继承外层
