《阿里前端实习面经》专题

没有笔试直接近初面 开始的时候先做3道算法题（限40min，最好js实现，网页界面写代码，自行输入输出）： 1.经典荷兰国旗问题，三个颜色，按照顺序排好序，不能使用库函数； 2.连续子数组的最大和（leetcode 剑指offer42） 3.下一个更大元素 II（leetcode原题） 做完后，一题题问做题思路和复杂度； 接着是自我介绍； 问简历上的个人技能； 网络安全漏洞有哪些？ 如何防御 ？

时长：50mins 12.21 早上来电话交流offer，已拒 问题： 1、自我介绍 2、vue2和vue3哪个用得多 3、说下vue2和vue3的区别 4、v-show和v-if 写题：vue2实操 1、从接口获取些数据，渲染到表格上，然后自己实现增删查改，增删查改不需要发送请求，操作数组就行 2、一个页面中实现div垂直水平居中 反问 更多的还是聊了会天吧。 #我的实习求职记录#

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太倒霉了只写出一部分。

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

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

面试时长（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攻击和防御 算法：快排#软件开发笔面经#

diff算法的实现，怎么实现O（n）复杂度的 父子都relative定位，子top20px结果是什么 如何用Promise实现请求失败后继续请求 如何实现一键切换主题 echarts怎么实现随着父组件变化而变化，如果父组件里有多个echarts的话，它们应该怎么实现 node是怎么避免io阻塞的 node是怎么处理stdt缓存（这个没了解过，可能写错了）的 vue3为什么要引入setup css怎

2024-06-20 此时楼主经历了三次失败的面试 已经心如死灰 因此这场面是纯在送 1. 事件冒泡和捕获 1plus. addEventListener的第三个参数是干什么的？ 2. rem 和 em的区别 3. vw vh vmin vmax 4. 一行代码吸顶 position: sticky; 5. 跨域 6. nginx的重要功能 7. 简单请求 复杂请求 8. CDN 9. 基本数据类

大概记了些 #前端# 👥 面试题目 -用了哪些hooks -useCallback和useMemo的区别 -useEffect和useLayoutEffect的区别 -useState(传入函数）会怎么样 -let const var区别 -localstorage和sessionstorage的区别 -说说tcp三次握手原理 -setState后可以去到新值吗，他是异步还是同步的 -你在使用的