20220521周测

目录

一、选择题

生命周期

子父组件传值

v-model 语法糖

跨域

this.$route.params.id

二、多选题

三、判断题

appendTo append

四、简答题

请问GET和POST请求方式有什么不同

---

一、选择题

生命周期

1、关于 Vue 的生命周期，下列哪项是不正确的？

A、DOM渲染在mounted中就已经完成了
B、 实例从创建到销毁的过程，就是生命周期
C、created表示完成数据观测、 属性和方法的运算和初始化事件，此时$el属性还未显示出来
D、页面首次加载过程中，会依次触发beforeCreate， created, beforeMount, mounted,  beforeUpdate, updated

参考答案：D

题目解析：

A：挂载阶段

B： 生命周期实例从创建到销毁的过程：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed

D：页面首次加载过程中，会依次触发beforeCreate， created, beforeMount, mounted

2、vue的生命周期，执行顺序正确的是：

A、beforeCreate-> created-> mounted-> destroy
B、 mount- > beforeCreate-> create->destroy
C、beforeCreate-> created-> mount > destroy
D、init-> beforeCreate-> create-> destroy

参考答案：A

题目解析：

生命周期过程：beforeCreate->created->beforeMount->mounted->beforeUpdate->updated->beforeDestroy->destroyed

子父组件传值

3、 关于 Vue 组件间的参数传递，下列哪项是不正确的？

