《前端学习》专题

一面（45min）- 2023.12.8 this的指向问题（回答到作用域相关八股），箭头函数的this指向？ 原型和原型链，原型链的作用是什么，当对象调用方法时如何体现？ Promise 了解吗，说说 Promise Promise 还有什么方法？（上一问我说了 then, catch, finally，然后让补充） async 和 await 的作用，如何解决 await 的污染性 async

完全在被拷打，一大堆场景题，常规八股很少，也没问我项目，最后面试官30分钟把我速通了。 鼠鼠还是太菜了，玉玉。 js基本数据类型，引用数据类型分别有哪些。map，weakmap区别和特点 css左端不动，右端填满怎么做 promise是什么，链式调用是什么，链式调用返回的是什么，promise.reslove返回的是什么，如果参数是个promise，返回的是其引用还他本身 数组如何实现往后面添加指

1.自我介绍 2.项目中的编译构建  重点说了性能优化 3.em和rem、vw和vh 4.css中的换肤方案（不同情境下，主题皮肤风格不同） 5.css画三角形的方案 6.css定位 7.绘制表格的几种方式 8.对几种图片格式的认识 子问题：webp格式图片的兼容性问题 9.如何理解JS中this 10.普通函数和箭头函数的区别 11.原型链的理解    代码输出题： function F(){}

base杭州，电商部门说是 时间：2024年5月29日，面试了50mins左右 面试地点：一个叫轻雀的平台，自带有写代码的页面 面试官是一个小姐姐，不过没开摄像头，口音比较明显，感觉是湖北人，反正得是个南方人，哈哈 上来自我介绍 问了问可实习的时间：过两天毕业答辩完就可以过去，到九月份开学有三个月时间 输入url到页面渲染的过程 继续问这个流程中间有没有什么可优化的部分：利用缓存吧 强制缓存和协商

1.为什么用next 2.next的服务端api哪些 3.如何debbuger 4.F12有哪些 5.display:none几个的区别 6.es6的拷贝 7.css选择器权重 8.箭头和普通函数区别 9.var,let const的区别 10，反问没有转正机会

刚刚面试完，立刻整理一下，许愿通过🙏 先自我介绍，从项目切入问难点以及解决方法 1.登陆的流程，如何实现的 2.页面响应式如何实现 3.js基本数据类型 4.介绍原型链 5.对对象object属性或对应值的循环遍历，ES6新方法的考察 6.const定义对象后是否可修改 7.对象深拷贝——补充：object里面有function怎么办—递归 8.HTTP常见请求类型——追问：项目内登录表单的数据

0.总时长50分钟 1.自我介绍 2.代码场景题 1.手写js数据类型，循环用法，letconst输出 2.css绘制同心圆 3.事件循环输出 4.三数之和 3.状态码大全 4.跨域【cors，jsonp，反向代理（追问反向代理正向代理）】 5.反问 点评：上来就写代码很恐怖，算法没oc太倒霉了只写出一部分。

8.30 一面 技术面 自我介绍 先从html基础开始吧 行内块元素和块级元素有哪些? html5新增了什么? js类型有哪些? 你刚说到堆和栈，那这两个有什么区别? cookie session sessionstorage localstorage 有啥区别?讲的越深越好 面试官:我打开浏览器两个tab页，解释一下sessionstorage跟localstorage background的子

0.总时长45分钟 1.手撕 【1】add函数柯里化 【2】手动实现myReduce 【3】深拷贝（数组和对象） 2.项目（移动端适配，图片懒加载） 3.反问环节 总评：手撕题其实很基础，但是最近有点摆表现不好，所以草草结束，这也是有点不应该的。 字节一面挂，京东hr面挂，这个基本无了。

8.15 一面 技术面 自我介绍 围绕项目问 权限做了什么内容？ hash模式跟history模式有什么区别？原理是什么？ vue路由有什么方法？ echart如何使用，封装？ 公司在开发项目需要引入第三方库需要怎么做？ vue2 vue3区别？ LocalStorage 和 SessionStorage 和Cookie vuex原理？为什么要用？对比本地存储等等。 session存储什么时候会用

1.手写promiseall 2.手写函数柯里化 3.this指向问题 箭头函数和set timeout中的指向 4.事件代理 事件冒泡 5.怎么改变this指向 call方法是在什么的原型上

岗位要求是要了解一些前端技术的，但鼠鼠不会前端，sxs上随便投的，没想到约面了， 7/17投递 7/18电话联系，是个声音好好听的小姐姐😋 7/19腾讯会议面试，没开摄像头（不过话说现在面试官都不开摄像头，真不怕我当场搜答案嘛） 发现竟然是约电话的那个小姐姐，大喜， 在校经历、学习课程， 简单介绍项目， 长链接怎么转换成短链接的？ 后面我补充了短链接怎么跳转长链接，存数据库的唯一索引兜底策略，布

面试时长（40min） 一、自我介绍 二、项目相关 1. 你觉得你最有难度的项目是哪一个 2. 怎么实现的大文件上传 3. 在项目中做过哪些优化（渲染优化和websocket） 4. 细说websocket（忘了...） 5. 除了websocket和http还知道哪些请求方式（不知道） 6. 实习项目中封装了哪些组件 7. 如果多个项目要使用这个组件怎么办？（后面引导我用npm） 三、八股 1.

这把有点结巴😅 1.自我介绍 2.介绍项目，（这个好像太长了，不能一直讲个不停） 3.通用模板怎么样 4.v-scroll指令怎么写的 intersectionObverser 5.图片懒加载怎么实现的 6.性能优化，除了简历上的之外，还有其他的吗(CDN、浏览器缓存) 7.强缓存和协商缓存的区别 8.浏览器资源缓存的位置有哪些 (四个 Disk Cache、Memory Cache、Servi

拷打项目 图片懒加载实现 ES6了解吗 promise（作用，API） ESm和cjs区别（ESM导出的变量是常量，cjs是变量） webpack和vite（只会用vite） https和http区别（TSL握手流程？） 浏览器弹出安全警告原因？（网站使用了HTTP而不是HTTPS，或者证书过期） 跨域是什么，怎么解决 XSS和CSRF攻击和防御 算法：快排#软件开发笔面经#