前端测试
-
下列元素中，为行内元素的是 ()
A.div B.span C.p D.h3 -
下列jQuery方法中，能让网页中第5个div隐藏的是（）
A.("div:5th-child").hide()
B.("div:5th-child").hidden()
C.("div:nth-child(5)").hide()
D.("div:nth-child(5)").hidden() -
下列哪一项不是JavaScript的数据类型
A. List
B. String
C. Function
D. Array -
有数组定义如下
var a1 = [1, 14, 4, 12, 23]现需要实现对数组 a1 中的内容按照数值大小升序排列，下列代码中，错误的是（）A. a1.sort(new Function("a", "b", "return a-b;"));
B. a1.sort(function (a, b) { return a - b; });
C. a1.sort(new function (a, b) { return a - b; });
D. a1.sort(sortFunc);
function sortFunc(a, b) {
return a - b;
} -
下列选项中，不是 window 对象的子对象的是（）
A. location
B. history
C. screen
D. arguments -
jQuery选择器 如何找到表单中隐藏的div？
A、$("div:none")
B、$("div:invisiable")
C、$("div:even")
D、$("div:hidden")
二 多选题 （5分*4 = 20分）
-
以下JavaScript变量名不合法的有
A、4Myvariable
B、My@variable
C、function
D、Myvariable4 -
下列哪些是设置有关边框的属性
A、border-color
B、border-line
C、border-width
D、border-weight -
在JavaScript程序中加入注释，方法有
A、//注释内容
B、/*注释内容*/
C、/注释内容
D、/*注释内容 -
有如下html代码：
<body>
<form>
<input type="text" id="t1" />
</form>
</body>下列选项中，能向文本框中写入文本的是
A. document.getElementById("t1").value = "aa";
B. document.getElementById("t1").innerHTML = "bb";
C. document.getElementsByTagName("input")[0].value = "cc";
D. document.getElementsByTagName("input")[0].innerHTML = "dd";
三 问答题(10分*5 = 50分)
-
有一个
<div>元素，请设置其 宽500px,高400px. 并且垂直左右都居中 -
注册一个全局Vue组件，组件名为
my-component, 有content属性(props)，类型是字符串，设置为必填。 并且个计算属性reverseContent，是翻转之后的content,并且content变化reverseContent也随之变化 -
有数组
var aList = [2,3,5,6,7,9,34], 请写代码对aList进行处理，得到一个新的数组要求aList中的每个数字都+10 -
简述什么是事件的捕获和冒泡，如何阻止事件冒泡
-
至少写出5个
vue指令
一 单选题器 (5分*6=30分) 1. 下列元素中，为行内元素的是 () B A.div B.span C.p D.h3 2. 下列jQuery方法中，能让网页中第5个div隐藏的是（） C A.("div:5th-child").hide() B.("div:5th-child").hidden() C.("div:nth-child(5)").hide() D.("div:nth-child(5)").hidden() 3. 下列哪一项不是JavaScript的数据类型 A A. List B. String C. Function D. Array 4. 有数组定义如下 var a1 = [1, 14, 4, 12, 23] 现需要实现对数组 a1 中的内容按照数值大小升序排列，下列代码中，错误的是（） C A. a1.sort(new Function("a", "b", "return a-b;")); B. a1.sort(function (a, b) { return a - b; }); C. a1.sort(new function (a, b) { return a - b; }); D. a1.sort(sortFunc); function sortFunc(a, b) { return a - b; } 5. 下列选项中，不是 window 对象的子对象的是（） D A. location B. history C. screen D. arguments 6. jQuery选择器 如何找到表单中隐藏的div？D A、$("div:none") B、$("div:invisiable") C、$("div:even") D、$("div:hidden") 二 多选题 （5分*4 = 20分） 1. 以下JavaScript变量名不合法的有（ABC） A、4Myvariable B、My@variable C、function D、Myvariable4 2. 下列哪些是设置有关边框的属性（AC） A、border-color B、border-line C、border-width D、border-weight 3. 在JavaScript程序中加入注释，方法有（AB） A、//注释内容 B、/*注释内容*/ C、/注释内容 D、/*注释内容 4. 有如下html代码： <body> <form> <input type="text" id="t1" /> </form> </body> 下列选项中，能向文本框中写入文本的是 （AC) A. document.getElementById("t1").value = "aa"; js input属性 B. document.getElementById("t1").innerHTML = "bb"; C. document.getElementsByTagName("input")[0].value = "cc"; D. document.getElementsByTagName("input")[0].innerHTML = "dd"; 三 问答题(10分*5 = 50分) 1. 有一个<div>元素，请设置其 宽500px,高400px. 并且垂直左右都居中 div { width: 500px; height:400px; position: absolute; positon+transform left:50%; top:50%; transfrom: translate(-50%, -50%) } 2. 注册一个全局Vue组件，组件名为 my-component, 有content属性(props)，类型是字符串，设置为必填。 并且个计算属性reverseContent，是翻转之后的content,并且content变化reverseContent也随之变化 Vue.component('my-conponent', { props: { content: { type: String, required: true } }, computed: { reverseContent: function(){ return this.content.split('').reverse().join(''); } } }) 3. 有数组 var aList = [2,3,5,6,7,9,34], 请写代码对aList进行处理，得到一个新的数组要求aList中的每个数字都+10 aList.map(function(item){ return item + 10 }) 4. 简述什么是事件的捕获和冒泡，如何阻止事件冒泡 事件从最上一级标签开始往下查找，直到捕获到事件目标(target) 事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签。 # 阻止事件冒泡 先得到事件对象 event event.stopPropagation() 5. 至少写出5个vue指令 v-for v-if v-else v-model v-else-if v-bind v-on v-pre v-once
