前端面试习题

已于 2023-02-16 14:23:04 修改
阅读量510 收藏 1
点赞数
分类专栏： 面试知识点 文章标签： 前端
于 2021-11-24 23:18:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/song854601134/article/details/121527593
版权

1.异步执行顺序问题

阅读下面代码，我们只考虑浏览器环境下的输出结果，写出它们结果打印的先后顺序，并分析出原因，小伙伴们，加油哦！

    console.log("AAAA");
    setTimeout(() => console.log("BBBB"), 1000);
    const start = new Date();
    while (new Date() - start < 3000) { }
    console.log("CCCC");
    setTimeout(() => console.log("DDDD"), 0);
    new Promise((resolve, reject) => {
      console.log("EEEE");
      foo.bar(100);
    })
      .then(() => console.log("FFFF"))
      .then(() => console.log("GGGG"))
      .catch(() => console.log("HHHH"));
    console.log("IIII");

答案：

浏览器下 输出结果的先后顺序是

AAAA
CCCC
EEEE
IIII
HHHH
BBBB
DDDD

答案解析：这道题考察重点是 js异步执行 宏任务 微任务。

一开始代码执行，输出AAAA. 1

第二行代码开启一个计时器t1(一个称呼)，这是一个异步任务且是宏任务，需要等到1秒后提交。

第四行是个while语句，需要等待3秒后才能执行下面的代码,这里有个问题，就是3秒后上一个计时器t1的提交时间已经过了，但是线程上的任务还没有执行结束，所以暂时不能打印结果，所以它排在宏任务的最前面了。

第五行又输出CCCC

第六行又开启一个计时器t2（称呼），它提交的时间是0秒（其实每个浏览器器有默认最小时间的，暂时忽略），但是之前的t1任务还没有执行，还在等待，所以t2就排在t1的后面。（t2排在t1后面的原因是while造成的）都还需要等待，因为线程上的任务还没执行完毕。

第七行new Promise将执行promise函数，它参数是一个回调函数，这个回调函数内的代码是同步的，它的异步核心在于resolve和reject，同时这个异步任务在任务队列中属于微任务，是优先于宏任务执行的，(不管宏任务有多急，反正我是VIP)。所以先直接打印输出同步代码EEEE。第九行中的代码是个不存在的对象，这个错误要抛给reject这个状态，也就是catch去处理，但是它是异步的且是微任务，只有等到线程上的任务执行完毕，立马执行它，不管宏任务（计时器，ajax等）等待多久了。

第十四行，这是线程上的最后一个任务，打印输出 IIII

我们先找出线程上的同步代码，将结果依次排列出来：AAAA CCCC EEEE IIII

然后我们再找出所有异步任务中的微任务 把结果打印出来 HHHH

最后我们再找出异步中的所有宏任务，这里t1排在前面t2排在后面（这个原因是while造成的），输出结果顺序是 BBBB DDDD

所以综上 结果是 AAAA CCCC EEEE IIII HHHH BBBB DDDD

2.异步执行顺序问题

阅读下面代码，我们只考虑浏览器环境下的输出结果，写出它们结果打印的先后顺序，并分析出原因，小伙伴们，加油哦！

    async function async1() {
      console.log("AAAA");
      async2();
      console.log("BBBB");
    }
    async function async2() {
      console.log("CCCC");
    }
    console.log("DDDD");
    setTimeout(function () {
      console.log("FFFF");
    }, 0);
    async1();
    new Promise(function (resolve) {
      console.log("GGGG");
      resolve();
    }).then(function () {
      console.log("HHHH");
    });
    console.log("IIII");

答案：

浏览器下 输出结果的先后顺序是

DDDD
AAAA
CCCC
BBBB
GGGG
IIII
HHHH
FFFF

答案解析：这道题考察重点是 js异步执行 宏任务 微任务.

这道题的坑就在于 async中如果没有await，那么它就是一个纯同步函数。

