前端试题-自评自测

前端试题-自评自测 1. JavaScript 基础知识 在 JavaScript 中，常用的数据类型有数字、字符串、布尔、数组、对象、Null、Undefined 等。typeof 操作符可以用来判断一个变量的数据类型，返回的结果有 number、string、object、boolean、undefined 等。 2. JavaScript 函数 在 JavaScript 中，函数也是一个对象，使用 typeof 操作符判断一个函数，返回的结果是 "function"。在第 2 题中，执行结果输出 undefined，是因为在执行 console.log(typeof fn) 时，fn 还没有被定义。 3. 判断数组类型 判断一个对象是否为数组类型，可以使用 instanceof 操作符，例如：`arr instanceof Array`，如果 arr 是一个数组类型，返回 true。 4. 获取当前时间戳 获取当前时间戳，可以使用 Date 对象的 getTime() 方法，例如：`var timestamp = new Date().getTime()`。 5. 布尔值判断 在 JavaScript 中，'0' 等于 false，是因为在布尔值判断中，'0' 被认为是 false。 6. 闭包 在第 6 题中，执行的结果是 5，是因为在 for 循环中，使用了闭包，闭包可以捕获变量的值，并在后续执行时使用这些值。 7. this 指针 在 JavaScript 中，this 指针的指向可以变化，例如在第 7 题中，this 指针指向的是 window 对象。 8. 数组去重 数组去重可以使用多种方式实现，例如使用 Set 对象、filter() 方法、forEach() 方法等。 9. 存储机制 cookies、sessionStorage 和 localStorage 都是浏览器的存储机制，cookies 可以在服务器和客户端之间传递，sessionStorage 和 localStorage 只能在客户端存储数据。 10. 显示和可见性 display:none 和 visibility:hidden 都可以隐藏元素，但是 display:none 会使元素不占用空间，而 visibility:hidden 会占用空间。 11. 盒模型 box-sizing 属性可以设置盒模型的计算方式，例如 border-box、content-box 等，通常设置为 border-box，以便更好地计算盒模型的尺寸。 12. 函数调用 call 和 apply 都可以用来调用函数，但是它们的参数传递方式不同，call 方法传递参数时，需要一个一个地传递，而 apply 方法可以传递一个数组。 13. 深复制对象 可以使用递归方式或使用 JSON.parse(JSON.stringify(obj)) 方法来深复制一个简单的对象。 14. 数组扁平化 可以使用递归方式或使用 Array.prototype.flat() 方法来将一个多维数组扁平化。 15. CSS 选择器 在第 15 题中，div2 的背景色是 green，因为在 CSS 选择器中，.color-2 选择器的优先级高于 .color-1 + .color-2 选择器。 16. CSS 选择器 在第 16 题中，div1 的背景色是 red，因为在 CSS 选择器中，.container > div:first-child 选择器的优先级高于 .container > div 选择器。 17. jQuery jQuery 是一个 JavaScript 库，提供了选择器、事件处理、动画等功能。 jQuery 的选择器有很多，例如：$('#id'), $('.class'), $('tag') 等。 18. angular angular 是一个 JavaScript 框架，提供了依赖注入、模板语言、双向数据绑定等功能。依赖注入是指在组件之间传递依赖项的过程。可以使用 angular 构造出一棵树，例如使用 ng-repeat 指令来渲染树形结构。watch 对象数组是用来监视对象的变化的，可以使用 $watch() 方法来监视对象的变化。