• 前端测试


    一 单选题器 (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 {
                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
       
    参考答案
  • 相关阅读:
    groovy Date 格式化
    MySql Delete不走索引问题
    java解析文件
    H5自动准备杂记
    ubuntu 安装php ,apache 问题总结
    git 添加已被忽略的文件夹
    jenkins + nodejs + git 自动化部署前端
    分享到微信填坑之路
    jenkins 自动化部署php
    natapp 穿透访问 vue项目 Invalid Host header
  • 原文地址:https://www.cnblogs.com/xujinjin18/p/9536863.html
Copyright © 2020-2023  润新知