前言

楼主研二【准研三】，春招加入阿里巴巴钉钉教育线做前端实习开发，此前面试通过腾讯、美团、爱奇艺、京东，最后选择了我钉，毕竟前端神坛阿里爸爸。

2021校招内推

帮看简历 指导简历 交流面试经验。

不会让你白白浪费一次阿里内推机会

如果简历和目前准备确实不ok 不会帮你强推

发送简历联系qiyou.lz@alibaba-inc.com或牛客沟通

由于精力有限 阿里内推过的同学就不要咨询了

每天定时回复

了解更多 移步招聘贴https://www.nowcoder.com/discuss/469875

先上一波面筋【干货】

钉钉

一面【师兄面】

• 盒子模型
• 块级格式上下文怎么触发
• 经常使用什么布局，position的relative和absolute有什么差别
• raletive相对于什么进行定位，如果给raletive设置top:100px会怎么移动。
• 除了position和float还知道什么布局
• flex知道吗
• grid知道吗
• 讲以下fetch和xml的区别
• 跨域，除了nginx，你还知道哪些
• jsonp是怎么实现的，叙述一下
• ES6的新特性有哪些
• 箭头函数与普通函数的区别
• 项目里如何使用redux实现一个异步请求？

二面 【P8面】

• 讲一下登录过程，前后台发生了什么，包括请求头
• token是怎么生成的
• 事件委托是什么
• 在事件委托的捕获阶段处理事件，可以拿到target吗

三面 【部门大佬P9面】

• 开题内容
• 为什么觉得可以提高识别率
• 需要多少数据去训练模型
• 已经做过实验了还是进行到什么阶段
• 什么时候接触前端，为什么选择前端
• 疫情有没有激发你想为教育事业做些什么
• 在线教育与课堂的比较
• 为什么选择钉钉
• 为什么选择react
• react和vue的比较
• 现在收到多少offer了
• 移动端视频比pc端有什么差别
• 有没有在项目中考虑性能优化
• 讲一件因为你的推动而达成的事（很阿里味儿了）
• 职业规划，有没有计划
• 小程序了解吗
• 做过后台吗

四面 【部门交叉P9面】

• 三句话介绍自己，突出特点、优势
• 又提我的开题报告，问我为啥不做AI
• 某项目的分工情况，自己负责哪些部分
• 问项目用到哪些技术，为什么使用redux
• 项目中让你映像深刻的问题
• ES6常用的API
• angular与react的区别

五面 【HR】

• 描述下A项目
• 在A项目中学到什么
• 遇到不懂的问题怎么解决
• 有通过阅读源码来解决一些问题吗
• 描述下B项目
• B项目使用的框架和A项目使用的框架有什么区别
• 专业课、数学、英语，掌握情况排个序
• 你觉得你聪明吗
• 为什么考研
• 如果要跟学弟学妹们分享考研经历，你会说什么
• 为什么不做AI
• 杭州和成都你如何选择

腾讯

一面

• 隐式转换if(!flag)
• 判定是否为数组的几种方法
• bind,call,apply
• 编程：实现bind（箭头函数，闭包）
• ES6新数据结构，解释Set，Map
• cookie，如何禁止修改
• XSS及如何避免
• CORS(同站欺骗)及如何避免
• https与http
• 对称加密和非对称加密
• keep-alive
• http1.0 与 http2.0(多路复用，头部压缩)
• 编程：生成n个不相同的取值【2-32】的随机数，使用Set，边界条件，代码块风格
• React新特性有哪些，Fiber做了什么，为什么要提出来
• webpack，打包优化做了些什么
• 跨域有哪些方法，知道的全说
• 怎么做屏幕适配
• 那rem呢，为什么不用em
• 动画有哪些
• 缩放怎么做

二面

• 项目如何做角色管理
• 如果会动态赋予某角色更多权限，要怎么做
• http1与http2的区别
• http2头部压缩，压缩什么
• 项目为什么不用https
• https为什么被广泛使用
• 对称加密和非对称加密
• xss是什么，怎么防护，怎么转码，转成什么码
• 面对不同的运营商，有什么想法提升用户的使用性能？？？
• TCP三次握手
• 常见状态码
• https
• 移动端适配