这道题的起始代码在第9行，输出DDDD

第10行计时器开启一个异步任务t1（一个称呼），这个任务且为宏任务。

第13行函数async1执行，这个函数内没有await 所以它其实就是一个纯同步函数，打印输出AAAA,

在async1中执行async2函数，因为async2的内部也没有await，所以它也是个纯同步函数，打印输出CCCC

紧接着打印输出BBBB。

第14行new Promise执行里面的代码也是同步的,所以打印输出GGGG,resolve()调用的时候开启一个异步任务t2（一个称呼），且这个任务t2是微任务，它的执行交给then()中的第一个回调函数执行，且优先级高于宏任务（t1）执行。

第20行打印输出IIII,此时线程上的同步任务全部执行结束。

在执行任务队列中的异步任务时，微任务优先于宏任务执行，所以先执行微任务 t2 打印输出 HHHH,然后执行宏任务 t1 打印输出 FFFF

所以综上 结果输出是 DDDD AAAA CCCC BBBB GGGG IIII HHHH FFFF

3.微任务执行问题

async await

  1. 问题1

    async function t1() {
  let a = await "lagou";
  console.log(a);
}
t1()

    问题解析

    await是一个表达式，如果后面不是一个promise对象，就直接返回对应的值。

    所以问题1可以理解为

    async function t1() {
  let a = "lagou";
  console.log(a);//lagou
}
t1()

  2. 问题2

    async function t2() {
  let a = await new Promise((resolve) => {});
  console.log(a);//
}
t2()

    问题解析

    await后面如果跟一个promise对象，await将等待这个promise对象的resolve状态的值value，且将这个值返回给前面的变量，此时的promise对象的状态是一个pending状态，没有resolve状态值，所以什么也打印不了。

  3. 问题3

    async function t3() {
  let a = await new Promise((resolve) => {
    resolve();
  });
  console.log(a);//undefined
}
t3()

    await后面如果跟一个promise对象，await将等待这个promise对象的resolve状态的值value，且将这个值返回给前面的变量，此时的promise对象的状态是一个resolve状态，但是它的状态值是undefined，所以打印出undefined。

  4. 问题4

    async function t4() {  let a = await new Promise((resolve) => {    resolve("hello");  });  console.log(a);//hello}t4()

    await后面如果跟一个promise对象，await将等待这个promise对象的resolve状态的值，且将这个值返回给前面的变量，此时的promise对象的状态是一个resolve状态，它的状态值是hello，所以打印出hello。

  5. 问题5

    async function t5() {  let a = await new Promise((resolve) => {    resolve("hello");  }).then(() => {    return "lala";  });  console.log(a);//lala}t5()

    await后面如果跟一个promise对象，await将等待这个promise对象的resolve状态的值，且将这个值返回给前面的变量，此时的promise对象的状态是一个resolve状态，它的状态值是hello，紧接着后面又执行了一个then方法，then方法又会返回一个全新的promise对象，且这个then方法中的返回值会作为这个全新的promise中resolve的值，所以最终的结果是lala。

  6. 问题6

    async function t6() {  let a = await fn().then((res)=>{return res})  console.log(a);//undefined}async function fn(){    await new Promise((resolve)=>{        resolve("lagou")    })}t6()

    问题解析

    async函数执行返回一个promise对象,且async函数内部的返回值会当作这个promise对象resolve状态的值

    async function fn() {  return "la";}var p = fn();console.log(p); //Promise {<resolved>: "la"}				//__proto__: Promise                //[[PromiseStatus]]: "resolved"                //[[PromiseValue]]: "la"

    首先考虑 fn() 执行返回一个promise对象，因为fn执行没有返回值，所以这个promise对象的状态resolve的值是undefined，且将这个undefined当作下一个then中回调函数的参数，所以打印的结果是undefined

  7. 问题7

    async function t7() {  let a = await fn().then((res)=>{return res})  console.log(a);}async function fn(){    await new Promise((resolve)=>{        resolve("lagou")    })    return "lala"}t7()

    首先考虑 fn() 执行返回一个promise对象，因为fn()执行有返回值lala，所以这个promise对象的状态resolve的值是lala，且将这个lala当作下一个then中回调函数的参数，所以打印的结果是lala。

注意细节

  • async函数执行的返回结果是一个promise对象，这个函数的返回值是这个promise状态值resolve的值

  • await后面如果不是一个promise对象，将直接返回这个值

  • await后面如果是一个promise对象，将会把这个promise的状态resolve的值返回出去。

    以上没有考虑reject状态。

4.this指向问题

说出并解释下列代码的输出结果：

    function Foo() {
      getName = function () {
        console.log(1);
      };
      return this;
    }
    Foo.getName = function () {
      console.log(2);
    };
    Foo.prototype.getName = function () {
      console.log(3);
    };
    var getName = function () {
      console.log(4);
    };
    function getName() {
      console.log(5);
    }
    Foo.getName();
    Foo().getName();
    getName();
    new Foo.getName();
    new Foo().getName();
    new new Foo().getName();

参考答案

    1、    Foo.getName(); 调用Foo的静态方法，所以，打印2
    2、    Foo().getName(); Foo()就是普通函数调用，返回的this是window，后面调用window.getName()​    而window下的getName在Foo()中调用getName被重新赋值, 所以, 打印1
    3、   getName(); 在执行过Foo().getName()的基础上，所以getName = function () { console.log(1) }, 所以, 打印1，[如果getName()放在Foo().getName()上执行打印结果为4]
    4、  new Foo.getName(); 构造器私有属性的getName(), 所以, 打印2
    5、   new Foo().getName(); 原型上的getName()，打印3
    6、   new new Foo().getName() 首先new  Foo()得到一个空对象{ } 第二步向空对象中添加一个属性getName，值为一个函数第三步new { }.getName()   等价于 var bar = new (new Foo().getName)(); console.log(bar)​ 
         先new Foo得到的实例对象上的getName方法，再将这个原型上getName方法当做构造函数继续new ，所以执行原型上的方法, 打印3

5.promise执行问题

谈一谈下列两种写法的区别

    //第一种
    promise.then((res) => {
      console.log('then:', res);
    })
      .catch((err) => {
        console.log('catch:', err);
      })

    // 第二种
    promise.then((res) => {
      console.log('then:', res);
    }, (err) => { console.log('catch:', err); })

参考解析

第一种 catch 方法可以捕获到 catch 之前整条 promise 链路上所有抛出的异常。

第二种 then 方法的第二个参数捕获的异常依赖于上一个 Promise 对象的执行结果。

promise.then(successCb, faildCd) 接收两个函数作为参数，来处理上一个promise 对象的结果。then f 方法返回的是 promise 对象。第一种链式写法，使用catch，相当于给前面一个then方法返回的promise 注册回调，可以捕获到前面then没有被处理的异常。第二种是回调函数写法，仅为为上一个promise 注册异常回调。

如果是promise内部报错 reject 抛出错误后，then 的第二个参数就能捕获得到，如果then的第二个参数不存在，则catch方法会捕获到。

如果是then的第一个参数函数 resolve 中抛出了异常，即成功回调函数出现异常后，then的第二个参数reject 捕获捕获不到，catch方法可以捕获到。

6.promise请求并发问题

    var urls = ['http://jsonplaceholder.typicode.com/posts/1', 'http://jsonplaceholder.typicode.com/posts/2', 'http://jsonplaceholder.typicode.com/posts/3', 'http://jsonplaceholder.typicode.com/posts/4', 'http://jsonplaceholder.typicode.com/posts/5', 'http://jsonplaceholder.typicode.com/posts/6', 'http://jsonplaceholder.typicode.com/posts/7', 'http://jsonplaceholder.typicode.com/posts/8', 'http://jsonplaceholder.typicode.com/posts/9', 'http://jsonplaceholder.typicode.com/posts/10']\
    function loadDate(url) {
      return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest()
        xhr.onload = function () {
          resolve(xhr.responseText)
        }
        xhr.open('GET', url)
        xhr.send()
      })
    }

在 urls 数组中存放了 10 个接口地址。同时还定义了一个 loadDate 函数，这个函数接受一个 url 参数，返回一个 Promise 对象，该 Promise 在接口调用成功时返回 resolve，失败时返回 reject。

要求：任意时刻，同时下载的链接数量不可以超过 3 个。
试写出一段代码实现这个需求，要求尽可能快速地将所有接口中的数据得到。

解题思路

按照题意我们可以这样做，首先并发请求 3 个 url 中的数据，当其中一条 url 请求得到数据后，立即发起对一条新 url 上数据的请求，我们要始终让并发数保持在 3 个，直到所有需要加载数据的 url 全部都完成请求并得到数据。

用 Promise 实现的思路就是，首先并发请求3个 url ，得到 3 个 Promise ，然后组成一个叫 promises 的数组。再不断的调用 Promise.race 来返回最快改变状态的 Promise ，然后从数组promises中删掉这个 Promise 对象，再加入一个新的 Promise，直到所有的 url 被取完，最后再使用 Promise.all 来处理一遍数组promises中没有改变状态的 Promise。

参考答案

    var urls = ['http://jsonplaceholder.typicode.com/posts/1', 'http://jsonplaceholder.typicode.com/posts/2', 'http://jsonplaceholder.typicode.com/posts/3', 'http://jsonplaceholder.typicode.com/posts/4', 'http://jsonplaceholder.typicode.com/posts/5', 'http://jsonplaceholder.typicode.com/posts/6', 'http://jsonplaceholder.typicode.com/posts/7', 'http://jsonplaceholder.typicode.com/posts/8', 'http://jsonplaceholder.typicode.com/posts/9', 'http://jsonplaceholder.typicode.com/posts/10']
    function loadDate(url) {
      return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest()
        xhr.onload = function () {
          resolve(xhr.responseText)
        }
        xhr.open('GET', url)
        xhr.send()
      })
    }
    function limitLoad(urls, handler, limit) {
      // 对数组进行一个拷贝  
      const sequence = [].concat(urls)
      let promises = [];
      //实现并发请求达到最大值  
      promises = sequence.splice(0, limit).map((url, index) => {
        // 这里返回的 index 是任务在数组 promises 的脚标  
        //用于在 Promise.race 后找到完成的任务脚标  
        return handler(url).then(() => {
          return index
        });
      });
      // 利用数组的 reduce 方法来以队列的形式执行  
      return sequence.reduce((last, url, currentIndex) => {
        return last.then(() => {
          // 返回最快改变状态的 Promise     
          return Promise.race(promises)
        }).catch(err => {
          // 这里的 catch 不仅用来捕获前面 then 方法抛出的错误  
          // 更重要的是防止中断整个链式调用     
          console.error(err)
        }).then((res) => {
          // 用新的 Promise 替换掉最快改变状态的 Promise    
          promises[res] = handler(sequence[currentIndex]).then(
            () => { return res });
        })
      }, Promise.resolve()).then(() => { return Promise.all(promises) })
    }
     limitLoad(urls, loadDate, 3)
     
    //因为 loadDate 函数也返回一个 Promise所以当 所有图片加载完成后可以继续链式调用
    limitLoad(urls, loadDate, 3).then(() => {
      console.log('所有url数据请求成功');
    })
      .catch(err => { console.error(err); })

