还有hc？

timeline:笔试9-8 一面9-251. 自我介绍2. 为什么学习前端？怎么学习前端的？3. 项目中遇到的难点？本科研究生遇到的比较深刻的事情4. 跨域是什么？怎么解决？原理是什么？5. webpack做过哪些优化？6. 你理解的nodejs7. 前端中有哪些优化办法8. SSR/CSR/SSG分别是什么有什么区别？9. react和vue有什么区别异同10. es6有哪些新方法11. HTTP2.0相较于HTTP1.x做了哪些改进12. 讲讲你了解的前端web安全相关的13. python和java你一般是用于做什么的？14. 反问：部门是做什么的？技术栈是什么？做小红书社区页面的，小红书会推送一些社区活动，那些页面是部门里面做的，技术栈用的vue，有部分内容用的react native

我看小红书上已经有人收到重庆电信的资料补充了，怎么我周围还一点消息没有，大家都收到电信的资料补充或者面试通知了么，都十月中旬了。。。。

10-14号一面：迟到了十几分钟，摄像头也不开，真服了，本来就不想面，还迟到，更不想面1.自我介绍2.介绍项目和项目中遇到的一些难点3.手撕：（只能写十分钟）写出函数toSentenceCaseconsole.log(toSentenceCase("some_database_field_name"));// 输出'Some database field name'console.log(toSentenceCase("Some label that needs to be title-cased"));// 输出'Some label that needs to be title cased'console.log(toSentenceCase("some-package-name"));// 输出'Some package name'console.log(  toSentenceCase("some-mixed_string with spaces_underscores-and-hyphens"));4.同源策略，跨域怎么做跨域的，嵌套其他页面用什么5.平时怎么封装组件的，轮播图封装过程口述一下6.用过哪些前端的优化策略7.CSS中有哪些隐藏元素的方法，这些方法有什么区别。   海康威视求职进展汇总  

菜鸟AI面都面些啥啊

# 滴滴# 一面1. 自我介绍2. url在输入浏览器的过程中经历了什么3. 你理解的闭包，闭包的应用场景和会引起什么4. 日常使用的优化办法5. webpack优化办法6. 强缓存和协商缓存7. 讲一下项目中低代码部分实现逻辑8. 讲讲浏览器的渲染过程9. 讲讲在浏览器渲染过程中JS是在什么时候执行的10. 代码题输出：1) 最后I’am here文字的大小，你怎么判断的```html <style type="text/css">    #a {font-size:12px}    div p{ font-size:13px }    .a .b .c{ font-size:15px }    #b{ font-size:15px }    div .c{ font-size:15px }</style><div id="a" class="a">    <div id="b" class="b">         <p id="c" class="c">I’am here</p>    </div></div>```css的选择器优先级，id选择器大于class选择器大于标签选择器。2） 这个li会呈现什么效果什么颜色，为什么？```html<style>    #header .nav > li a:hover {          color: green;      }    .nav li a:hover {          color: red;      }  </style>   <div id="header">        <ul class="nav">            <li><a href="#">Link 1</a></li>            <li><a href="#">Link 2</a></li>            <li><a href="#">Link 3</a></li>        </ul>    </div>        <ul class="nav">        <li><a href="#">Link 4</a></li>        <li><a href="#">Link 5</a></li>    </ul>```3）这个过程的结果是什么，怎么让其输出0，1，2…```jsxfor (var i = 0; i < 6; i++) {  setTimeout(() => {    console.log(i)  })} ```结果输出6个6，改变var为let可以变为0，1，2，3，4，5还可以用：立即执行函数表达式```jsxfor (var i = 0; i < 6; i++) {  (function(i) {    setTimeout(() => {      console.log(i);    }, 0);  })(i);}```4）这个结果是什么```jsxconst obj = {    a: 1,    b: function(){        return setTimeout(            function(){                console.log(this.a)            }        )    }}obj.b()```答案，指向的是window上的a那要怎么让this指向obj呢？1. 使用箭头函数```jsxconst obj = {    a: 1,    b: function() {        return setTimeout(() => {            console.log(this.a); // 这里的 `this` 指向 obj        });    }};obj.b(); // 输出 1```1. 使用bind```jsxconst obj = {    a: 1,    b: function() {        return setTimeout(function() {            console.log(this.a);        }.bind(this)); // 显式绑定 this 到 obj    }};obj.b(); // 输出 1```1. 使用变量保存（回答的这个）```jsxconst obj = {    a: 1,    b: function() {        const self = this; // 保存 this        return setTimeout(function() {            console.log(self.a); // 使用保存的 this        });    }};obj.b(); // 输出 1```5）将下面的代码转换为clas的形式```jsxfunction Modal(x,y){    this.x=x;    this.y=y;}Modal.prototype.z=10;Modal.prototype.getX=function(){    console.log(this.x);}Modal.prototype.getY=function(){    console.log(this.y);}Modal.n=200;Modal.setNumber=function(n){    this.n=n;};let m = new Model(10,20);``````jsxclass Modal {  z = 10;  // 构造函数  constructor(x, y) {    this.x = x;    this.y = y;  }  // 实例方法  getX() {    console.log(this.x);  }  getY() {    console.log(this.y);  }  // 静态属性  static n = 200;  // 静态方法  static setNumber(n) {    this.n = n;  }}// 创建实例let m = new Modal(10, 20);```6）对象查找，说下思路```jsxfind(obj, str)，满足:var obj = {a:{b:{c:1}}};find(obj,'a.b.c') //返回1find(obj,'a.d.c') //返回undefined ```答案：```jsxvar obj = { a: { b: { c: 1 } } };const find = (obj, str) => {  if (!(obj !== null && typeof obj === "object")) return;  const arr = str.split(".");  console.log(arr);  const result = arr.reduce((pre, cur) => {    return pre[cur];  }, obj);  return result;};find(obj, "a.b.c"); //返回1find(obj, "a.d.c");```反问：建议需要注意项目打包流程上的东西，以及优化相关，webpack，项目部署方面的东西。部门主要使用技术栈：vue2+webpack，node，axios，部分新项目vue3# 二面1. 自我介绍2. 怎么学习前端的，学习前端契机3. 讲一下项目里面的难点4. 手写，实现一下简历中第一个响应式5. 讲一下HTTP的五层结构6. tcp和udp的应用场景7. 说一下TCP的拥塞控制

