面试

254 阅读3分钟

在网上那个投了建简历之后,昨天进行了电话面试,第一次面试,总结起来就是知识点准备不充分,说话和表现还有点幼稚。

1、盒模型是什么。不多叙述

2、HTML5和HTML的区别:
答案:区别主要包括三个方面:
(1)文档声明的区别:HTML5书写方便,精简,有利于程序员快速阅读和开发。HTML文档是一种纯文本类型的语言
(2)结构语义区别:HTML5添加了许多语义化的标签。HTML没有体现结构语义化的标签。
(3)绘图区别:HTML指可伸缩矢量图形,用于定义网络基于矢量的图形。HTML5的canvas元素是用js等脚本,可以控制画布上的每个像素。

3、CSS3中动画怎么做? transform、 animation
使用@keyframes规则来进行创建动画。
@keyframes规则:@keyframes animationname {keyframes-selector {css-styles;}}
keyframes-selector 动画持续时间:0%-100%
css-style:一个或者多个css样式。

transform:2D 和3D转换方法
2D转换:transform:matrix(n,n,n,n,n,n)矩阵,6个元素。
translate(x,y)沿着X轴和Y轴移动元素。
translateX()沿X移动。
translateY()沿Y移动。
scale(x,y)缩放转换,改变宽和高。
scaleX()改变元素的宽。
scaleY()改变元素的高。
rotate(角度)
skew(x,y)倾斜
3D转换:和2D类似,多了一个维度Z轴。

animation用来设置动画,有6个属性:
animation-name(绑定@keyframe),
animation-duration(完成动画所花费的时间),
animation-timing-function动画的速度曲线,
animation-delay(动画之前的延迟时间),
animation-direction(是否应该轮流反向播放动画),
animation-interation-count(播放次数)

4、BFC是什么? Block Formating context 块级格式化模型 不太清楚,是一种容器?还是一种类似于flexbox的一种布局。

5、js中this的用法 javascript中this关键字指的是他所属对象。
函数调用模式,this指向window。
在方法调用中,this指的调用对象
构造函数调用时,this指new出的对象,也就是实例对象。
函数中的this,两种情况,默认:函数拥有者默认绑定this,this指的是全局变量。严格模式:严格模式下不予许绑定,this未定义。 HTML时间处理程序中,this指的是接收此事件的HTML元素。

6、垂直居中的方法 (1)、margin:auto; (2)、line-height (3)、verticle-align:center (4)、用Flex,父元素设置:display:flex 子元素设置:align-self:center (5)、伪元素:before XX:before{ content:"", display:inline-block; verticle-align:center; height:100%; } (6)、父元素:display:table; 子元素:display:table-cell;verticle-align:middle. (7)、利用百分比%,height:% 隐藏部分元素。 (8)、transform 两种方法: 父元素:position:relative,子元素:position:absolute;top:50%;transform:transformY(-50%); 直接:position:relative;top:50%;transform:transformY(-50%)

7、闭包 什么是闭包?怎么调用闭包? 闭包就是能够读取其他函数内部变量的函数:
examples:
function outer(){
function inner(y){
console.log(x+y);
}
return inner;
}
var i=outer(5);
i(3);

8、vue组件之间怎么调用? 分为父子组件和兄弟组件之间的调用:
父组件调用子组件:利用props进行调用
子组件调用父组件:利用emit进行调用<br>
兄弟组件之间的调用:利用一个媒介组件bus进行调用,之后通过分别调用bus事件触发emit和监听$on来实现组件之间的通信和数据传递。