前端Vue常见的考试题

1.src和href的区别 ？

1、请求资源类型不同
（1） href是Hypertext Reference(超文本引用)的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。
（2）在请求 src 资源时会将其指向的资源下载并应用到文档中，常用的有script，img 、iframe；
2、作用结果不同
（1）href 用于在当前文档和引用资源之间确立联系；
（2）src 用于替换当前内容；
3、浏览器解析方式不同
（1）若在文档中添加 ，浏览器会识别该文档为 CSS 文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式加载 CSS，而不是使用 @import 方式。
（2）当浏览器解析到 ，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等也如此，类似于将所指向资源应用到当前内容。这也是为什么建议把 js 脚本放在底部而不是头部的原因。

2.页面元素隐藏方式 和各自特点？

displlay:none; 直接 "销毁"元素在页面中的位置;

visibility:hidden;直接让元素不可见,氮元素的物理空间还是存在的;

opacity:0;元素仅仅只是变透明了,但位置还是存在的

zoom:纵过改变元素大小的方式来隐藏属性

3.用过哪些盒模型，以及他们各自的区别？

box-sizing:content-box; 是W3C盒子模型

box-sizing:border-box; 是IE盒子模型

区别:

标准盒模型（W3C盒子模型），设置的width或height是对 实际内容（content）的width或height进行设置，内容周围的border和padding另外设置，即盒子模型的width（height）=设置的content的宽高+padding+border+margin

怪异盒模型（IE盒子模型），设置的width或height是对 实际内容（content）+内边距（padding）+边框（border）之和的width和height进行设置的，其盒模型的width（height）=设置的width (height)+外边距margin

4.谈谈你的移动端适配方案有哪些？

通过媒体查询的方式即CSS3的meida queries

以天猫首页为代表的 flex 弹性布局

以淘宝首页为代表的 rem+viewport缩放

rem 方式 

注:转载

5.js 数据类型有几种？它们之间的区别是什么？

基本数据类型:Boolean  Null Undefined  Number  String  Symbol  Bilnt

引用数据类型:Array  Function Object

基本类型在栈内存,引用类型在堆内存分配地址

不同的内存分配机制也带来了不同的访问机制

复制变量时的不同

参数传递的不同（把实参复制给形参的过程）

6.数据类型强制转化和隐式转化的分别怎么使用？

强制类型转换：

• 就是指将一个数据类型强制转换为其他数据类型

• parseInt()     将字符串强类型制转换为数字整数类型
• parseFloat()  将字符串类型转换为浮点类型
• Number()      只能将纯数字的字符转换为数字

隐式类型转换：

• 只做值的判断，实际隐式转换了类型，然后才进行的比较

7.let const 和 var 的区别 ？

var定义的变量，没有块的概念，存在变量提升,可以跨块访问, 不能跨函数访问,有全部变量和局部变量

let定义的变量，有块的概念,不存在变量提升, 不允许重复声明,暂时性死区

const一旦声明，常量的值就不能改变,声明必须有初始值,不存在变量提升

8.箭头函数和普通函数的区别 ？

写法不同:箭头函数使用箭头定义，普通函数中没有。

箭头函数不能用于构造函数,普通函数可以用于构造函数，以此创建对象实例。

箭头函数中this的指向不同: 箭头函数自身没有this，它的this是父级普通函数的this.
在普通函数中，this总是指向调用它的对象或者，如果用作构造函数