-
entries()方法返回一个迭代器对象，用于遍历数组的索引和值组成的键值对，1.调用arr.entries()返回迭代器而非数组，需通过for...of或next()方法访问；2.每次next()调用返回包含value（键值对）和done（是否结束）属性的对象；3.实际应用包括同时获取索引和值（如生成带索引类名的HTML）、简化数据处理逻辑及与其他迭代方法组合使用；4.相比for...in循环，entries()仅遍历数组元素而不包括自定义或继承属性，避免意外输出，更安全可靠。
-
使用position:fixed可实现底部固定工具栏。1.HTML结构包含四个按钮；2.CSS设置position:fixed、bottom:0、width:100%、z-index等确保工具栏固定底部并美观；3.通过padding-bottom或margin-bottom避免内容被遮挡；4.移动端适配添加box-shadow、图标文字、touch-action及safe-area-inset-bottom优化体验。
-
答案：GET通过URL传递数据，适合非敏感、小量信息；POST将数据放在请求体中，更安全且支持大数据量和文件上传。
-
答案：处理CSS浮动中文本对齐需清除浮动、触发BFC解决塌陷、设置text-align对齐文本，推荐用Flex布局替代。
-
map返回新数组，forEach无返回值（undefined）；map用于转换生成新数据，forEach用于执行副作用；二者均不支持break，且跳过稀疏数组空槽。
-
HTML5需组合触摸事件或借助Hammer.js等库实现手势；可用touch-action优化原生行为；PointerEvents统一输入类型；长按需防抖动容差判定。
-
多栏排版可通过CSS多列、Flexbox或Grid实现。多列布局适用于文本流，使用column-count、column-gap和column-rule控制栏数、间距与分隔线；Flexbox适合结构化区块并排，通过display:flex、flex属性和gap实现均匀或不等宽布局；Grid提供二维精确控制，利用display:grid、grid-template-columns和repeat()定义列结构，并支持fr单位与响应式设计。为适配不同设备，应结合媒体查询在小屏上调整为单列，确保可读性。推荐根据内
-
本文旨在解决前端开发中常见的CSS媒体查询在部分浏览器（如Chrome、Edge）中不生效的问题，尤其当涉及display属性的响应式调整时。通过分析其背后的浏览器缓存机制，并提供清除缓存和强制刷新的具体操作步骤，确保CSS样式能够正确应用，从而帮助开发者解决跨浏览器样式一致性难题。
-
外部CSS为主、关键样式内联，可提升性能与SEO；避免滥用内联和内部样式，以优化加载速度和搜索引擎排名。
-
相对定位为绝对定位提供参考，子元素脱离文档流精确布局。父级设relative不占空间，子级用absolute通过top、left等定位，常用于徽标、弹窗；需注意最近定位祖先、z-index层叠与宽高控制。
-
首先安装gulp及gulp-webserver插件，初始化项目后创建gulpfile.js配置文件。接着定义'serve'任务启动本地服务器并设置自动打开浏览器，通过gulp.src指定HTML文件目录，如根目录或src。配置端口和open参数确保浏览器自动访问http://localhost:8080。然后添加默认任务，运行gulp命令即可启动服务。最后使用gulp.watch监听HTML文件变化，结合browser-sync实现保存后浏览器自动刷新，实现实时预览功能。
-
使用<ol>和<li>标签创建有序列表，支持type属性设置编号类型（如A、a、i、1），start属性定义起始值，可嵌套实现多级结构，使页面层次清晰。
-
Grid布局需兼顾现代浏览器与旧版兼容：优先使用稳定属性，用@supports提供flexfallback，IE11专用-ms-grid适配，并通过真机测试和上下文统一保障一致性。
-
去除input输入框阴影需分别处理outline和box-shadow；首先使用outline:none去除焦点轮廓，但建议替换为自定义边框以保障可访问性；其次通过box-shadow:none清除阴影，尤其适用于受框架影响的输入框；最终可结合type选择器精准控制文本、密码、邮箱等输入框的样式，确保页面一致性。
-
Flex布局元素居中需父容器设display:flex，再用justify-content和align-items双属性控制主轴与交叉轴居中，且父容器须有明确高度（如height:100vh），子元素避免margin:auto等干扰样式。
