前端工程师的考试题

⾸先呢,所谓的插槽就是⼀个占位符,将⾃定义组件的内容展示出来.我们知道⾃定义的组件⾥⾯如果写内容的话,⻚⾯是不会显 示出来的,如果我们想让⾃定义组件⾥⾯的内容显示出来,我们就需要使⽤ slot 的插槽. ⽽插槽分别具名插槽和匿名插槽、以及作⽤域插槽. 我们⽤的⽐较多的具名插槽和匿名插槽,具名插槽需要所有 slot 标签上指定 name 属性,⽽在对应标签上添加# 属性指定名字. 在项⽬中我们⼀般在进⾏组件封装的时候会使⽤插槽,以上就是我对插槽的理解. 作用域插槽 是把子组件里的数据传到父组件的插槽里使用 什么是跨域 跨域是浏览器的跨域 不符合 域名 协议 端口号一样（同源策略） 的请求都会出现跨域的问题 跨域的解决方法 最多的情况是后端处理跨域 前端的跨域 服务器代理 jsonp vue 中是 proxy 代理实现跨域 vue 的跨域 用 proxy 实现 拦截器有两种 一个是请求拦截一个是响应拦截 拦截器不需要手动调用而是每次发送 http 请求的时候都会自动触发 我们一般在请求拦截中 放全局的 loading 和 token 在响应拦截中关闭全局的 loading 和对 token 进行过期处理 还可以处理错误编码字典 ⾸先呢 jquery 他是⽤ js 封装的⼀个类库,主要是为了⽅便操作 dom 元素,⽽ vue 他是⼀个框架,并且呢,他会从真实 dom 构建出⼀个 虚拟的 dom 树,通过 di!算法渲染只发⽣改变的 dom 元素,其他的相同的 dom 元素不⽤在重新渲染. ⽽使⽤ jquery 去改变 dom 元素 的时候,即使有相同的 dom 元素也会重新渲染, jq 重点操作 dom，而 vue 重点操作数据。以上就是我对 vue 和 jquery 区别的理解. 在 vue2 中 vue 实例的 data 数据是响应式 的 就是数据变了 视图也会跟着变，如果给某一个 data 新添加了一个字段 这个新添加的字段因为 js 的限制不响应，需要使用 this.$set 方法代替原本的普通添加方法 就能实现响应，这个方法的三个参数 是给谁添加 添加的字段 初始值 如果不是在组件中 用这个方法 那么就用 根实例对象data可以是对象也可以是函数（根实例是单例），不会产生数据污染情况 如果不是一个函数，每个组件实例的data都是同一个引用数据，当该组件作为公共组件共享使用，一个地方的data更改，所有的data一起改变，如果data是一个函数，每个实例的data都在闭包中，就不会各自影响了。 query可以使用name和path而params只能使用name 使用params传参刷新后不会保存，而query传参刷新后可以保存 Params在地址栏中不会显示，query会显示 Params可以和动态路由一起使用，query不可以 同步更改mutations 异部更改action,action中通过commit触发mutations进行state数据更改 页面中触发action中函数

360前端开发工程师面试题

1.下面代码的输出值是?

alert(1&&2)

2.正则表达式匹配，开头为11N, 12N或1NNN，后面是-7-8个数字的电话号码。

3.写出下面代码的`输出值：

var obj = {

a: 1,

b: function () {()}

};

var a = 2;

var objb = ;

();

objb();

(window);

4.写出下列代码的输出值：

function A() {

}

function B(a) {

= a;

}

function C(a) {

if (a) {

= a;

}

}

= 1;

= 1;

= 1;

(new A());

(new B());

(new C(2));

5.写出下列代码的输出值：

var a = 1;

function b() {

var a = 2;

function c() {

(a);

}

return c;

}

b()();

HTML&CSS

1.写出下列代码在各个浏览器中的颜色值?

background: red;

_background: green;

*background: blue;

background: black\9;

2.添加些css让其水平垂直居中。

颜海镜

3.如下代码，在空白处填写代码，是其点击时，前景色为白色，背景色为黑色。

颜海镜

4.书写代码，点击时从1分钟开始，每秒递减到0。

颜海镜

5.简述在IE下mouseover和mouseenter的区别?