前端"基础面试题"

前端基础题

选择题

1.网页脚本语言中最为常用的是（A）

A. javascript
B. VB
C. Perl
D. JSP

2.下面不属于CSS引入的形式是（C）

A. 行内式
B. 内嵌式
C. 载入式
D. 外链式

3.body元素用于背景颜色的属性是（C）

A. alink
B. vlink
C. bgcolor
D. background

4.在HTML中，要定义一个空链接使用什么标记（A）

5.下列表达式结果为真的是（B）

A. 5 > "5"
B. 1 == true
C. Math.round(10.5) = 11 > 12
D. NaN == NaN

6.定义JavaScript数组的正确方法是（ A ）

A. var txt = new Array("tim","kim","jim")
B. var txt = new Array(1:"tim",2:"kim",3:"jim")
C. var txt = new Array="tim","kim","jim"
D. var txt = newArray:1=("tim")2=("kim")3=("jim")

7.下列声明自定义函数getRandomColor()的格式正确的是（ B ）

A. function : getRandomColor (){}
B. function getRandomColor ()
C. function =getRandomColor (){}
D. function

8.分析下面的javascript代码段，输出结果是( C )

var   mystring="I am a good student"; 
a=mystring.indexOf("good");
document.write(a);

A. 5
B. 6
C. 7
D. 8

9.下列简写和对应的全称不正确的是？( B )

A 文件传输协议FTP
B 超文本传输协议HTML
C 超文本标记语言HTML
D 统一资源定位符URL

10.在新窗口中打开链接的HTML代码是（ B ）

A. <a href="url" target="_top">
B. <a href="url" target="_blank">
C. <a href="url" target="new">
D. <a href="url" target="_main">

判断题

1.Math对象只能实现向上取整和向下取整。（ ×）

2.""是HTML注释标记，“//”是JavaScript注释标记。（ √ ）

3.函数如果需要返回一个特定类型的值，必须使用return语句。（ √ ）

4.只有绝对定位可以使元素脱离原来的文档流。（ × ）

5.在引用外部的css文件和js文件时采用绝对路径的方式比相对路径更加稳定简洁。（ × ）

6.在JavaScript中，要获取字符串的长度就调用length方法。（ × ）

7.id选择器使用“#”进行标识,后面紧跟id名。（ √ ）

8.email.IndexOf(“@”)==-1表示的是email对象中不含有@这个字符。（ √ ）

9.网络安全的特征不包括可用性。（ × ）

10.对元素应用“overflow:visible;”样式,可清除浮动对该元素的影响。（×）

简答题（Vue）

v-show 与 v-if 区别

v-hsow和v-if的区别：
v-show是css切换，v-if是完整的销毁和重新创建。
使用：
频繁切换时用v-show，运行时较少改变时用v-if
v-if=‘false’ v-if是条件渲染，当false的时候不会渲染

组件间的通信

1.父子 props/event $parent/$children ref provide/inject
2.兄弟 bus vuex
3.跨级 bus vuex provide.inject

路由的跳转方式

一般有两种
<router-link to='home'> router-link标签会渲染为<a>标签，咋填template中的跳转都是这种；
另一种是编程是导航 也就是通过js跳转 比如 router.push('/home')

Vue的优点？

1.轻量级框架：只关注视图层，是一个构建数据的视图集合
2.简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；
3.双向数据绑定：保留了angular的特点，在数据操作方面更为简单；
4.组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；
5.视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；

v-show和v-if指令的共同点和不同点？

共同点：
都能控制元素的显示和隐藏；
不同点：
实现本质方法不同，v-show本质就是通过控制css中的display设置为none，控制隐藏，只会编译一次；v-if是动态的向DOM树内添加或者删除DOM元素，若初始值为false，就不会编译了。而且v-if不停的销毁和创建比较消耗性能。

说出几种vue当中的指令和它的用法

v-model双向数据绑定；
v-for循环；
v-if v-show 显示与隐藏；
v-on事件；v-once: 只绑定一次。

v-modal的使用

v-model用于表单数据的双向绑定，其实它就是一个语法糖，这个背后就做了两个操作：
v-bind绑定一个value属性；
v-on指令给当前元素绑定input事件。

请说出vue.cli项目中src目录每个文件夹和文件的用法

assets文件夹是放静态资源；
components是放组件；
router是定义路由相关的配置; 
app.vue是一个应用主组件；
main.js是入口文件。

什么是MVVM？

MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。
Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象（桥梁）。

谈谈你对 Vue 生命周期的理解？

（1）生命周期：
Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。
（2）各个生命周期的作用：
beforeCreate	组件实例被创建之初，组件的属性生效之前
created	组件实例已经完全创建，属性也绑定，但真实 dom 还没有生成，$el 还不可用
beforeMount	在挂载开始之前被调用：相关的 render 函数首次被调用
mounted	el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子
beforeUpdate	组件数据更新之前调用，发生在虚拟 DOM 打补丁之前
update	组件数据更新之后
activited	keep-alive 专属，组件被激活时调用
deactivated	keep-alive 专属，组件被销毁时调用
beforeDestory	组件销毁前调用
destoryed	组件销毁后调用

操作题

1.使用VSCode随意编写一个Vue

https://www.cnblogs.com/jaolvv/p/14676203.html

2.使用vue-cli脚手架构建一个Vue项目