14 12 月 2018 图片标签中的 alt 有什么作用? 2018-12-14 回答当图片无法加载的时候,alt 的属性值会以文字的形式替代图片显示。alt 属性是用来描述图片内容的,当图片作为背景等装饰时,alt 属性应该为空。加分回答装饰作用的图片 alt 属性应该为空网站爬虫根据其属性值来理解图片的内容,因此 alt 属性对 SEO(搜索引擎优化)来说非常重要 alt 值应以句号结尾,以提高可访问性补充网速过慢导致图片加载需较长一段时间时,在图片加载完成之前,会显示 alt
02 01 月 2019 `+` 和 `~` 选择器有什么区别? 2019-01-02 回答毗邻兄弟选择器 + 可以选择紧随元素后的所有同级元素。如:div~p 可以选择紧随 div 元素后且与其同级的 p 元素。一般兄弟选择器~可选择元素后的所有同级元素。如:p~span 将会匹配同一父元素下,p 元素后的所有 span 元素。加分回答基本元素选择器*:通用元素选择器,匹配任何元素.footer:匹配 class="footer"的所有元素#comments:匹配 id="comments
03 01 月 2019 CSS 优先级是如何计算的? 2019-01-03 回答浏览器通过优先级权重来判断 CSS 属性值与元素之间的关系:权重越高关系越密切,高权重的 CSS 属性值就会赋予到元素上。我们可以把 CSS 分为四类,每类的矩阵权重从高到底排列如下:内联样式(如:style="font-weight:bold"):[1,0,0,0]ID 选择器(如:#comments):[0,1,0,0]类选择器(如:.footer),属性选择器(如:[src$=".p
04 01 月 2019 等于操作符 `==` 和 `===` 有什么区别 2019-01-04 回答三个等号===表示严格相等,也就是说类型和值都必须相同。两个等号==会使其中一边的类型进行强制转换,使等号两边的类型都相等后再对数值进行比较。加分回答尽量使用全等操作符。因为其没有隐式转换,这样结果会比较容易预测、计算也会比较快除了等于操作符,还可以使用 Object.is 进行同值比较。他有着自己的特殊用途,不应说他更宽松或更严格于其他等于操作符附表一张 xy=====Objec
05 01 月 2019 后置递增 `i++` 和前置递增 `++i` 操作有什么区别? 2019-01-05 回答他们都会使变量增加 1,只是计算和赋值的顺序不一样。后置递增是先赋值后计算,如:leti=1;console.log(i);//输出 1leta=i++;console.log(i);//输出 2console.log(a);//输出 1 前置递增是先计算后赋值,如:leti=1;console.log(i);//输出 1leta=++i;console.log(i);//输出 2cons
07 01 月 2019 `Promise` 有哪些状态? 2019-01-06 回答 Promise 对象用于表示一个异步操作的最终状态(完成或失败)及其返回值。他有以下几种状态:pending:初始状态,完成或失败状态的前一个状态 fulfilled:操作成功完成 rejected:操作失败 pending 状态的 Promise 对象会触发 fulfilled/rejected 状态,在其状态处理方法中可以传入参数/失败信息。当操作成功完成时,Promise 对象的 then 方
07 01 月 2019 根据食谱和已有食材计算可烹饪的最大次数 2019-01-07 题目/**请按要求实现 `batches(recipe,available)` 函数:1.含有 2 个参数,第一个为食谱对象,第二个为已有食材对象 2.返回可烹饪的最大次数 3.以下代码执行时,需返回正确结果且运行过程中无异常*///return0batches({milk:100,butter:50,flour:5},{milk:132,butter:48,flour:51})batche
08 01 月 2019 实现一个功能和 `Function.prototype.bind` 相同的函数 2019-01-08 题目/**请按要求实现 `bind` 函数:以下代码执行时,需返回正确结果且运行过程中无异常*/letexample=function(){console.log(this)}constboundExample=bind(example,{a:true})boundExample.call({b:true})//{a:true}回答 bind 需接受两个参数:函数和上下文 bind 需创建一
09 01 月 2019 请举例说明什么是回调? 2019-01-09 回答回调函数作为实参传入另一个函数内,当某种事件被触发或某些任务被完成时会在外部函数内被调用,通常用于异步编程。由于回调函数会被后来的代码所调用,因此在初始化的时候应注意先声明但不调用。当特定的事件发生时,事件监听器的异步回调才会被执行。如:document.addEventListener("click",()=>{console.log("Theuserclickedonth
10 01 月 2019 如何克隆一个 JavaScript 对象? 2019-01-10 回答使用扩展运算符...可将对象自身的枚举属性复制到新对象中。但这只能进行浅拷贝,如:constobj={a:1,b:2}constshallowClone={...obj}使用这种技术将会忽略原型链。此外,嵌套对象并不会被克隆,只是复制了他们的引用,因此浅拷贝后嵌套对象和原始对象仍然指向同一个对象。加分回答克隆还可以使用以下几种方法:JSON.parse(JSON.string
11 01 月 2019 JavaScript 中如何对比两个对象? 2019-01-11 回答使用==或===对两个不同却具有相同属性及属性值的对象进行比较,他们的结果却不会相等。这是因为等号比较的是他们的引用(内存地址),而不是基本类型。为了测试两个对象在结构上是否相等,需要一个辅助函数。他将遍历每个对象的所有属性,然后测试他们是否具有相同的值,嵌套对象也需如此。当然,也可以使用参数来控制是否对原型链进行比较。注意:此代码只对普通对象、数组、函数、日期和基本类型的数
13 01 月 2019 CORS 是什么? 2019-01-12 回答 CORS(Cross-OriginResourceSharing)跨域资源共享使用额外的 HTTP 头来告诉浏览器,此站点已被授权可以访问来自服务器指定的不同域的资源。从 http://mydomain.comWeb 应用程序中使用 Ajax 请求 http://yourdomain.com 资源就是一个跨域请求的例子。出于安全考虑,浏览器会阻止 JavaScript 发起的 HTTP 跨源请求。X
13 01 月 2019 介绍事件委托及其优点,并说明如何使用? 2019-01-13 回答事件委托是将事件委托给单个共同祖先的技术,这和事件冒泡相关。事件能在 DOM 树上进行冒泡是由于每一个祖先元素依次向上直至根节点所执行的回调都可能被监听到。DOM 事件提供了关于元素的有用信息:通过 Event.target 可以获取触发事件的元素。这允许父元素像目标元素监听事件一样去处理事件,而不是去监听处理父元素的所有子元素或单独处理父元素本身。事件委托有如下优点:不仅能提高性能,
14 01 月 2019 JavaScript 的表达式和语句有什么区别? 2019-01-14 回答 JavaScript 有两种主要的语法:表达式和语句。还有一种是表达式语句,即在语句中写入表达式。可表述为:表达式:产生一个值语句:执行一个操作表达式语句:产生一个值并执行一个操作一般的经验法则:如果他有输出值或者可以把他赋值给一个变量,那么他就是一个表达式。否则就是一个声明。语句 letx=0functiondeclaration(){}if(true){}语句作为指令可以显示
15 01 月 2019 JavaScript 中的真值和假值是什么? 2019-01-15 回答一个值是真值(truthy)还是假值(falsy)具体取决于他在布尔上下文中的计算方式。假值意味着布尔上下文中转换后为假的值,真值意味着布尔上下文中转换后为真的值。本质上,当他们在执行某些操作时他们就会被强制转换为 true 或 false。JavaScript 中有以下 6 个假值:falseundefinednull"":空字符串 NaN0:包含-0 和 +0 除上面以外的其他所有值都被认为
16 01 月 2019 生成一个包含 n 项的斐波那契数列 2019-01-16 回答初始化一个长度为 n 的空数组。使用 Array.prototype.reduce()将计算结果添加到数组中。计算结果为最后两个值相加之和,应注意前两个值除外。constfibonacci=n=>[...Array(n)].reduce((acc,val,i)=>acc.concat(i>1?acc[i-1]+acc[i-2]:i),[])返回总目录每天 30 秒
18 01 月 2019 `0.1 + 0.2 === 0.3` 的计算结果是什么? 2019-01-17 回答他的计算结果为 false,因为 JavaScript 中的 Math 遵循 IEEE754 标准使用了 64 位的浮点数。简言之:计算机使用二进制来存储小数,而大部分小数转换成二进制后都是无限循环的值,因此需要进行取舍,这样一来在进行十进制计算时就会导致精度丢失。0.1+0.2//0.30000000000000004 要解决精度问题,可以通过以下函数对误差进行忽略:constapproxEq
18 01 月 2019 数组方法 `map()` 和 `forEach()` 有什么区别? 2019-01-18 回答这两种方法都是对数组中的元素进行迭代。map()通过每个元素的回调函数将其映射到新的元素上,最终返回一个新的数组。forEach()虽然也为每一个元素准备了回调函数,但却不返回新的数组。forEach()在每一次迭代的使用中都会产生副作用,因此 map()是编程技术中常用的方法。加分回答如果你需要迭代一个数组,使其本身发生变化且不需要返回一个新数组时,可以使用 forEach()
19 01 月 2019 变量提升 2019-01-19 问题下列代码会输出什么?varfoo=1varfoobar=()=>{console.log(foo)varfoo=2}foobar()回答由于变量提升(Hoisting),局部变量 foo 将会在调用 console.log 方法之前进行声明。也就是说,作为参数传递给 console.log()的局部变量 foo 替代了在函数外部声明的全局变量。但是变量初始化(赋值)并不会被提升,因此输出为
20 01 月 2019 提升在 JavaScript 中是如何工作的? 2019-01-20 回答提升是 JavaScript 的一种机制,在编译阶段任意位置的变量和函数声明都会被放入内存中。也就是说不论函数和变量在何处被声明,他们的作用域是全局的还是局部的,他们的声明都会移动到作用域的顶部。这里需要注意的是,他们的初始化并不会被提升。因此如下等同的两段代码片断都将输出 undefinedconsole.log(hoist)//undefinedvarhoist="value"