《前端》专题

必须 使用 Laravel 官方前端工具做前端开发自动化； 必须 保证页面只加载一个 .css 文件； 必须 保证页面只加载一个 .js 文件； 必须 为 .css 和 .js 增加 版本控制； 必须 使用 SASS 来书写 CSS 代码；

环境准备 请参考环境准备 创建工作目录 export HOME=/home/work export WORKSPACE=$HOME/open-falcon mkdir -p $WORKSPACE cd $WORKSPACE 克隆前端组件代码 cd $WORKSPACE git clone https://github.com/open-falcon/dashboard.git 安装依赖包 yu

前后端分离 这是一个很古老的话题，对于大公司来说就是部门大了，需要拆分。因此开始之前，先提一下“康威定律”： Organizations which design systems are constrained to produce designs which are copies of the communication structures of these organizations. 换成

快手 一面 9.14 promise.retry 颜色随机生成 时间的监听事件+定时任务+轮询 http状态码 http缓存 get post restful， 还有一些问题忘记了，形式就是一边刷题一遍穿插八股问 快手 二面 9.20 手写字符串的indexOf 超时中断的封装 promise.race ,AbortController promise的原理 手写MyAll，注意边界条件 手写对象

滴滴 9.26 一面 自我介绍 项目简单介绍 拷打CDN相关知识：cdn是什么、cdn如果命中失败怎么办、cdn如何保证缓存的一致性、cdn是如何进行文件一致性的对比、（webpack打包之后生成的hash值）、等等 事件循环：同步任务、异步微任务、异步宏任务 事件循环的一个题 async function a (){ console.log(1) await console.l

自我介绍 1.创建一个新对象发生了什么(new的过程)，讲讲原型链 2.本地缓存有哪些，两个相同页面sessionStorage可以共享会话吗 3.vuex的数据丢失问题 4.vue2、vue3的不同 5.vue、react的不同 6.react的优化手段 7.前端性能优化 8.canvas如何获取鼠标点击的元素，canvas有哪些具体方法 9.CSS如何隐藏当前的聊天窗口 10.深浅拷贝的区别，

报的华为云部门 可惜主管出差了不在南京，后面等主管面通知 9.25 1.一面：后端面试官来面的，上来自我介绍后直接机考第二题说一下怎么做的，问了一堆数据结构，出了道小改的MID算法题（前面答得越好，算法出的越简单啊） 2.二面：挖项目，问实习，代码量，出了道TOP100的MID题 估计华为可能性不大，不咋招前端的

一面，已感谢信 自我介绍 项目介绍、项目难点 项目想关的 项目技术选型 怎么学的前端 Vue3的改进点 Vuex diff算法 性能优化 promise、async/await 响应式布局的实现 垂直居中 时间循环（看代码说顺序） 算法题（简单题） 面试体验很好，面试官会引导、提醒

一面 性能优化 图片懒加载(回答了原理，具体实现没回答上来) 首屏优化性能测试(没回答上来) 浏览器输入url发生了什么 执行上下文 this 隐式调用 new的原理 函数内部怎么判断是不是构造函数 new Fn以及new Fn()的区别 promise原理 promise.final promise.all js异步实现 宏任务 setTimeout时间问题 vue渲染机制 反问

一面 1、项目   2、单点登录   3、cookie、localStorage、sessionStorage区别   4、小程序的包大小限制 5、开发流程 6、px、rem、em、百分比、vw区别   7、怎么让某些px单位不转成rem 8、bug如何排查   9、前后端有争议怎么处理   10、继续聊项目   11、node了解么   12、强缓存、协商缓存   13、输入url到页面渲染  

逆天面试官😅 一道css题（画圆）写出来了，然后一道promise题（按数组顺序输出）也写出来了。说看你挺熟练的，那我再出一题（经典红绿灯）也写出来了，然后两分钟后秒挂。 估计是主搞vue的，看我简历半天，说咋全是react，憋半天憋了句知道哪些react钩子，然后就开始写题，真晦气。 最后反问问他公司是不是主要vue为主，结果来句react为主，笑死人

整个过程就15分钟 1.页面渲染过程， 2.盒子模型， 3.选择器， 4.浏览器本地存储， 5.浏览器性能优化， 6.说说vue的特性， 7.git工具， 8.反问环节 没有手撕，就这些，面试时长最短的一次。面试官是很温柔的大哥。

美团前端一面 1.简短的自我介绍 2.说说平时怎么学习前端的，还问了看那个up主的视频 3.看你项目有用axios，axios底层原理 4.axios用promise怎么写（没搞懂啥意思） 5.现场做了一个promise题，写答案 6.说说了解的数组的方法 7.怎样判断一个值的是什么类型（先typeof，再instance of） 8.原型 原型链 9.浏览器缓存机制 10.http 11.tcp

携程刚开，只有两轮技术面，很简单，携程内推码：NTAN4mJ 官方投递地址：https://campus.ctrip.com/#/ 欢迎投递，可以全程跟进，知无不言 23届携程前端面经： 1. 如何实现水平垂直居中 2. 浏览器缓存（强缓存，协商缓存）具体字段头是哪些，有何区别 3. call、bind、apply的作用和区别 4. ES6模块化 5. Vue diff算法 6. Vue组件通信

1.自我介绍 2.作用域 3.闭包 4.原型链 5.一个对象内部重写了hasOwnProperty，如 const foo = { hasOwnProperty() { return false }, bar: 'bar' } 然后调用obj.hasOwnProperty('bar')，返回false，如何返回true(对象的原型有为原生的hasOwnProperty) 答案：const resu