区别

为html表格添加分组合计功能，通常首选在客户端通过javascript动态处理和渲染。核心步骤包括：1.准备结构化数据；2.根据指定字段进行分组并对数值字段累加；3.基于结果动态生成包含普通行与合计行的html表格。此外，客户端实现具备减轻服务器负担、提升用户体验、灵活性强等优势，适用于数据量适中…

要水平对齐flex子元素，需使用justify-content属性。1. 确保父元素为flex容器（display: flex）；2. 应用justify-content的不同值控制对齐方式：flex-start靠左、flex-end靠右、center居中、space-between两端对齐中间均匀…

split方法用于将字符串按指定分隔符切割成数组，其核心在于定义分隔符和限制结果长度；它接受两个参数：separator（分隔符）和limit（最大数组长度）；当separator为字符串时，按该字符串分割，如”hello”.split(” “)返回[…

html5 history api 通过 pushstate、replacestate 和 popstate 实现无刷新页面跳转，提升 spa 流畅度。pushstate 向历史栈添加新状态，replacestate 修改当前状态，popstate 监听前进/后退操作。示例代码展示如何动态更新内容并…

grid布局和flexbox各有专长，适用于不同场景。1.grid擅长二维布局，能同时控制行和列，适合复杂页面结构；2.flexbox专注于一维布局，适合单行或单列的元素排列；3.两者可结合使用，如用grid划分整体结构，用flexbox控制局部排列；4.现代浏览器对两者兼容性良好，部分旧版本需添加…

div标签是html中用于创建区块的无语义容器，主要用于组织和包裹其他元素以方便样式化和脚本操作。1. div的核心作用是作为无语义容器，划分页面逻辑区域，需结合class和id赋予含义；2. 使用div进行布局时通常配合css，早期依赖float和position，现多用flexbox或grid实…

pwa的核心是通过web技术实现类原生app体验。1.必须运行在https环境下确保安全性；2.service worker负责离线缓存、推送通知等功能，需编写脚本处理资源缓存和更新；3.web app manifest提供应用描述信息用于主屏幕添加；4.需在网页中注册service worker完…

javascript的concat方法和扩展运算符都用于合并数组，但扩展运算符更灵活。1. concat是数组方法，返回新数组且不修改原数组，适合明确构建不可变数据或老旧环境兼容；2. 扩展运算符语法简洁直观，可混合元素并创建浅拷贝，适用于复杂构建场景；3. 两者均为浅拷贝，处理引用类型时需额外实现…

preload用于当前急需资源，prefetch用于未来可能需要的资源。preload优先级高，适用于关键css、js、web字体等渲染阻塞资源，通过提前加载以提升fcp和lcp；而prefetch优先级低，适用于下一页可能用到的资源，如html、图片，通过在浏览器空闲时预加载。两者需合理使用，避免…