-
async/await是JavaScript处理异步的语法糖，async函数自动返回Promise，await暂停函数执行等待Promise完成且不阻塞主线程，需在async函数内使用并配合try/catch错误处理，并发请求应优先用Promise.all。
-
可通过四种方式快速预览HTML效果：一、保存为.html文件后双击用浏览器打开；二、用VSCode等编辑器配合LiveServer扩展一键启动本地服务器；三、在JSFiddle等在线平台粘贴代码并点击运行；四、在浏览器控制台执行document.body.innerHTML命令临时渲染。
-
本文介绍如何使用JavaScript为网页商店添加资源校验机制，确保用户只有在拥有足够虚拟货币（如宝石）时才能执行购买操作，并提供清晰的错误反馈。
-
结合Bootstrap与Flexbox可创建响应式导航栏，先用Bootstrap搭建结构确保兼容性，再通过Flexbox控制对齐、间距与响应行为，实现品牌居左、菜单居中、按钮居右的布局；利用flex-direction和媒体查询调整小屏显示，用gap统一间距并增强交互效果，兼顾开发效率与设计定制。
-
使用手机运行HTML代码需选择支持预览的编辑器如Spck，或通过Termux启动Python服务器，在浏览器访问localhost:8000；也可将.html文件导出后用浏览器打开，或上传至Netlify等平台实现云端预览。
-
侧边栏弹性布局可通过flex-grow与flex-shrink配合实现，1.将容器设为display:flex，侧边栏固定宽度，主内容区设flex-grow:1以填充剩余空间；2.flex-grow控制扩展比例，数值越大占用空间越多；3.flex-shrink控制压缩比例，设为0可防止侧边栏被压缩；4.推荐使用flex简写，如sidebar设flex:00200px，main-content设flex:110，确保侧边栏固定、主内容区灵活响应。
-
调整HTML图片宽度有五种方法：一、用width属性设固定像素；二、用style内联CSS设宽（支持百分比等）；三、用CSS类统一控制并加max-width防溢出；四、用object-fit在固定容器中裁剪或缩放；五、删width属性，靠max-width:100%实现响应式缩放。
-
JavaScript条件语句包括if、if...else和if...elseif...else三种结构，分别用于单条件判断、二选一及多分支选择，需注意条件顺序、括号与花括号使用规范及真假值判定规则。
-
使用overflow:hidden可隐藏盒子内溢出的内容，适用于文本过长、图片偏移等场景，结合text-overflow:ellipsis可实现文本省略，需注意元素需有明确宽高或BFC，且会同时隐藏所有溢出内容。
-
relative不脱离文档流，相对于自身原位置偏移，原空间保留；2.absolute脱离文档流，相对于最近的已定位祖先元素定位，无则相对视口；3.relative不影响布局，absolute可能引发其他元素位置变化，常用于弹窗、悬浮等场景。
-
防抖是“等你停手再执行”，节流是“固定节奏执行”；防抖适用于输入完成、调整完毕等终结性操作，节流适用于滚动、拖动等需持续反馈场景。
-
用position:absolute配合:hover实现下拉菜单，需父项设position:relative作为定位基准，子菜单设position:absolute、top:100%、left:0、display:none及z-index；通过.menu-item:hover.submenu{display:block;}触发显示，并可加opacity和transform过渡提升体验。
-
Proxy通过拦截属性读写实现响应式，读取时将当前副作用函数存入依赖地图，修改时触发对应更新，结合优化策略构建高效响应系统。
-
高阶函数是接受函数为参数或返回函数的函数，用于提升代码简洁性、复用性与可维护性；它支持行为抽象（如filter/map/reduce）、延迟执行与配置复用、异步流程组合、闭包状态封装等核心实践。
-
函数声明会被提升到作用域顶部，可在声明前调用；函数表达式和箭头函数仅变量名提升，赋值后才能使用；同名情况下函数声明优先级高于变量声明，后续赋值可覆盖函数。