我人傻了，10分钟不到就把我打发出来了。当时面完他让我反问的时候我有点蒙圈，他看我懵逼了就说“我这边就先给你一面过吧，其他专业问题等到二面面试官怎么看”然后就把我赶出去了，于是到现在快两个星期一点消息都没有。面试官摄像头也没开，短短十分钟中途甚至打了个电话.....

投了70几家了，测评都要做吐了，就是没几个约面试的。要焦虑死了

1. 用过哪些常见的打包工具2. 有封装过哪些组件3. 介绍一下项目，并说下项目中的难点4. less预处理器相较于原生css有什么区别5. JWT原理主要问的项目，评价时说我浅尝辄止，没有深挖原理部门：金融/ 基础平台

1. 自我介绍2. 平时怎么学习前端知识3. 大学、研究生怎么提升自己，学到了什么4. 项目和实习有什么难点，怎么解决的5. 强缓存和协商缓存，其返回的状态码6. HTTP1.0、1.1、2.0有什么区别7. 性能优化办法8. 懒加载有哪些常见实现形式。（intersection、scrolltop)9. 键入url之后会发生什么流程10. TCP为什么要三次握手11. 浏览器渲染页面的过程12. react渲染页面的过程（虚拟dom13. 服务端渲染14. 同一个浏览器的sessionStorage会不会共通？（不会，sessionStorage是页面级别，仅在一个标签生效，如果浏览器同时打开多个标签且都访问同一个域名，sessionStorage是不会在这多个标签共用的，因为每个标签页有自己的sessionStorage）15. 浏览器的本地缓存有哪些？还有些不记得了

一面：1h项目+八股八股：1.react钩子2.udp和TCP区别和应用场景3.无感刷新token手撕：lc 20.有小括号二面：1h项目+八股手撕：lc 22.括号生成lc 146.LRU缓存lc 3. 无重复字符的最长子串手写发布订阅 EventEmitter（问得也不难，面试官全程都是像赶进度一样的，掐着时间，到点了不问了，明显kpi）又一个一面：看题说输出：async function async1() {  console.log('async1 start');  await async2();  console.log('async1 end');}async function async2() {  console.log('async2 start');  return new Promise((resolve, reject) => {    resolve();    console.log('async2 promise');  })}console.log('script start');setTimeout(function() {  console.log('setTimeout');}, 0);async1();new Promise(function(resolve) {  console.log('promise1');  resolve();}).then(function() {  console.log('promise2');}).then(function() {  console.log('promise3');});console.log('script end');答案：script startasync1 startasync2 startasync2 promisepromise1script endpromise2promise3async1 endsetTimeout

