-
闭包是内部函数记住并访问外部函数局部变量形成的持久引用环境。需满足嵌套函数、内部函数被外部保留、实际访问外部变量三条件，用于模拟私有变量、保持状态、模块化及异步上下文，但需注意内存与性能问题。
-
原生HTML不支持模块化，可通过JavaScript动态加载、服务器端包含（SSI）、构建工具或服务端语言实现复用。1.JavaScript使用fetch将header/footer.html插入页面；2.SSI在.shtml文件中通过<!--#includefile="header.html"-->嵌入内容；3.构建工具如Vite或Webpack配合插件预处理<includesrc="header.html">标签；4.PHP等后端语言用&
-
防止表单重复提交的核心方法是令牌机制，通过服务器生成唯一令牌并存储在会话中，表单提交时验证并删除令牌，确保每次提交唯一有效。
-
本文详解如何通过Redux+WebSocket实现跨用户的游戏房间状态同步，解决dispatch触发后UI不更新、其他客户端无法感知inGame状态变化的问题，核心在于将状态变更同步至服务端并广播给所有房间成员。
-
fillRect()和strokeRect()不依赖路径，但混用路径方法时需先beginPath()；画圆必用arc()且角度单位为弧度；清除画布需适配像素比；样式设置必须在绘制前且无继承。
-
CSS框架不是逃避设计，而是将“如何让页面不难看”的高门槛问题转化为“如何选对组件、填对class”的可查文档问题；它封装了经验证的视觉决策（如圆角、阴影），提供响应式支持，并需理解class职责边界、渐进调试与合理定制。
-
HTML表格适用于数据展示而非页面布局，其核心标签包括table、tr、td和th，通过合理嵌套构建结构，并结合CSS设置边框、对齐与间距，提升可读性与响应式表现。
-
使用Bulma的Flexbox布局无需编写复杂CSS，通过.is-flex、.justify-content-center等类可快速实现弹性布局；结合Level组件创建水平分布栏，利用Columns系统构建响应式网格，辅以.is-flex-grow等实用类控制伸缩行为，简化现代网页布局开发。
-
let和const均为块级作用域、不提升、不可重复声明，区别仅在能否重新赋值；var因函数作用域和变量提升易引发闭包、泄露等问题，应避免使用。
-
子模块尺寸失控主因是minmax()边界设置不当；应避免用0或auto作最小值，改用明确像素、min-content或min(200px,100%)等可控值，并配合overflow-wrap、max-width等防撑爆，嵌套Grid需双重校准。
-
掌握页面滚动监听核心方法：基础使用scroll事件配合节流优化，通过getBoundingClientRect判断元素可见性，推荐IntersectionObserverAPI实现高性能懒加载与动画触发。
-
::marker伪元素可用于自定义列表符号的颜色、大小及内容，支持有序和无序列表；通过color和font-size改变外观，content配合counter修改编号格式或替换符号，但仅限有限样式属性，复杂效果需结合::before实现。
-
1、使用LiveServer扩展可启动本地服务器并实时刷新页面；2、直接在文件系统中右键用浏览器打开HTML文件适合快速预览；3、通过配置tasks.json任务调用浏览器命令提升效率；4、安装CodeRunner扩展实现一键运行，支持自定义浏览器路径。
-
多列布局中图文混排需顺应流式结构，通过column-count或column-width定义分栏，结合width:100%、height:auto和break-inside:avoid确保图片自适应且不断裂，使用figure标签提升语义并控制间距，使图文自然分布。
-
JavaScript框架是预编写的代码库，用于结构化构建网页应用，解决原生JS中DOM手动更新、数据视图不同步、代码复用难等痛点，通过响应式更新、组件化和内置机制提升开发效率与可维护性。
