自我介绍

为什么学前端

为什么选Vue框架

输入url会发生什么

跨域

什么操作会导致重绘和回流，如何减少

除了transform之外还有什么会导致独立图层的生成

ES6用过哪些

promise.all promise.race

打开页面时有多个请求，如何用promise优雅的实现，（兼容型promise）

Vue双向数据绑定

Vue父子组件通信

事件流（***、先冒泡后捕获）

大量图片优化（懒加载）

base64压缩图片时，如果图片大小1k，没有优化效果

箭头函数特点

git使用 10人工作时，如何合并分支

平时如何学习前端

数组方法：split？ slice 和splice区别 for in for of区别

移动端touch方法

写过动态前端吗？调用后台接口怎么实现的 三方插件还是ajax

解释下冒泡 阻止冒泡

map用来干嘛

== ===

...

正则 转译 r g

call apply bind

dialog居中

实现一个1像素的边界

前端优化 用过那些

懒加载怎么实现的 如果客户端变化那

Vue目录结构

static assert public文件夹区别

mutation和action区别，谁调用谁，共存的原因

一周能来实习多少天

箭头函数特点（不止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状态码

聊天

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 ); //输出：

6、下面哪些不符合同源策略：     A、http://www.domain.com/a.js 和 http://www.domain.com/lab/c.js B、http://www.domain.com:8000/a.js 和 http://www.domain.com/b.js C、http://www.domain.com/a.js 和 https://www.domain.com/b.js D、http://www.domain.com/a.js 和 http://domain.com/c.js E、http://www.domain1.com/a.js 和 http://www.domain2.com/b.js F、http://www.domain.com/a.js 和 http://192.168.4.12/b.js */

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 ：反向*** ;

聊项目

蘑菇街