第一家(将台--sanliuling)
//vue双向绑定的原理//es6//var 和let的区别https://www.cnblogs.com/lml-lml/p/9585749.html(这个博客解释了这俩的区别)//前端数据可视化//栅格化//vueX的原理,状态管理器,怎么存值,怎么取值,怎么改变值//布局//前端防止攻击(XSS和CSRF)xss攻击是通过用户输入植入脚本,应该对用户的每一条输入都用正则验证//跨域https://www.cnblogs.com/lml-lml/p/9579903.html//echarts图表//call和apply的区别功能相同,但是传入参数的形式不同apply(A,[] )call(A,num1,num1)都可以用来代替另一个对象调用一个方法,将一个函数的对象上下文从初始改为新指定的//attr和prop的区别当你勾选一个input的时候,attr返回的是checked而prop返回的是trueattr自定义Dom属性,prop是元素本身自带的固有属性//CMD和AMD的区别//js的引入方式内嵌式 外部引用 内部引用//数据类型//强制转换和隐士转换//webpack打包
第二家(宣武门--yangguanggongcai)
//跨域
第三家(中关村--haoweilai)
//iframe,怎么往出送数据//跨域https://www.cnblogs.com/lml-lml/p/9579903.html//父盒子套子盒子水平居中,垂直居中//深拷贝和浅拷贝//闭包的优点和缺点//jsonp跨域https://www.cnblogs.com/lml-lml/p/9579903.html//cors跨域//css的权重//原生动态创建一个元素//追加到别的元素上//对象之间的指针问题//作用域//javascript的继承//link和import的区别1.从属关系区别@import是css提供的语法规则,只有导入样式表的作用,link是HTML提供的标签,不仅可以加载css文件,还可以定义RSS. rel连接属性等2.加载顺序区别加载页面的时候,link引入的css被同时加载,@import引入的css将在页面加载完毕后被加载。3.兼容性区别import是css2才有的语法,故可在IE5才能识别;link标签作为HTML元素,不存在任何的兼容性的问题4.DOM可控制区别可以通过js操做DOM,插入link标签来改变样式,由于DOM方法 是基于文档的,无法使用@import的方式插入样式5.权重区别link引入的样式权重大于@import引入的样式//vue的父子通信,//vue的兄弟组建通信//你怎么验证一个数据是数组1.通过判断变量的类型,并且变量的length属性,var arr =[2,3,4];var obj={"name":"xiaoming"};console.log(typeof arr) //objectconsole.log(typeof obj) //objectconsole.log(arr.length) //3console.log(obj.length) //undefined2.通过isArrray来判断console.log(Array.isArray(arr));3.使用contact方法返回一个新数组,证明是数组,不是的会报错4.使用isPrototypeOf()函数检测一个对象是不是Array的原型(如果处于原型链中,不但可以检测直接父对象,还可以检测整个原型链上的所有父对象)使用方法:parent.isPrototypeOf(child)来检测parent是否为child的原型 var arr=[2,3,4,"haa"]; var object={"name":"maomao","age":20}; console.log(Array.prototype.isPrototypeOf(arr)); //true console.log(Array.prototype.isPrototypeOf(object)); //false5.instanceof指出对象是否是特定类的一个实例:instanceof 检测一个对象A是不是另一个对象B的实例的原理是:查看对象B的prototype指向的对象是否在对象A的[[prototype]]链上。如果在,则返回true,如果不在则返回false。不过有一个特殊的情况,当对象B的prototype为null将会报错(类似于空指针异常)。 var arr=[2,3,4,"haa"]; var obj={"name":"maomao","age":20}; console.log(arr instanceof Array); //true console.log(obj instanceof Object); //true console.log(arr instanceof Object); //true ---这里跟网上的不同,不知道是什么原因 console.log(obj instanceof Array); //false//css盒子模型分为标准和模型和ie盒模型(如下图)
第四家(立水桥--lingdingyingyu)
//pop shift unshift push的区别shift用于把数组的第一个元素删除,并返回第一个元素的值,unshift向数组的。开头增加一个或者多个元素。返回的还是原来的数组pop删除数组的最后一个元素,并把数组的长度减一,并且返回他删除的元素的值,如果数组已经为空,那么不改变数组,返回undefinedpush像数组的末尾增加一个或者多个元素,并返回新的长度//面向对象的三大特征封装 继承 多态//typeof返回的数据类型有哪些string nunber object function undefined boolean//vue的生命周期//跨域//promises的优点和缺点是什么//vue-router跳转页面有几种方式,分别是什么?怎么获取路由传递过来的参数//一个new干了哪些步骤1、开辟内存创建一个新对象,并把this指向指过去2、将构造函数的作用域赋值给新对象3、添加属性4、返回一个新对象//项目部署
第五家(三元桥--tongyikeji)
//css实现居中的方式有哪些?https://www.cnblogs.com/lml-lml/p/9579730.html (单独一个博客)//settimeout输出方式,实例化promise的输出//box-sizing有几种属性//连接数组的方法//去重//vue的双向数据绑定的原理//vue-router有什么属性//vue的生命周期//vuex状态管理器
第六家(苏州街--qihang)
//ssr渲染方式//前端vue项目使用jenkins自动化部署//手机适配//你遇到过哪些兼容性的问题
第七家(苏州街--zhiliankeji)
//vue路由的分离跳转vue是一套构建用户界面的渐进式框架。有能力采用单文件组件来开发更为复杂的单页应用。其实 页面是始终不变的,就相当于一个容器,变得只是容器里面的内容。即跳转的只是组件,//路由跳转的方式1.使用 映射路由2.使用编程式导航this.$router.push(location)来修改
第八家(丰台科技园--wantaizhonglian)
//跨域。。。为什么会造成跨域?跨域能造成什么问题?怎么解决跨域https://www.cnblogs.com/lml-lml/p/9579903.html//函数声明和函数表达式的区别//h5的新特性//一个真正的http请求做了些什么 分为4个步骤: (1),当发送一个URL请求时,不管这个URL是Web页面的URL还是Web页面上每个资源的URL,浏览器都会开启一个线程来处理这个请求,同时在远程DNS服务器上启动一个DNS查询。这能使浏览器获得请求对应的IP地址。 (2), 浏览器与远程`Web`服务器通过`TCP`三次握手协商来建立一个`TCP/IP`连接。该握手包括一个同步报文,一个同步-应答报文和一个应答报文,这三个报文在 浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信,而后服务器应答并接受客户端的请求,最后由客户端发出该请求已经被接受的报文。 (3),一旦`TCP/IP`连接建立,浏览器会通过该连接向远程服务器发送`HTTP`的`GET`请求。远程服务器找到资源并使用HTTP响应返回该资源,值为200的HTTP响应状态表示一个正确的响应。 (4),此时,`Web`服务器提供资源服务,客户端开始下载资源。请求返回后,便进入了我们关注的前端模块简单来说,浏览器会解析`HTML`生成`DOM Tree`,其次会根据CSS生成CSS Rule Tree,而`javascript`又可以根据`DOM API`操作`DOM`//路由的跳转上面已解释//导航钩子函数//jquery源码有什么好处?