美团

一面

• React组件传值，如何传递组件， 按条件显示。
• display:none; visibility:hidden;opacity:0;的区别
• 函数参数有没有长度限制？
• 写个函数，查找参数最大长度。
• 如何优化，最快找到这个最大长度。
• new 100w个 Obj(){}，会怎样。
• CSS如何实现透过点击。
• 实现输入框点击下拉，再实现，点击外部收起下拉框。
• 事件代理。
• 实现动画div left: 0 => left: 100 1s 线性，transation、animation、js动态修改left。
• 你知道那些异步事件，他们的优先级如何？事件、script、setTimeOut、Promise、async、generator、RAF。
• 写个同步处理队列。
• 实现垂直居中的几种方式，line-height设置在父元素还是子元素
• str = ‘1 apple costs 300之前的数字，正则表达式
• 中文abc => abc中文
• 生成结构树

二面

• 自我介绍
• 项目中的问题（跨域）
• 平时如何学习（由此及彼：浅拷贝，由浅入深：解决跨域->跨域的原理->多种跨域的方式）
• 做个题: 函数声明时，如果没有指定挂载到哪个对象，则默认挂载到window全局对象上
• 500ms，left: 0到left: 100，知道多少种说多少种
• 一个函数，从编写到执行，经历了什么
• 一段字符包含a-z、0-9，计算出里面最长不重复字段
• 简述一下浏览器输入一个网址按下回车键后到看到页面之间发生了一些什么事。
• cookie和session

京东

• 原生JS与React的区别
• ES6常用扩展
• let、const、var的区别
• 作用域
• 什么是块
• 讲以下JS的this
• 箭头函数特性
• react render 绑定方法时直接click = {this.method}吗？为什么
• 绑定this的方法
• bind和call的区别
• 如何判断function里this的指向
• 为什么会有原型链
• 原型链是什么
• HTML5兼容性问题有哪些
• 文件上传要做些什么
• 页面做个过度效果用什么
• cookie是做什么的，怎么存储获取
• CSS预处理器用过些什么
• 使用原生JS创建一个表格
• 为什么建议使用innerHtml和innerText而不是creatElement/insertBefore

入职钉钉教育线前端三个月，我想说···

师兄诚不欺我，老板真的很nice！其实不止老板很nice，部门的每一个人都很nice，非常专业非常真诚，一起工作很轻松自在。
当然，真正影响到自己的还是直属师兄和team leader。师兄受人予渔，比起解决问题，教会我如何解决问题更加有意义。能遇见一位愿意倾听团队成员心声，关注成员成长的team leader真的非常幸运。

来到钉钉之前，我也曾犹豫过，担心钉钉是否如脉脉传言的那样疯狂加班，没有时间自我成长，和锻炼身体。
事实证明还是亲身经历比较有话语权。
这还是跟团队文化有很大关系的，集团非常关注员工成长，有非常多的学习资源可以取用，比如高质量的博客，跨部门的主题技术分享会，如果你对开发的npm工具库感兴趣，你甚至可以直接找到这个库的负责人跟他讨论学习。钉钉有前端钉享汇，这里会聚集前端各个领域的大牛，这里你甚至会听到从0开始构建桌面端钉钉的故事，同样的还有在背负历史包袱的前提下，千牛是如何进行完美转型的艰难历程，在这些故事中你会获得被验证过的行业解决办法【♥️】。前端组有双周交流会，会上会分享近期大家的技术收获或者其他有意思的工具。每周三是运动日（🤫就是那种，你不下班，leader要催你下班去运动的那种运动日），可以自由组织篮球、羽毛球、游泳等等～

当然，我个人认为，做一件有意义的事情是真正能够推动我不断向前的动力。
钉钉新教育将教育搬到线上，打通局校，家校实现沟通在线，协同在线。
基于这个基础，最最最具有社会意义的是实现教育资源互通，让更多的孩子接触到高质量的学习资源，尽可能拉平教育资源不均衡带来的问题。

最后欢迎联系我，加入我们～
#【前端稀缺】！【前端稀缺】！【前端稀缺】！