目 录CONTENT

文章目录

第一套寒假作业

Administrator
2020-07-24 / 0 评论 / 0 点赞 / 6684 阅读 / 7031 字

第一套寒假作业

  • 出题时间:2020年1月14日
  • 适用班级:H1907班
  • 出题人:杨标
  • 适用时间:2020年寒假

基础题

  1. 什么是BFC,BFC的布局规则是什么?如何创建BFC?

  2. 异步加载JS的有哪些?

  3. ES5有哪几种方式实现对象的继承?

  4. 隐藏页面中的某个元素方法有哪些?

  5. 数组去重的方法,你知道哪些?

  6. 页面出现了乱码,是怎么回事,怎么解决?

  7. title属性与alt属性分别有什么作用?

  8. meta有哪些常见的值

  9. meta viewport有什么用?怎么写的?

  10. 如果在页面上面展示<div></div>这几个字符

  11. label标签有什么会用,如何使用?

  12. placeholder属性有什么作用?

  13. radio如何分组

  14. CSS加载方式有几种?

  15. @import与link有什么区别?

  16. CSS的选择器有哪几种?

  17. @charset的会用是什么?

  18. 在目前你所学习的CSS里面,有有个@开头的命令?

  19. 简述src的与href的区别

  20. 伪类与伪元素有什么区别

  21. 什么是CSS继承?哪些属性能继承?哪些属性不能继承?

  22. 选择器的优先级是如何计算的?

  23. px,rem,em,vw,vh有什么区别?

  24. 块元素与行内元素及行内块级元素有哪些?各有什么区别特点?

  25. margin折叠与穿透的现象怎么解决?

  26. line-height:2与line-height:200%有什么区别?

  27. 什么情况下会出现外边距合并?如何合并?如果不让相信元素的外边距进行合并

  28. 如何去除两个按钮中间的缝隙问题?

  29. 一个页面有一排高度不一样的产品图,这时如果我们使用inine-block,怎么校使他们顶端对齐

  30. 让一个元素“看不见”有几种方式?各有什么区别?

  31. 单选文本溢出...怎么实现?

  32. 如果在页面呈现一个圆形的可点击区域

  33. 如果取消一个按钮的点击事件

  34. 浮动元素有什么特征?对父容器、其它浮动元素、普通元素、文字分别有什么影响?

  35. 清除浮动指什么?如何清除浮动?两种方法以上

  36. 有几种定位方式?分别是如何实现定位的?参考点是什么?使用场景是什么?

  37. z-index有什么用?如何使用?

  38. 如何让块级元素水平居中?如何让行内元素水平居中?如果让inline-block元素水平居中?

  39. 垂直上下居中的办法有哪些?

  40. “渐近增强”与“优雅降级”有什么区别?

  41. 什么是CSS Hack?你一般在哪些地方查看浏览器对元素或CSS的兼容性的?

  42. CSS Reset是什么?CSS Reset与Normalize.css有什么区别?

  43. 如果让chrom浏览器显示小于12px的文字 ?

  44. CSS属性box-sizing有什么值?这几个值各代表什么意思?

  45. NaN是什么?有什么特别之处?

  46. =====有什么区别 ?

  47. console.log(1+"2")console.log(1-"2")打印的结果分别是什么?

  48. 请使用三元运算符改写下面代码

    if(a>10){
        b=a;
    }
    else{
        b=a-2;
    }
    
  49. 以下代码输出的结果是什么?

    var a = 1;
    a+++a;
    typeof a+2;
    
  50. 以下代码输出的结果是?

    var d = a = 3,b=4;
    console.log(d);
    
  51. 以下代码输出什么?

    var d = (a=3, b=4);
    console.log(d);
    
  52. 以下代码输出结果是?

    var a = 1, b = 2, c = 3;
    var val = typeof a + b || c >0
    console.log(val)
    var d = 5;
    var data = d ==5 && console.log('bb')
    console.log(data)
    var data2 = d = 0 || console.log('haha')
    console.log(data2)
    var x = !!"Hello" + (!"world", !!"from here!!");
    console.log(x)
    
  53. 以下代码输出结果是?为什么?

    var a = 1;
    var b = 3;
    console.log( a+++b );
    
  54. 以下代码输出的结果是?为什么?

    console.log(1+1);
    console.log("2"+"4");
    console.log(2+"4");
    console.log(+"4");
    
  55. JavaScript 定义了几种数据类型?哪些是原始类型?哪些是复杂类型?null 是对象吗?

  56. 怎样判断“值”属于哪种类型?typeof 是否能正确判断类型?instanceof 呢?instanceof 有什么作用?内部逻辑是如何实现的?

  57. null,undefined 的区别?

  58. 说一下 JS 中类型转换的规则?

  59. 以下代码的输出?为什么?

     var a = typeof typeof 4+4
     console.log(a)
    
  60. break 与 continue 有什么区别?

  61. switch...case 语句中的 break 有什么作用?

  62. for...of、 for...in 和 forEach、map 的区别?

  63. 写一个函数,返回参数的平方和?

    function sumOfSquares() {
        // 补全
    }
    var result = sumOfSquares(2, 3, 4)
    var result2 = sumOfSquares(1, 3)
    console.log(result) // 29
    console.log(result2) // 10
    
    
  64. 写一个函数 squireArr,其参数是一个数组,作用是把数组中的每一项变为原值的平方。

    var arr = [3, 4, 6]
    function squireArr(arr) {
        // 补全
    }
    squireArr(arr)
    console.log(arr) // [9, 16, 36]
    
  65. 写一个函数 squireArr,其参数是一个数组,返回一个新的数组,新数组中的每一项是原数组
    对应值的平方,原数组不变。

    var arr = [3, 4, 6]
    function squireArr(arr) {
        // 补全
    }
    var arr2 = squireArr(arr)
    console.log(arr) // [3, 4, 6]
    console.log(arr2) // [9, 16, 36]
    
    
  66. 遍历数组,打印数组里的每一项的平方。

    var arr = [3, 4, 5]
    
  67. 使用递归完成 1 到 100 的累加?

  68. 写一个函数,操作数组,返回一个新数组,新数组中只包含正数。

    function filterPositive(arr) {
        // 补全
    }
    var arr = [3, -1, 2, true]
    filterPositive(arr)
    console.log(filterPositive(arr)) // [3, 2]
    
  69. 补全代码,实现数组按姓名、年纪、任意字段排序。

    var users = [
        {name: "John", age: 20, company: "Baidu"},
        {name: "Pete", age: 18, company: "Alibaba"},
        {name: "Ann", age: 19, company: "Tecent"}
    ]
    
    users.sort(byField("age"))
    users.sort(byField("company"))
    
    
  70. 用 splice 函数分别实现 push、pop、shift、unshift 方法。

    function push(arr, value) {
        arr.splice(arr.length, 0, value)
        return arr.length
    }
    var arr = [3, 4, 5]
    arr.push(10) // arr 变成 [3, 4, 5, 10],返回 4。
    
  71. 判断一个变量是否是数组,有哪些办法?

  72. ["1", "2", "3"].map(parseInt) 答案是多少?

  73. 怎样用原生 JS 将一个多维数组拍平?

     var array = [1, [2], [3, [4, [5]]]]
     function flat(arr) {
         // 补全
     }
    console.log(flat(array)) // [1, 2, 3, 4, 5]
    
  74. 写一个函数 isValidUsername(str),判断用户输入的是不是合法的用户名(长度 6-20 个字符,
    只能包括字母、数字、下划线)?

  75. 写一个函数,生成一个长度为 n 的随机字符串,字符串字符的取值范围包括 0 到 9,a 到 z,A 到 Z。

    function getRandStr(len) {
        // 补全
    }
    var str = getRandStr(10); // 0a3iJiRZap
    
  76. 写一个函数,生成一个随机 IP 地址,一个合法的 IP 地址为 0.0.0.0 ~ 255.255.255.255。

    function getRandIP() {
        // 补全
    }
    var ip = getRandIP()
    console.log(ip) // 10.234.121.45
    
  77. 下面这段代码输出结果是? 为什么?

    var flag = true;
    setTimeout(function() {
        flag = false;
    }, 0)
    while(flag) {}
    console.log(flag);
    
  78. 下面这段代码输出结果是?为什么?

    var a = 1;
    setTimeout(function() {
        a = 2;
        console.log(a);
    }, 0);
    var a ;
    console.log(a);
    a = 3;
    console.log(a);
    
0

评论区