码迷,mamicode.com
首页 > 其他好文 > 详细

前端测试

时间:2018-08-26 13:11:01      阅读:565      评论:0      收藏:0      [点我收藏+]

标签:hide   item   计算属性   jquery   alt   全局   abc   racket   html   

一 单选题器 (5分*6=30分)

  1. 下列元素中,为行内元素的是 ()

    A.div   B.span   C.p   D.h3
  2. 下列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()
  3. 下列哪一项不是JavaScript的数据类型

    A. List
    B. String
    C. Function
    D. Array
  4. 有数组定义如下 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;
    }
  5. 下列选项中,不是 window 对象的子对象的是()

    A.  location 
    B. history
    C. screen
    D. arguments
  6. jQuery选择器 如何找到表单中隐藏的div?

    A、$("div:none") 
    B、$("div:invisiable")
    C、$("div:even")
    D、$("div:hidden")

     

二 多选题 (5分*4 = 20分)

  1. 以下JavaScript变量名不合法的有

    A、4Myvariable 
    B、My@variable
    C、function
    D、Myvariable4
  2. 下列哪些是设置有关边框的属性

    A、border-color
    B、border-line
    C、border-width
    D、border-weight
  3. 在JavaScript程序中加入注释,方法有

    A、//注释内容  
    B、/*注释内容*/  
    C、/注释内容  
    D、/*注释内容
  4. 有如下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分)

  1. 有一个<div>元素,请设置其 宽500px,高400px. 并且垂直左右都居中

     

  2. 注册一个全局Vue组件,组件名为 my-component, 有content属性(props),类型是字符串,设置为必填。 并且个计算属性reverseContent,是翻转之后的content,并且content变化reverseContent也随之变化

     

  3. 有数组 var aList = [2,3,5,6,7,9,34], 请写代码对aList进行处理,得到一个新的数组要求aList中的每个数字都+10

     

  4. 简述什么是事件的捕获和冒泡,如何阻止事件冒泡

     

  5. 至少写出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
   
参考答案

 

前端测试

标签:hide   item   计算属性   jquery   alt   全局   abc   racket   html   

原文地址:https://www.cnblogs.com/xujinjin18/p/9536863.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!