-
使用Flexbox或Grid可实现元素水平与垂直对齐，如Flexbox通过justify-content和align-items居中，Grid用place-items:center，而传统float不支持垂直浮动，仅推荐用于文本环绕。
-
JavaScript是独立于Java的浏览器脚本语言，核心是实现网页交互；初学者应优先掌握console.log()调试、const/let声明、addEventListener()绑定事件和fetch()异步请求。
-
split()方法有四大关键细节：空字符串分隔符逐字符拆分（IE8不支持）；分隔符未匹配时返回原字符串单元素数组；正则捕获组内容会插入结果数组；limit参数限制长度，0得空数组，负数等同不限制。
-
按钮点击没反应的首要原因是onclick未在正确环境下执行，如浏览器禁用JS或页面以file://协议打开；其次检查DOM是否加载完成、ID拼写是否一致、按钮是否被遮挡或设置了pointer-events:none；表单内按钮需明确type属性并用preventDefault()阻止默认刷新。
-
script标签最稳妥的位置是放在</body>之前；放在head中需加defer或async，内联脚本不宜用于生产环境，外部脚本更利于缓存与维护，type属性影响执行行为，动态插入需注意加载时机与跨域配置。
-
模板字符串是JavaScript中用反引号包裹、支持表达式插值、多行书写和标签函数的字符串语法，相比传统拼接更安全、清晰、易维护，且无运行时性能劣势。
-
首先使用JavaScript的navigator.geolocation获取用户位置，再结合GoogleMaps或高德地图API将坐标展示在地图上，支持单次定位与持续追踪，需注意权限处理、错误回调及国内地图替代方案的选择。
-
float后文本绕图是因浮动脱离文档流但行框仍留空间，属设计行为；解决需触发BFC（如overflow:hidden或display:flow-root）或clear:both清浮动。
-
答案：HTML弹性布局核心是CSSFlexbox模块，通过在父容器设置display:flex;使子元素成为Flex项目并沿主轴排列，利用flex-direction、flex-wrap、justify-content、align-items等属性控制方向、换行、对齐方式，结合flex-grow、flex-shrink、flex-basis实现空间分配，支持嵌套与响应式设计，解决垂直居中、等高布局、间距控制等难题，相比传统布局更简洁高效，适用于导航栏、卡片列表、表单及复杂组件布局。
-
获取数组最后n个元素的推荐方法是使用slice(-n)或_.takeRight()；1.使用Array.prototype.slice(-n)可直接获取末尾n个元素，若n大于数组长度则返回整个数组，若n为0或负数则返回空数组（但slice(-0)等同于slice(0)，返回整个数组）；2.使用Lodash的_.takeRight(array,n)语义更清晰，行为更符合直觉，n为0或负数时明确返回空数组；选择取决于是否已引入Lodash及对代码可读性的要求，原生slice无需依赖且性能佳，而takeRigh
-
雪碧图background-position需以元素左上角为原点，垂直堆叠时第二图标为0-16px；内联style限首屏小样式（≤1KB），禁用normalize等大文件；base64临界值建议设4096；preload必须加as="style"。
-
HTML5网页发布关键在于路径正确、服务可用、域名可达；GitHubPages需严格遵守仓库名和分支规则，Vercel/Netlify需配置路由回退，FTP部署须注意路径、大小写与权限，调试优先查Network面板。
-
浏览器通过name和autocomplete属性协同识别用户名输入框，其中autocomplete="username"是关键信号，且用户名框必须位于密码框之前。
-
本文介绍如何通过HTML输入控件与JavaScript动态设置并持续更新自定义日期时间，支持秒级/分钟级刷新，并避免定时器重复触发问题。
-
float:left让li横向排列常失效，因ul默认padding-left、父容器未清除浮动致高度塌陷，且li未设宽/间距/子元素display:block；现代项目应优先用flex或grid。
