【前端】2024.09.23-美团-一面面经

1.前端基础

1.垂直居中布局

2.浏览器存储

3.浏览器缓存 强制缓存&协商缓存,

extra: etag会挂在哪个字段上

If-None-Match:浏览器在请求资源时,会将上一次请求时服务器返回的ETag值作为请求头的一部分发送给服务器

4.跨域&解决方案(常见的都要说出来)

5.浏览器循环机制,执行代码

6.js变量提升,执行代码

7.箭头函数相对普通函数的性能

8.async...await相对promise

2.简单输出

  • 1 考察js循环执行机制
JavaScript 复制代码
console.log('script start'); 

setTimeout(function() {
  console.log('setTimeout'); 
}, 0);

new Promise((res,rej)=> {
 console.log('promise') 
 rej()
}).then(function() {
  console.log('promise1');
}).catch(function(){
  return 1;
}).then(function() {
  console.log('promise2'); 
});

console.log('script end'); 
  • 2.考察js变量提升&原型链
JavaScript 复制代码
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();
getName();
Foo().getName();
getName();
new Foo.getName();
new Foo().getName();
new new Foo().getName();

3.项目

项目亮点、难点、有收益的点;小程序做的活动页还是什么

4.算法

力扣88-合并两个有序数组

JavaScript 复制代码
/**
 * 力扣88
 */

var merge = function(nums1, m, nums2, n) {
    let p = m - 1, q = n - 1, tail = m + n - 1;
    while (p > -1 || q > -1) {
        if (p === -1) {
            nums1[tail--] = nums2[q--];
        }
        else if (q === -1) {
            nums1[tail--] = nums1[p--];
        }
        else if (nums1[p] < nums2[q]) {
            nums1[tail--] = nums2[q--];
        }
        else {
            nums1[tail--] = nums1[p--];
        }
    }
}

// nums1 = [1,2,3,0,0,0], m = 3, nums2 = [2,5,6], n = 3
nums1 = [1,2,3,0,0,0], m = 3, nums2 = [4,5,6], n = 3
merge(nums1, m, nums2, n);
console.log(nums1);
相关推荐
夏梦春蝉7 分钟前
ES6从入门到精通:其他特性
前端·javascript·es6
2301_14725836913 分钟前
7月1日作业
java·前端·算法
汪子熙14 分钟前
Angular 应用中手动调用 subscribe 方法的时机与实践探讨
前端
MiyueFE1 小时前
14 个逻辑驱动的 UI 设计技巧,助您改善任何界面
前端·设计
啃火龙果的兔子1 小时前
前端单元测试覆盖率工具有哪些,分别有什么优缺点
前端·单元测试
「、皓子~1 小时前
后台管理系统的诞生 - 利用AI 1天完成整个后台管理系统的微服务后端+前端
前端·人工智能·微服务·小程序·go·ai编程·ai写作
就改了1 小时前
Ajax——在OA系统提升性能的局部刷新
前端·javascript·ajax
凌冰_1 小时前
Ajax 入门
前端·javascript·ajax
京东零售技术2 小时前
京东小程序JS API仓颉改造实践
前端
老A技术联盟2 小时前
从小白入门,基于Cursor开发一个前端小程序之Cursor 编程实践与案例分析
前端·小程序