错题集

1.（不定项选择题）嵌入在HTML文档中的图像格式可以是？

A *.gif
B *.tif
C *.bmp
D *.jpg
答案：ＡＣＤ
网页html文档支持的图片格式有jpg , gif , png 和 bmp 这四种。
jpg ， gif 和 png 格式的图片特点是体积很小，因为在网上很常见，
然而 bmp就不常见了，因为这种格式虽然很清晰色彩丰富，但是所占内存很大，所以很少见，但是也是支持的。一共这4种。
（图片格式是计算机存储图片的格式，常见的存储的格式有bmp,jpg,tiff,gif,pcx,tga,exif,fpx,svg,psd,cdr,pcd,dxf,ufo,eps,ai,raw等。
HTML页面中常用的有：bmp,gif,jpg,png。）

2.添加/删除

删除
	Shift 
	 用于把数组的第一个元素删除，并返回第一个元素
	 pop() 
	拥有删除并返回最后一个元素
添加
	Unshift 
	像数组的开头添加一个或者多个元素，并返回新的长度
	push
	像数组的结尾添加一个或者多个

3.通过style方式设置样式，样式的属性格式是—驼峰写法

4.mousemover mouseenter

mouseenter和mouseleave一起使用：
mouseenter:第一次进入元素是触发。
mouseleave:鼠标移动到元素之外时触发。
mosueover和mouseout一起使用：
mouseover:当鼠标从一个元素移入另一个元素时触发。
mouseout:鼠标移出一个元素，移入另一个元素时触发。
mousemove:鼠标在元素内部移动时触发，不断地重复触发。
mouseout和mouseleave的区别：

mouseout在鼠标离开该元素或该元素的子元素时都会触发，mouseleave只会在离开该元素时触发。
mouseover和mouseenter的区别：
mouseover在鼠标进入该元素或该元素的子元素时都会触发，mouseenter只会在进入该元素时触发

5.Web安全色所能够显示的颜色种类为()。216色

6.Javascript是如何实现继承的？

A、 创建父类对象作为子类的原型（prototype）

7.background-clip

background-clip: border-box|padding-box|content-box;
background-origin: padding-box|border-box|content-box;
typeof NaN==“number”
html5新增的表单元素有以下几种: datalist,keygen,output三种无素

8.vue-router有哪几种导航钩子？三种。

一种是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。第二种：组件内的钩子；第三种：单独路由独享组件

全局导航

router.beforeEach 注册一个全局的 before 钩子

router.afterEach(route => { // …})

（注册一个全局的 after 钩子，不过它不像 before 钩子那样，after 钩子没有 next 方法，不能改变导航)

组件内钩子：

const Foo = {
  template: `...`,
  beforeRouteEnter (to, from, next) {
    // 在渲染该组件的对应路由被 confirm 前调用
    // 不能获取组件实例 `this`
    // 因为当钩子执行前，组件实例还没被创建
  },
  beforeRouteUpdate (to, from, next) {
    // 在当前路由改变，但是该组件被复用时调用
    // 举例来说，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候，
    // 由于会渲染同样的 Foo 组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
    // 可以访问组件实例 `this`
  },
  beforeRouteLeave (to, from, next) {
    // 导航离开该组件的对应路由时调用
    // 可以访问组件实例 `this`
  }
}

1、beforeRouteEnter(to,from,next)

beforeRouteEnter 函数内部 this 是undefined，这是因为在执行路由钩子函数beforRouteEnter时候，组件还没有被创建出来；先执行beforRouteEnter，再执行组件周期钩子函数beforeCreate。我们可以通过 next 获取组件的实例对象，如：next( (vm)=>{} )，参数vm就是组件的实例化对象。

2、beforeRouteUpdate(to,from,next)

About组件是有二级导航的，在切换二级导航的时候，对应的内容是在变化的；但是about组件是复用的，只会生成一次，切换二级导航的时，如何知道导航在更新呢？一个组件有二级导航的时候，点击二级导航的时候导航路径更新了，会触发路由钩子函数beforeRouteUpdate。

3、beforeRouteLeave(to,from,next)

当在about切换到user时，about页面有些数据还没有加载完成，这时候我们不让它切换到user。

某个路由独享的钩子

beforeEnter

你可以在路由配置上直接定义 beforeEnter 钩子：

const router = new VueRouter({
routes: [
{
path: ‘/foo’,
component: Foo,
beforeEnter: (to, from, next) => {
// …
}
}
]
})

9.vue.js的两个核心是什么？

数据驱动、组件系统

10.html5新增的表单元素有以下几种?

datalist,keygen,output三种元素