-
const与let核心区别是const声明后不可重新赋值，仅绑定不可变；const必须声明即初始化，存在暂时性死区，且不适用于传统for循环递增；let允许重复赋值和分步声明。
-
流光文字效果本质是background-clip:text与text-fill-color:transparent配合实现文字镂空透出动态背景；需加-webkit前缀、禁用transform/filter、用两色渐变+显式background-position动画，并针对Safari兼容性优化。
-
display属性决定HTML元素的盒子类型及布局行为，block独占一行可设宽高，inline随文本流仅占内容宽且宽高无效，inline-block兼具inline的并排特性和block的盒模型控制；2.响应式中通过display:none隐藏元素节省空间，flex和grid则实现不同屏幕下子元素排列方向或网格结构的切换；3.高级用法如table系列模拟表格布局，list-item生成列表标记，contents使子元素直接受父容器布局管理，但需注意inline垂直间距、inline-block间隙、di
-
最标准可靠的方式是用标签包裹<img>，因其兼容性好、语义清晰、SEO友好；避免onclick跳转，以保障键盘导航、右键菜单、屏幕阅读器支持及移动端上下文操作。
-
progress是HTML5表示任务进度的语义化标签，需同时设value和max，支持可访问性；不可用于加载动画，样式定制需兼容WebKit、Firefox等多引擎，文字标签须用相邻元素实现，JS更新应直接赋值value并校验范围。
-
表单元素错位主因是float脱离文档流与表单默认行为叠加；解决需控制对齐、清除浮动、统一基线；推荐用inline-block或flexbox替代float，兼顾兼容性与可维护性。
-
侧边栏滑入效果可通过CSS@keyframes和transform:translateX()实现。1.定义@keyframesslideIn，从translateX(-300px)到translateX(0)；2.将动画应用到.sidebar，设置animation:slideIn0.5sease-outforwards，初始隐藏；3.可通过JS添加.show类触发动画；4.扩展slideOut动画实现滑出。该方案流畅高效，无需JS即可实现基础动效。
-
回调函数是作为参数传递给另一函数并在特定时机被调用的函数，用于解决JavaScript单线程下异步操作阻塞问题，避免页面卡顿，实现非阻塞式编程，但易导致回调地狱。
-
不能正常获取定位，鸿蒙Webview默认禁用地理定位能力且不支持HTML5GeolocationAPI完整流程，需通过ArkTS原生层调用@ohos.location获取位置后经postMessage传给网页。
-
使用Python运行HTML文件的方法有三种：一是通过内置http.server模块启动本地服务器，命令为python-mhttp.server8000；二是编写Python脚本自动化启动服务器，便于重复使用；三是利用webbrowser模块直接在默认浏览器中打开HTML文件，无需启动服务器。
-
flex-basis的核心作用是为弹性项目设定主轴方向上的初始尺寸基准，作为伸缩起点；它优先级高于width/height，取值如200px、50%、auto或0，常与flex-grow/shrink配合通过flex简写统一控制。
-
本文教你通过CSS媒体查询精准控制桌面端图片尺寸，避免全屏拉伸问题，同时保持移动端的响应式表现。
-
直接操作style属性可动态设置内联样式，如element.style.color="red"；2.推荐使用classList增删类名以切换预定义样式，利于维护；3.可动态创建style标签并插入CSS规则，适用于批量样式控制。
-
在SVG中为不同<text>元素添加不同背景色时，若复用相同id的<filter>，会导致所有文本均应用首个定义的滤镜颜色；解决方法是为每个滤镜分配唯一id，并确保filter属性正确引用对应ID。
-
单例模式确保一个类仅有一个实例并提供全局访问点，适用于配置管理等场景；工厂模式封装对象创建逻辑，实现创建与使用的解耦；观察者模式建立一对多依赖，状态变化时自动通知所有观察者，广泛用于事件系统和响应式框架；装饰器模式通过高阶函数或语法动态扩展功能，适合日志、权限等横切逻辑；策略模式将算法封装为可互换的策略对象，便于灵活切换行为，如表单验证或多算法选择。JavaScript的灵活性使这些模式实现更简洁高效。