7.跨域问题

  1. API跨域可以通过服务器上nginx反向代理
  2. 本地webpack dev server可以设置 proxy，
  3. new Image, 设src 的时候，图片需要设置Cors
    cors需要后台配合设置HTTP响应头，如果请求不是简单请求（1. method：get，post，2. content-type：三种表单自带的content-type，3. 没有自定义的HTTP header），浏览器会先发送option预检请求，后端需要响应option请求，然后浏览器才会发送正式请求，cors通过白名单的形式允许指定的域发送请求
    jsonp是浏览器会放过 img script标签引入资源的方式。所以可以通过后端返回一段执行js函数的脚本，将数据作为参数传入。然后在前端执行这段脚本。双方约定一个函数的名称。
    联调的时候会需要跨域，线上前端站点域和后台接口不一致也需要跨域，开发时跨域可以通过代理服务器来转发请求，因为跨域本身是浏览器对请求的限制，常见的跨域处理还有JSONP和cors，jsonp是利用脚本资源请求本身就可以跨域的特性，通过与请求一起发送回调函数名，后台返回script脚本直接执行回调，但是由于资源请求是get类型，请求参数长度有限制，也不能进行post请求。cors需要后台配合设置HTTP响应头，如果请求不是简单请求（1. method：get，post，2. content-type：三种表单自带的content-type，3. 没有自定义的HTTP header），浏览器会先发送option预检请求，后端需要响应option请求，然后浏览器才会发送正式请求，cors通过白名单的形式允许指定的域发送请求
    同源策略只是浏览器客户端的防护机制，当发现非同源HTTP请求时会拦截响应，但服务器依然处理了这个请求。
    服务器端不拦截，所以在同源服务器下做代理，可以实现跨域。
    我之前这么看的node中间层处理跨域。

