-
HTML无法直接连接数据库或调用API，需借助JavaScriptfetch、PHP中转、Node.js后端或PythonFlask等服务端技术实现动态数据交互。
-
Git在前端项目中扮演核心角色，它通过提交历史、分支管理、协作合并及与CI/CD集成，实现代码的版本控制与团队高效协作。
-
可通过五种方式动态加载外部HTML：一、fetchAPI；二、XMLHttpRequest；三、iframe嵌入；四、jQueryload()；五、服务端渲染输出。
-
br标签的核心用途是强制文本换行而不产生新段落，1.它适用于地址、诗歌等逻辑上属于同一块但需视觉分行的场景；2.应避免滥用br来模拟段落间距，应使用p标签或CSS的margin/padding实现结构清晰的布局；3.过度使用br会影响语义、可访问性及SEO，正确做法是用p标签分隔段落，用CSS控制间距，以确保页面结构合理且易于维护。
-
可通过::placeholder伪元素设置输入框占位符样式，需兼顾::placeholder、::-webkit-input-placeholder、::-moz-placeholder、::-ms-input-placeholder等前缀以确保兼容性，支持color、font-size、opacity等文本属性，但不支持display、padding等盒模型属性。
-
文档应包含模块简介、安装引入方式、API接口说明、使用示例和注意事项；通过JSDoc生成HTML文档，结合代码注释描述函数功能、参数与返回值；保持文档同步需将更新纳入开发流程，利用CI和GitHubPages自动化部署；提升可读性需用动词开头描述功能、具体化参数说明、辅以图表与changelog，确保内容清晰实用。
-
函数定义有三种方式：1.函数声明具有提升特性，可在声明前调用；2.函数表达式赋值给变量，常用于回调，不具完全提升；3.箭头函数语法简洁，无自身this，适合回调但不可作为构造函数。
-
JavaScript变量是存储数据的容器，用于保存信息并在程序中复用；支持动态类型，可用let（块级可变）、const（块级不可重赋值）和var（函数作用域，已不推荐）声明。
-
用transition-delay可精准控制各属性动画启动时机，如background-color0.3s0s,border-width0.3s0.1s,color0.3s0.2s；避免transition:all，需单独声明属性、时长与延迟，并用开发者工具验证。
-
Flexbox通过flex-direction、justify-content、align-items等属性实现主轴与交叉轴的灵活控制，结合flex-wrap和flex-grow/shrink/basis实现响应式自适应；在复杂组件中以声明式布局提升开发效率；与Grid分工协作，Grid负责页面宏观二维布局，Flexbox处理组件内部一维排列，二者结合构建高效响应式设计。
-
最直接有效的JavaScript调试方式是善用浏览器开发者工具断点功能，包括行断点、DOM断点、debugger语句和Watch监控，需精准设置、条件触发与合理禁用。
-
媒体查询的width指视口宽度而非容器宽度，@media(width:300px)无法响应div尺寸变化；应基于视口断点设计，优先使用移动优先和min-width，避免混用min/max-width，容器查询才适用于组件级响应式。
-
减少DOM操作可降低重排与重绘开销，建议批量处理并使用DocumentFragment；2.合理使用事件委托能减少内存占用并提升动态元素管理效率；3.避免内存泄漏需及时清理定时器、解绑事件及控制全局变量；4.优化循环应缓存数组长度并降低算法复杂度以提升执行效率。
-
图片不对齐是因默认基线对齐造成底部空隙，1.可通过设置vertical-align:middle/top/bottom调整；2.结合margin微调位置；3.推荐使用flex布局替代浮动，利用align-items实现稳定对齐。
-
必须通过HTML表单提交机制发送网页输入数据：一、GET方法将数据拼在URL后，适合少量非敏感数据；二、POST方法将数据放请求体中，适合大量或敏感信息；三、AJAX可异步提交，提升体验；四、FormData配合fetch自动处理文本与文件；五、隐藏字段可注入额外参数但不可信。
