前端面试------1

笔试题：

1、简述css盒模型，标准型和IE型模型的区别。

css盒模型：content -> padding -> border -> margin

标准型和IE型区别：IE型模型：content ->margin ， 它不包含padding和border。

标准型的宽度计算：content的宽度 + padding的宽度 + border的宽度 + margin的宽度

IE型的宽度计算：content的宽度 + margin的宽度

 

2、让元素左右水平居中的方法。

引用这里的四种方法：https://www.cnblogs.com/linsinan/p/6132241.html

我一般使用： flex布局：

dispay:flex;  justify-content:center; aligin-items:center;

flex布局属性详细介绍：http://www.runoob.com/w3cnote/flex-grammar.html（菜鸟教程上的）

https://blog.csdn.net/amberqu/article/details/79700974（博客）

 

3、元素清除浮动的方法 。

查询资料在这：https://blog.csdn.net/u012207345/article/details/78279961

https://blog.csdn.net/wangzhixiangcopy/article/details/81267364

 

万能清除浮动法（伪类）：

参考： https://blog.csdn.net/java_goodstudy/article/details/53755518

 

项目中常用如下代码：

1 2 3 4 5 6 7 8

.clear:after {     clear: both;     content: " ";     display: block;     height: 0;     overflow: hidden;     visibility: hidden; }

使用方法如下：

1 2 3 4

<div class="clear">     <div class="title">xxx<div>     <div class="content">yyy</div> </div>

5、let ,var ,const

参考：http://es6.ruanyifeng.com/#docs/let

let ,var :  let 和var 的作用域不同，let 作用域 在 {} 中， var 作用域于函数中

var 有变量提升，预先声明变量的作用

即 console.log(a);let a= 1;

执行，报错，a 没有被定义

 

console.log(a); var a= 1;

执行结果为： undefined ，原语句可为var a ; console.log(a); a =1;

 

const : 

const参考---误解参考： https://www.cnblogs.com/minigrasshopper/p/9144223.html

const 定义一个数组 （数组是引用类型），可以继续push进去元素。

（const 定义的变量是 ，若是它是原始类型时，要求值不变；若是引用类型时，则是指向地址不变）

 

6、JS array 数组的方法。

参考w3school：http://www.w3school.com.cn/jsref/jsref_obj_array.asp

 

7、import  和 require的区别。

参考： https://blog.csdn.net/qq_28702545/article/details/54892562

https://blog.csdn.net/suhuaiqiang_janlay/article/details/80501931

 

8、Vue，react， angular。

参考 ： https://blog.csdn.net/qqwan7/article/details/80803027

 

9、Vue 实例的生命周期。

官网图例：https://cn.vuejs.org/v2/guide/instance.html

beforeCreate,created, beforeMount,mounted(beforeUpdate,updated),beforeDestroy, destroyed

 

10、Vuex 用法。

参考官网：https://vuex.vuejs.org/zh/

详细用法参考： https://blog.csdn.net/qq_35430000/article/details/79412664

 

11、Vue组件传值方式。

参考用法： https://blog.csdn.net/cherry_zhang18/article/details/79088155

一是、父组件向子组件传递数据，使用 props 向子组件传递数据

二是、子组件向父组件传递数据， 子组件主要通过事件传递数据给父组件，$emit

三是、子组件向子组件传递数据，可以先从传到父组件，再传到子组件或者运用vuex