8.Sourcemap问题

Sourcemap是什么？有什么作用？在生产环境怎么用？

Sourcemap 本质上是一个信息文件，里面储存着代码转换前后的对应位置信息。它记录了转换压缩后的代码所对应的转换前的源代码位置，是源代码和生产代码的映射。 Sourcemap 解决了在打包过程中，代码经过压缩，去空格以及 babel 编译转化后，由于代码之间差异性过大，造成无法debug的问题，简单说 Sourcemap 构建了处理前以及处理后的代码之间的一座桥梁，方便定位生产环境中出现 bug 的位置。因为现在的前端开发都是模块化、组件化的方式，在上线前对 js 和 css 文件进行合并压缩容易造成混淆。如果对这样的线上代码进行调试，肯定不切实际，sourceMap 的作用就是能够让浏览器的调试面版将生成后的代码映射到源码文件当中，开发者可以在源码文件中 debug，这样就会让程序员调试轻松、简单很多。

Sourcemap 的种类有很多， 在生产环境下可以用process.env 判断一下。 webpack中可以在devtool中设置, 在开发环境中可以配置devtool为cheap-module-source-map，方便调试。生产环境下建议采用none的方式，这样做不暴露源代码。或者是nosources-source-map 的方式，既可以定位源代码位置，又不暴露源代码

