摘要: Object.entries() 的作用是将一个对象的可枚举属性,转换为一个“键值对数组”。 这个数组的每个元素都是 [key, value] 形式,非常方便进行遍历或数据转换。 const obj = { name: '前端', age: 2 }; console.log(Object.entri 阅读全文
posted @ 2026-09-02 17:12 firegun 阅读(4) 评论(0) 推荐(0)
摘要: const obj = { a:'10', b:'20', c:'30' } //使用Object.entries加上map const newObj = Object.entries(obj).map(([key,value])=>{ return { name:key, age:value } 阅读全文
posted @ 2026-09-02 17:02 firegun 阅读(3) 评论(0) 推荐(0)
摘要: 前端开发中,使用foreach与 const users = [ { id: 1, name: '张三', age: 25 }, { id: 2, name: '李四', age: 30 } ]; foreach:单纯遍历,执行副作用(如渲染 DOM、打印日志),不返回新数组。 users.forEach(user => { con 阅读全文
posted @ 2026-09-02 16:28 firegun 阅读(4) 评论(0) 推荐(0)
摘要: 前端开发中,使用箭头函数显示返回和隐式返回的区别? 假设后端返回数据为: const users = [ { id: 1, name: '张三', age: 25 }, { id: 2, name: '李四', age: 30 } ]; 现有两种写法: 第一种: /* 使用 () 包裹对象字面量 隐式返回,不需要写 return 代码更简洁 */ c 阅读全文
posted @ 2026-09-02 16:22 firegun 阅读(3) 评论(0) 推荐(0)
摘要: Vue首屏加载速度优化方案 优化 Vue 首屏加载速度是对提升用户体验的有着非常关键的作用。 一、代码分割与懒加载 路由懒加载 使用动态导入语法拆分路由组件,减少首屏加载的代码量: const Home = () => import('./views/Home.vue'); const router = new VueRout 阅读全文
posted @ 2025-06-12 17:19 firegun 阅读(346) 评论(0) 推荐(0)