好久没上博客园了，打算重新拾起来，记录这段时间学习的内容，前端内容为主。

 

2020.5.25——面试

问题：

1. 盒模型？

答：盒子有，外边距，内边距，边框，内容。（margin，padding，border，box）

2.内容居中有哪些方式？

答：6种方法

 a.  如果是文字居中，那么就用行高，line-height

 b. padding 内边距设置

 c. 模拟表格法  容器设置 display：table  子元素设置 display：table-cell

 d. css3  transform 使元素可以移动旋转之类的属性

 e. css3 box的方法来实现

 f. flex 布局  

 

3. Scss 如何使用的？

答： Css预处理器 

　　使用 软件安装 Ruby 环境  ，输入一些命令安装， 使用考拉软件进行编译

　　使用情况如何，样式的嵌套，颜色的统一使用，一些特定的px使用 

 

4. gulp 是什么？

答： 自动化构建工具

　　使用： 命令提示符安装 环境 noide npm npx

　　　　　　1. 安装gulp 命令行工具  　　npm install --global  gulp-cli

　　　　　　2. 创建项目目录并进入 　　 

　　　　　　3. 在项目目录下创建package.json 文件

　　　　　　4. 安装gulp， 作为开发时依赖

　　　　　　5. 创建gulpfile文件

（前端构建工具）gulp webpack   代码的转换，文件优化，代码分割，模块合并，自动刷新，代码校验，自动发布 

5.  vue 的生命周期

答： vue实例创建、运行、销毁期间发生的事件，称为生命周期

　　1. 创建期间的生命周期函数

　　　　　beforeCreate: 实例刚在内存中创建时,还没有date和 methods  数据和方法

　　　　　created:  实例创建好了，数据和方式都有了，可以访问使用

　　　　　beforeMount: 完成了模版的编译，但没挂载在页面内，还没渲染页面

　　2. 运行期间的生命周期函数

　　　　　beforeUpdate:  状态更新之前运行的函数，数据已经更新，但页面内显示的数据还是旧的

　　　　　updated: 实例更新完成后调用的函数，数据和界面的显示已经更新完成，页面已经重新渲染

　　3. 销毁期间的生命周期函数

　　　　　beforeDestroy: Vue实例销毁前调用

　　　　　destroy:实例已经被销毁