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

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

相关推荐

🕒岗位/面试时间前端开发工程师/3.29👥面试流程1、面试官介绍部门信息及面试流程2、自我介绍基础:3、http和https的区别4、https的加密验证过程5、为什么证书能够保证安全性,不会被伪造吗6、非对称加密和对称加密的应用场景7、OSI七层参考模型是哪七层(tcp在哪一层)8、http2和http1的区别9、http1&nbsp;keep-alive和http2多路复用的区别10、http2如何实现多路复用11、你刚才说到二进制传输,和多路复用之间有什么关系呢12、进程和线程的区别13、线程安全(AB进程同时访问一个资源如何保证线程安全)14、解释进程的同步和互斥15、数据库的原子性16、react有哪些生命周期17、setState是同步还是异步的18、什么时候会触发render函数(组件重新渲染)19、子元素的状态变更会触发父元素的组件重新渲染吗20、讲一下redux吧21、项目中的登录注册是如何实现的22、本地如何存储用户信息23、什么是jwt24、localStorage有没有存储大小限制25、如何实现单点登录26、交易过程如何保证数据不被篡改场景题:27、用户下订单到交易成功的过程中前端需要做什么算法:28、手写二叉树的层序遍历项目:29、介绍项目难点以及解决方法反问:技术栈:react业务:酒旅🤔面试感受由于是暑期实习的原因,比较注重考察计算机基础(准备得不够多,一挖深就答不清楚😭😭😭),没有怎么考察前端基础,侧重具体业务场景的设计。算法看到考察的是层序遍历高兴过头了,内层循环一直写成压入根节点的左右节点(千万千万不要半场开香槟😭😭😭),写了十来分钟后面试官提醒了,但是还是有一点小问题样例没跑完,就进入下个环节了。整体上面试体验还是比较好的,面试官会根据你的回答内容逐层深入,遇到不会的问题也会给你一定的思考时间,题目都比较常规,但是自己基础还是太薄了,菜就多练😭😭😭。3.30更新状态:已回到人才库
点赞 评论 收藏
转发
11 105 评论
分享
牛客网
牛客企业服务