前端面试星球

Html	Css	JavaScript	Vue	React	Node	Webpack	Http	Algorithm	Coding	Other

☕ 每日一题

每天get一个知识点

Day127:按要求完成 mergePromise 代码

const timeout = (ms) =>
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve();
    }, ms);
  });
const ajax1 = () =>
  timeout(2000).then(() => {
    console.log("1");
    return 1;
  });
const ajax2 = () =>
  timeout(1000).then(() => {
    console.log("2");
    return 2;
  });
const ajax3 = () =>
  timeout(2000).then(() => {
    console.log("3");
    return 3;
  });
const mergePromise = (ajaxArray) => {
  // 1,2,3 done [1,2,3] 此处写代码 请写出ES6、ES3 2中解法
};
mergePromise([ajax1, ajax2, ajax3]).then((data) => {
  console.log("done");
  console.log(data); // data 为[1,2,3]
});
// 执行结果为：1 2 3 done [1,2,3]

答案&解析

⏱️ 资源更新

• Webpack5 新特性尝鲜实战案例
• node 接口转发有无做什么优化？node 起服务如何保证稳定性，平缓降级，重启等
• 说一下 Vue3 与 Vue2 的对比
• vue 对数组的方法做了重写的操作，如何实现对 vue2 中对数组操作的 push()方法
• Vue v-model 是如何实现的，语法糖实际是什么
• 说一下 vue-router 的原理
• 网站 SEO 怎么处理
• Webpack 为什么慢，如何进行优化
• Webpack 打包出来的体积太大，如何优化体积？
• 找出两个数组的交集元素
• Import 和 CommonJS 在 webpack 打包过程中有什么不同
• Webpack 打包时 Hash 码是怎么生成的？随机值存在一样的情况，如何避免？
• 介绍 Vue template 到 render 的过程
• Vue data 中某一个属性的值发生改变后，视图会立即同步执行重新渲染吗？
• 简述 mixin、extends 的覆盖逻辑
• Webpack 热更新的原理

📚 面试题汇总入口

• 每日一题汇总
• 全部面试题汇总

🏠 前端面试星球 Family

如果你在工作中遇到问题、在面试中遇到疑惑、在前端路上遇到了阻碍，都可以加入我们前端星球 Family，我们会竭尽全力为大家答疑解惑，让我们共同努力，一同成长。

版权许可

本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可，只要保持原作者署名和非商用，您可以自由地阅读、分享、修改。