第一套寒假作业

第一套寒假作业

• 出题时间：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);