阿里美团网易大疆猿辅导蘑菇街作业帮哔哩哔哩前端面经总结

Bilibili

自我介绍
为什么学前端
为什么选Vue框架
输入url会发生什么
跨域
什么操作会导致重绘和回流,如何减少
除了transform之外还有什么会导致独立图层的生成
ES6用过哪些
promise.all promise.race
打开页面时有多个请求,如何用promise优雅的实现,(兼容型promise)
Vue双向数据绑定
Vue父子组件通信
事件流(***、先冒泡后捕获)
大量图片优化(懒加载)
base64压缩图片时,如果图片大小1k,没有优化效果
箭头函数特点
git使用 10人工作时,如何合并分支

Bilibili 2面


平时如何学习前端
数组方法:split? slice 和splice区别 for in for of区别
移动端touch方法
写过动态前端吗?调用后台接口怎么实现的 三方插件还是ajax
解释下冒泡 阻止冒泡
map用来干嘛
== ===
...
正则 转译 r g
call apply bind
dialog居中
实现一个1像素的边界
前端优化 用过那些
懒加载怎么实现的 如果客户端变化那
Vue目录结构
static assert public文件夹区别
mutation和action区别,谁调用谁,共存的原因

Bilibili 3面

一周能来实习多少天

猿辅导

箭头函数特点(不止this)
ES6用过哪些
bootstrap nav栏的实现原理
Element-UI dialog实现原理
mount挂载时,第一个参数为空
await的语义
商城系统中用户登录是怎么实现的
父子通信 provide inject应用场景
webpack有没有从头配置前端项目
跨域解释,方法(浏览器发送跨域请求前是否有其他操作)
预检请求
红绿灯编程
之子打印树

网易杭研

doctype标签的作用,常用的有哪些
meta标签的作用
link标签的作用
怎么理解语义化标签
一段文本中有一部分要强调,如何做
检测变量类型
typeof Object
讲一下原型
bom api有哪些
事件***
cookie localstorage区别
打开一个页面,再开一个并登陆,第一个页面如何提示用户已登录需要刷新
position值 relative和absolute相对于什么
一个高度变化的容器,两个子元素,一个定高,另一个自适应高度,如何实现
节点插入 在elem节点后插入str=‘<div></div><p></p>’节点 function f(elem, str) {}

美团

从你实习和项目中讲一下自己的技术栈和前端学习
用过什么nodejs 中间件
http讲一下
http2.0是怎么实现多路复用的
https建立过程
事件委托 好处
统一个元素绑定两个click事件,一个捕获一个冒泡,触发顺序如何
手写实现两栏,等高
手写深拷贝
webpack打包时如何实现组件的按需加载 配置是什么
降下协商缓存和强缓存
有last modified 为什么还要etag

作业帮

手写css画三角
body div div div div div 并列5个div 都是 height:10px border:10px margin:10px padding:10px求body高度 如果是 height:10px border:10px solid red margin:10px padding:10px
居中
css 动画 animation
手写多重数组拍平 es6 flat toString reduce
手写封装jsonp
手写统计当前页面各个元素个数,输出排序后的JSON格式
localStorage和sessionStorage区别
local Storage大小多少 大小定义 可不可以跨域 如何设置local Storage过期时间

大疆一面

介绍一下你自己的项目
项目中有哪些亮点
用过哪些后台框架(nodejs的)
做了多久 如果现在重做,有哪些可以改进的地方
项目中的大图片是如何优化的
版本更迭时如何优化
CSRF
CSRF Token用过没
双重cookie 用过没
左边300px固定 右边自适应
vue双向数据绑定
props data watch computed 顺序
http状态码

大疆2.3面

聊天

阿里一面