9.this拔高面试题

各位小伙伴，今天的面试时刻到啦！下面有两道面试题，大家思考之后给出相应的结果并说明理由（只考虑浏览器环境）

第一题：写出打印结果，并分析出原因

    var length = 10;
    function fn() {
      console.log(this.length);
    }
    var obj = {
      length: 5,
      method: function (fn) {
        fn();
        arguments[0]();
      }
    };
    obj.method(fn, 1);

解析：首先，我们在全局定义了一个变量length、一个对象obj和一个函数fn，length赋值为10。接下来是fn函数，输出this.length。对象obj中，obj.length是5，obj.method是一个函数。method函数里面的形参也是一个函数，这个函数里面调用了fn函数，arguments是一个伪数组，代表method函数实际接收到的参数列表，所以arguments[0] ()就代表了调用arguments里的第一项。obj.method(fn, 1)代表的就是调用obj当中的method函数，并且传递了两个参数，fn和1。

分析完了代码的含义，我们来看输出结果。method函数当中调用的fn函数是全局当中的函数，所以this指向的是window，this.length就是10。上面说了，arguments[0] ()代表的是调用arguments里面的第一项，也就是传参进来的fn，所以这个this指向的是arguments，method函数接收的参数是两个，所以arguments.length就是2。最后的输出结果就是 10 2