1.传音控股  2月23   3月1  半个小时1）url键入浏览器的整个流程2）前端中有哪些优化方法？3）===和==的区别4）react的element和component有什么区别5）了解关系型数据库吗6）react和vue有什么区别？为什么选择react7）反问：进入项目组后有没有导师带领？2.蓝色光标   2月29  一个小时1）项目难点，介绍项目，实习中遇到的问题2）什么时候接触的前端？一般是怎样学习前端的？3）使元素居中有哪些办法(position，display:flex，line-height)4）判断数据类型有哪些办法？(typeof，instanceof，分别讲instanceof有哪些区别)5）typeof null为什么等于object(空指针，js存储对象在头部)6）原始类型和引用类型分别是哪些？(引用：object  使用堆，原始：除了object之外的基本数据类型使用栈)7）两个div嵌套，两个div上面都有对应的click事件，点击里面的那个div，请问哪个先触发？(里面那个先触发，事件冒泡、事件捕获、事件委托)8）场景题：如果有一个div，不论怎么伸缩页面，怎么使它的宽高呈现1：29）你知道除了px和%这些还有什么定义元素大小的单位吗？(rem，em分别将两者区别)10）padding-top：10%是以什么为基准的？**margin-top/bottom(padding-top/bottom)百分比以最近的块级祖先元素的宽度而不是高度作计算。**11）知道哪些预处理器(less，sass)12）知道sass中怎么定义变量的吗？13）你知道css中怎么定义变量吗？14）怎么在数组的开头加一个数据？(unshift(arg1,arg2…))15）手撕：排序算法16）反问：您认为我本身还需加强哪方面的技术？在面试自我介绍时您最希望听到什么？（算法加强，最希望听到技术栈、实习或者项目中的难点）3.锐明技术  3月4日 半个小时1）自我介绍2）音频有几种格式3）HTTP和HTTPS的区别4）TCP和UDP的区别5）我们现在进行的视频属于TCP还是UDP6）一般UDP运用在哪些场景中7）webpack怎么进行打包的8）C/C++的区别9）websocket原理10）介绍一下自己的技术11）反问4.喜马拉雅   3月6日1）自我介绍后，上来先两道题，看题说输出function cc() {    let i = 0;    return () => {        console.log(i++);    }}var fn1 = cc(), fn2 = cc();fn1();fn1();fn2();// 0 1 0function cc() {    let obj = {};    let arr = [];    for (let i = 0; i < 3; i++){        obj.a = i;        arr.push(obj)    }    console.log(arr);}cc();//  [{a:2},{a:2},{a:2}]2）如果要将数组里面的元素打乱应该用什么办法？3）说一下快排的思路4）css元素居中对齐5）GET和POST的区别6）状态码里面的302和304是什么7）强缓存是什么8）节流和防抖的主要场景9）项目难点，主要进行的什么10）说一下react中的useEffect、useCallback和useState11）useEffect里面的return发生在什么时候12）分别说一下setTimeout和setInterval13）讲一下事件循环14）说下深拷贝15）服务端设置cookie的时候的请求头是什么样的16）跨域是什么？怎么实现跨域？cors是什么原理？17）position属性有哪些？absolute属性是以什么为基准的。18）讲一下你项目，里面用的验证方法是什么？19）web安全有哪些？简单讲一下是什么20）怎么控制并发请求数在十个以内？21）call和apply两个简单说一下22）怎么封装一个状态管理器？23）反问(面试有几轮，多少天出结果，主要做什么业务)5.绿盟    3月8日1）自我介绍2）简单介绍一下项目中用到的技术栈3）react的钩子你项目中用到哪些，介绍一下4）react和vue之间的主要区别5）介绍一下react中的ref6）项目中怎么解决跨域的？7）项目中antd用得最多的是什么组件？8）讲一下webpack9）css居中对齐10）研几了？学硕还是专硕？有课没？多久能到岗？实习多久？论文方向是什么？11）反问6.特斯联  3月8日1）自我介绍2）简单介绍一下项目做了什么3）讲一下你对promise的理解4）如果要让你自己封装一个promise你会怎么做5）react中的父子组件、兄弟组件之间应该怎么传递信息6）react router说一下你对它的认识？知道里面hashRouter和BrowserRouter的区别吗？7）说一下css中哪些会产生重绘和重排的情况8）redux中获取信息一般用什么？知道dispatch和mutation的区别吗9）你项目中怎么用的redux10）反问？

等待面试1个小时，面试两分钟，问我两个问题就跑了。