1、行内元素、行内块元素、块级元素分别有哪些标签?分别列举3个以上(越多越好)。
2、定位方式有几种?分别是相对什么元素定位?
3、具体介绍下标准盒模型是什么样的;一个标准盒模型的宽度等于? width, padding, border, margin ;
4、要给下面所有li元素绑定click事件,在鼠标点击每个li的时候alert该li里面的内容;且在鼠标离开外部ul元素范围的时候弹出一个alert提示。(实现时请注意代码执行效率及浏览器兼容性、不要使用现成的框架库,用原生js编写完成) <ul id=”ulItem”> <li>内容1</li> ……此处省略1000+个li对象(注:不要使用循环绑定,如果使用循环绑定1000+的绑定事件会很慢)…… <li>内容n</li> </ul> */
5、 function ALIBABA() { return 1 ; } var ALIBABA; console.log( typeof ALIBABA ); //输出:
7、为什么JavaScript会被设计成单线程? ; 在 NodeJS 中,如何去高效的处理并发任务? ;
8、promise 、setTimeout 、setInterval 的执行顺序 :
9、react:
10、vue : vuex ,elementUI ,Vue router ;
11、webpack: ;
12、移动端touch事件:; rem ;
13、斐波那契数列:( 1、1、2、3、5、8、13、21、34 ) fibo(N){} fibo(5); //[1,1,2,3,5]
14、快速排序: function quickSort(arr, left, right){     var len = arr.length,     partitionIndex, left = typeof left != 'number' ? 0 : left, right = typeof right != 'number' ? len-1 : right; if (left < right) {     partitionIndex = partition(arr, left, right); quickSort(arr, left, partitionIndex-1); quickSort(arr, partitionIndex+1,rigtht); } return arr; } function partition(arr, left, rigtht){     var pivot = left,     index = pivot+1; for (var i=index; i<=right;i++){     if (arr[i]<arr[pivot]){     swap(arr, i, index); index++; } } swap(arr, pivot, index-1); return index-1; } function swap(arr, i, j){     var temp = arrp[i]; arr[i] = arr[j]; arr[j] = arr[i]; }
15、跨域: Nignx方向*** cors JSONP window.domain+iframe websocket postMessage
16、闭包: 内存泄漏; function f1 (){     var n = 1000; function f2(){     alert(n); } return f2; }
17、面向对象: ; 原型链继承 构造函数式继承 组合式继承 原型式继承 寄生式继承 寄生组合式继承
18、nodejs:中间层server ; localstorage:5MB sessionstorage: cookie :;4KB 浏览器从输入url到请求页面渲染完成的过程 ; xss: ; csrf:; 重排重绘 : ; 有什么方法可以减少浏览器重排: ; nginx :反向*** ;

阿里二面

聊项目

蘑菇街

typescript
VW、VC
RXjs
移动端
手写深拷贝
手写双向数据绑定
手写dialog组件 props部分
函数编程 Haskell
手写typescript函数
讲一下原型链
webpack搭建项目的基本配置
自己实现一个Vue脚手架
Vue脚手架包括几部分
Angular、React
讲一下浏览器的事件循环
rem
Vuex dispatch action的执行流程
一些兄弟组件需要不断轮询后台接口更新数据,如何优化:将所有子组件中需要更新的状态抽象到夫组件中,父组件负责轮询,统一更改所有状态,然后下发到个组件;或者抽象出一个专门负责轮询的服务中间层,子组件调用?
基本数据类型
引用数据类型
手写接受不定参数的柯里化函数
柯里化函数的使用场景
nodejs的双向数据绑定
精准判断数据类型
正则解析获取Object.prototype.toString.call()的返回值中的数据类型 [Object string]
nodejs在项目中用来干什么,怎么用的,如何从数据库中拿数据:利用express框架 利用moogse
为什么要用moogDB
如果要在数据库中新增一个字段,nodejs+moogDB具体怎么做:现在model中新增字段,再用moogse操作

#美团##阿里巴巴##猿辅导##作业帮##蘑菇街##网易##大疆#
全部评论
阿里鑫牛逼
点赞 回复
分享
发布于 2019-09-17 11:12
你啥时候笔试啊?为啥我还没收到啊,我做的还行啊
点赞 回复
分享
发布于 2019-09-17 23:33
阿里巴巴
校招火热招聘中
官网直投
之子打印树,红绿灯编程这两个是啥?
点赞 回复
分享
发布于 2019-12-22 10:06

相关推荐

11 105 评论
分享
牛客网
牛客企业服务