第二题：写出打印结果，并分析出原因

    function a(xx) {
      this.x = xx;
      return this;
    };
    var x = a(5);
    var y = a(6);
    console.log(x.x);
    console.log(y.x);

解析：首先，我们在全局定义了一个变量x、一个变量y和一个函数a，函数a当中的this.x等于接收到的参数，返回this，这里要注意，返回的不是this.x，而是this。接下来我们给x赋值，值为a(5)，又给y进行赋值，值为a(6)。最后，我们输出x.x，y.x。

分析完代码的含义，我们来看输出结果。a函数传了一个参数5，那么this.x就被赋值为了5，函数a的this指向的是window，也就是window.x = 5。上面我们说过，这个函数返回的是this，也就是this指向的window，x = a(5)就相当于window.x = window，此时的x被赋值为了window。下面又执行了y = a(6)，也就是说，x的值再次发生了改变，边为了6，y则被赋值为了window。console.log(x.x)就相当于console.log(6.x)，输出的自然是undefined。console.log(y.x)，输出的相当于是console.log(window.x)，得到的值自然是6。最后输出的结果为 undefined 6

song854601134
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端面试题
01-20
有关于CSS的面试题和练习 ，集合了多种前端面试题 可共学习 参考 祝你面试通过！
JS面试题解析 考察：js执行顺序，变量提升，作用域，this 指向，继承等
Sarahapy的博客
06-25 274
JS面试题解析 考察：js执行顺序，变量提升，作用域，this 指向，继承等 考题：以下表达式的结果是什么？ function Foo(){ getName = function () { console.log(1) }; return this } Foo.getName = () => console.log(2); Foo.prototype.getName = () => console.log(3);
2022秋招前端面试题（六）（附答案）
helloworld1024fd的博客
08-08 788
代码输出结果如下： 代码执行过程如下：事件流是网页元素接收事件的顺序，"DOM2级事件"规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 首先发生的事件捕获，为截获事件提供机会。然后是实际的目标接受事件。最后一个阶段是时间冒泡阶段，可以在这个阶段对事件做出响应。 虽然捕获阶段在规范中规定不允许响应事件，但是实际上还是会执行，所以有两次机会获取到目标对象。 当容器元素及嵌套元素，即在又在调用事件处理程序时：事件按DOM事件流的顺序执行事件处理程序：且当事件处于目标阶段时，事件调用顺序决定于
前端面试之代码输出篇
fuchang的博客
02-25 238
前端面试之代码输出篇
前端高频面试/笔试题——同步任务、微任务、宏任务执行顺序
Code6E的博客
01-06 485
只有上游的任务全部执行完才能执行下游的任务。async标记的函数会原地等待await表达式的结果，await表达式后面的内容就相当于then里面的内容，属于异步的微任务。解析：注意这题有微任务的嵌套，同一个async标记的函数中若有多个await，那么就存在微任务的嵌套（微任务套着微任务）。：按照变式二解析的思路去推导即可得出。首先执行同步任务，所以依次输出。，控制台输出async3，注意。后面的内容又是一个微任务，所以。先将任务按照顺序分好类。
80%的前端开发都答不上来的js异步面试题
loveX001的博客
10-17 144
至此、面试题就已经讲解完成了，内容比较长，但是也比较细，各位碰到类似题目时，可以按照我的方法去做一下，基本不会再出错了。
前端面试题汇总(算法篇二)--promise和setTimeout的输出顺序
Holly31的博客
05-20 191
针对时间循环里面同步任务 异步任务（宏任务 微任务的考察）
前端面试题记录
u014773932的博客
11-30 1290
前端 面试
前端面试中的代码输出题整理
Voiceu的博客
06-18 636
复习的时候经过整理，发现这些题大致分为如下几类种（持续更新） 判断this指向 异步，宏任务微任务的顺序 闭包 原型链 因此分类别整理如下 异步，判断顺序 最简单的一种 setTimeout(function () { console.log(1) }, 0) new Promise(function (resolve) { console.log(2) for (var i =
22道js输出顺序问题,你能做出几道
loveX001的博客
10-12 238
最近在准备面试题，console的输出顺序之前一直迷迷糊糊。
JS经典面试考题
Riona_cheng的博客
02-18 550
JS经典面试题
前端面试宝典、前端面试题库、高频前端面试题、大厂面试题、算法面试题、前端面试题大全
11-21
还有必包练习题，看题说结果，看完我的答案，所有必包的问题你都解决了，而其他面试题库，要嘛没有答案，要嘛答案看不懂，还得一直去搜，我这里直接给你一套龙服务，关键的是我还有我自己调试的代码。 再举个例子，...
前端面试题带答案最全合集，前端面试八股文
04-09
面试注意事项,前端面试 八股文,如何准备,从梳理重难点,梳理的策略,从策略出发,你可以从亮点的目标,进行项目经理分析,建立了体系的管理体系,帮助每个人都能快速掌握,建立初中级前端面试。 面试是一个双向选择的过程，...
最新前端大厂高频面试题
05-30
带你爆刷100道前端真题，磨出令人惊艳的面试表需，贴合高级人才画像。工作能力≠面试能力，面试前刻意练习，强化训练，锁定机会。
前端vue框架 高频面试题
08-11
近年来，Vue.js作为一种轻量级的JavaScript框架迅速崛起，并在前端开发领域取得了广泛应用和认可。由于其简洁易学、高效灵活的特性，越来越多的企业开始采用Vue.js来构建他们的Web应用程序。 针对Vue.js的面试准备...
【前端】数组的常用处理函数
lcukyNwa的博客
04-22 401
item------->每个元素值 (必)index----->索引（可选）arr-------- >当前数组（可选）推荐vscode的一款插件来写以下的demo，该插件可以直接在js文件中显示结果，搜 Quokka.js用这个插件去新建一个js文件，直接就运行在node上了forEach不会返回一个新的数组，里面改值会影响原数组，其他方法不影响原数组map可以返回新数组 用于映射，如每个元素都加倍或执行其他转换操作every返回一布尔值，需数组中全部满足。
C++ WebServer的细节理解
我的博客
04-22 594
在非阻塞模式下，如果 I/O 操作不能立即完成（例如，因为没有数据可读 或 写缓冲区满），系统不会让调用进程阻塞等待，而是立即返回一个错误（通常为 EAGAIN 或 EWOULDBLOCK）。先查询文件描述符 fd 当前的标志，然后将 O_NONBLOCK 标志加入其中，并通过 F_SETFL 来更新文件描述符，最终实现将该文件描述符切换为非阻塞模式。这意味着，如果没有待处理的连接请求（即没有客户端尝试连接到服务器），accept() 会一直阻塞，直到有新的连接请求到达或发生其他特定条件（如超时）为止。
SpringBoot项目打包分离高阶操作
最新发布
Record Little
04-23 589
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
webman 事务回滚失效问题记录
juan9872的博客
04-21 753
webman是一款基于workerman开发的高性能HTTP服务框架。webman用于替代传统的php-fpm架构，提供超高性能可扩展的HTTP服务。你可以用webman开发网站，也可以开发HTTP接口或者微服务。除此之外，webman还支持自定义进程，可以做workerman能做的任何事情，例如websocket服务、物联网、游戏、TCP服务、UDP服务、unix socket服务等等。
前端面试刷题练习软件
02-18
当提到前端面试刷题练习软件时，我可以向您介绍一款名为LeetCode的平台。LeetCode是一个非常受欢迎的在线编程平台，提供了大量的算法和数据结构题目，包括前端相关的题目。以下是关于LeetCode的一些特点和优势： 1....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值