A、 若子组件给父组件传值，可使用$emit方法
B、 祖孙组件之间可以使用provide和inject方式跨层级相互传值
C、 若子组件使用$emit('say )派发事件,父组件可使用@say监听
D、 若父组件给子组件传值,子组件可通过props接受数据

参考答案：B

题目解析：

相互是不对的 , 只能上层传, 下层收, 不过其实也可以, 比如父组件传递回调函数...., 子组件将值通过回调传给父组件。 

provide()和inject() 可以实现嵌套组件之间的数据传递这两个函数只能在setup()函数中使用.

父组件中使用provide()函数向下传递数据;

子组件中使用inject()获取上层传递过来的数据。

首先祖先给子孙后代传递也是可以用props传递，一层层传递，爷爷给孙子还好，但是嵌了五六层还这么写，就显得非常麻烦了。所以就用到了provide(提供)和inject(注入)。这两个是配套使用的，以允许祖先向所有祖先后代注入一个依赖。
用法就是在父组件里面通过provide注入想要注入的数据，再在后代组件中通过inject注入这些数据，然后直接使用。

v-model 语法糖

4、下列关于 v-model 的说法，哪项是不正确的？

A、v-modeI能实现双向绑定
B、v-model本质上是语法糖，它负责监听用户的输入事件以更新数据
C、v-model是内置指令, 不能用在自定义组件上
D、对input使用v-model,实际上是指定其:value和:input

参考答案：C

题目解析：

语法糖（Syntactic sugar），也译为糖衣语法，一个术语，指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。

对于机器语言，任何比他高级的语言都是语法糖，比如汇编语言，高级语言。

对于汇编语言，任何比他高级的语言都是语法糖，比如高级语言。

对于面向过程的语言，面向对象的语言都是语法糖。

5、以下遍历并获取索引的正确方式

A、<tr v-for="(book,index) in books" :key= "index" >
B、<tr v-for="book,index in books" :key= "index" >
C、<tr v-for= "(index, book) in books" :key= "index">
D、<tr v-for="(index:book) in books" :key= "index" >

D、对input使用v-model,实际上是指定其:value和:input

参考答案：A

题目解析：

1.  
   <li v-for="(element,index) in arr">
2.  
   索引为:{{index}}-值为:{{element}}
3.  
   </li>

6、v-show指令的特点是

A、v-show指令 是通过修改元素的displayCSS属性让其显示或者隐藏
B、v-show指令 是直接销毁和重建DOM达到让元素显示和隐藏的效果
C、v-show指令 是操作js动态的把DOM进行隐藏或显示的效果
D、以上都不对

参考答案：C

题目解析：

• v-if的特点：从dom树中添加或删除元素
• v-show的特点：不删除或添加元素，而是切换display:none样式
• vue是通过JS操作

7、关于子组件向父组件传值错误的是

A、子组件中需要以某种方式(如点击事件)的方法来触发一个自定义的事件进行传值;
B、子组件通过修改父组件绑定在子组件上的数据进行传值
C、可以将需要传的值作为$emit的第二个参数, 该值将作为实参传给响应事件的方法;
D、需要在父组件中注册子组件并在子组件标签 上绑定自定义事件的监听。

参考答案：B

题目解析：

A ：events事件、$emit方法

B：子组件不能直接修改父组件的值

C：Event.$emit(事件名,数据);

跨域

8、以下哪种情况一定不会发生跨域

A、www.jd.com与 www.taobao.com
B、 www.jd.com:8080与www.jd.com:8081
C、www.jd.com/item 与www.jd.com/miaosha
D、http://jd.com与https://jd.com

参考答案：C

题目解析：

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

9、用于监听 DOM 事件的指令是

A、v-on
B、v-model
C、v-bind 
D、v-htm

参考答案：A

题目解析：

v-on指令监听DOM事件 input添加click事件

this.$route.params.id

10、以下获取动态路由{ path: ‘/user/:id’ }中id的值正确的是

A、this.$route.params.id
B、this.route. params.id
C、this.$router.params.id
D、this.router.params.id

参考答案：A

题目解析：
router其实是VueRouter的一个实例，所以它是一个全局对象，包含了所有的子对象和属性。

route是正在跳转的这个路由的局部对象，可以获取这个正在跳转的路由的name，path，params，query等

11、创建方法错误的是

A、var fun=（）=>{};
B、fun（）{}
C. function fun（）{}
D. var fun = function（）{}

参考答案：B

题目解析：

B : 缺少function ， 有名函数

12、在jQuery中需要选取<p>元素里所有<a>元素，则下列选择器写法正确的是（）

A、$("p a")
B、$("p a")
C、$("p>a")
D、$("p~a")

参考答案：A

题目解析：

后代选择器 ：使用空格,在给定的祖先元素下匹配所有的后代元素

子元素选择器 ：使用>,在给定的父元素下匹配所有的子元素

相邻元素选择器 ： 使用 隔开 , 匹配所有紧接在 label  元素后的 next 元素 ( 如果有 , 是一个元素 )
匹配 label 元素之后的所有 input 元素 ：label ~  input

13、在jQuery中，关于fadeIn( )方法正确的是（）

A、 可以改变元素的高度
B、 可以改变元索的透明度
C、 可以改元素的宽度
D、 与fadeln( )相对的方法是fadeOn( )

参考答案：B

14、在JQuery中，能够操作HTML代码及其文本的方法是( )

A、 attr( )
B、 text( )
C、html()
D、val( )

参考答案：C

题目解析：

例如<a href="/link/to?link=https://blog.csdn.net/weixin_45701868/article/details/124901781"></a>html会显示整个超链接

二、多选题

1、下列选项中( )是属性选择器。

A、$("img[src=.gif]")
B、$("img")
C、$("[class][title]")
D、$("div> span")

参考答案：AC

题目解析：

B：元素选择器

D：层次选择器

2、下列选项不属于JQuery基本选择器的是( )

A、 *

B、 :visible

C、 h1 span

D、 .document

参考答案：BC

题目解析：

jQuery基本选择器：id、class、*、biaoqian

B：过滤选择器

C：子选择器

D：class选择器

3、JQuery中，属于鼠标事件方法的选项是( )

A、onclick()
B、mouSEO（(Search Engine Optimization)）ver()
C、onmouSEO（(Search Engine Optimization)）ut()
D、blur()

参考答案：BD

题目解析：

click 鼠标单击事件 JS  

blur表单事件

4、若要求隐藏<span>元素，则下列选择正确的是( )

A、$("span").css(" dispaly' ,"none")
B、$("span").addClass(" dispaly"," none");
C、$("span").show()
D、$("span").hide()

参考答案：AD

题目解析：

B：没有后面的none

5、在jQuery中，通过jQuery对象.css( )可实现样式控制，以下说法正确的是( )

A、css( )方法会去除原有样式而设置新样式
B、 正确语法: css("属性" "值")
C、css( )方法不会去除原有样式
D、正确语法: css( "属性";"值")

参考答案：AB

6、关于改变透明度动画效果，以下说法错误的是( )

A、fadeln( )和fadeOut( )用于改变元索透明度。
B、fadeln( )控制元素淡入，fadeOut( )控制元素淡出
C、fadeln( )控制元素淡出，fadeOut( )控制元素淡入
D、fadeln( )和fadeOut( )用于改变元索高度

参考答案：CD

题目解析：

slipDown、slipUp滑动效果， 可以改变高度

7、jQuery中,以下对遍历祖先元素的说法正确的是( )

A、parent() 获取当前匹配元素集合中每个元素的父级元素
B、parent() 获取当前匹配元素集合中每个元素的祖先元素。
C、parents() 获取当前匹配元素集合中每个元素的祖先元素。
D、parents() 获取当前匹配元素集合中每个元素的父级元素。

参考答案：AC

三、判断题

1、 $(A).after(B)表示将A插入到B以后

A、对

B、错

参考答案：A

2、如果 watch 侦听的是一个对象，如果对象中的属性值发生了变化，也可以被监听到

A、对

B、错

参考答案：B

3、计算属性中动态计算出来的属性值不可以被 methods 方法使用

A、对

B、错

参考答案：B

4、组件之间的最常见的关系分为

A、对

B、错

参考答案：A

5、子组件只能在父组件内部使用

A、对

B、错

参考答案：A

题目解析：子组件也叫局部组件

6、val( )方法获取或设置元素的value属性值

A、对

B、错

参考答案：A

appendTo append

7、$(A).appendTo(B)表示把A追加到B中

A、对

B、错

参考答案：A

题目解析：$(A).append(B)表示把B追加到A中

8、使用v-bind指令进行DOM属性绑定

A、对

B、错

参考答案：A

9、v-else 不一定需要跟在带 v-if 的后面也可以使用

A、对

B、错

参考答案：B

10、 v-on只可以绑定一种方法

A、对

B、错

参考答案：B

题目解析：多种

11、Jquery中的美元符号其实是jQuery的别名，所以在代码中可以用jQuery代替美元符号

A、对

B、错

参考答案：A

12、 ajax技术是一种客户端技术。

A、对

B、错

参考答案：A

13、 jquery功能强大，能完全取代Javascrip

A、对

B、错

参考答案：B

14、相对于javascript，jquery语法更为简单，能大幅提高开发效率

A、对

B、错

参考答案：A

15、$('h2').attr('value,'asdf')执行时，由于和元素没有value属性，所有该代码不会产生任何效果

A、对

B、错

参考答案：A

题目解析：h2里面没有value，没有效果

四、简答题

请问GET和POST请求方式有什么不同

这篇好文章是转载于：学新通技术网