前端每日一题笔记收集

在元素input中，若未定义name的属性，在后台获取了填入该input中的值么？

• 后台确实获取了该元素的值，但是不知道该怎么用，不会在后台中显示出来

使用一个box-shadow和多个box-shadow在样式展现上有什么区别么？为什么要使用多个？

• 叠加，效果好看

a标签的download属性是做什么?

• 此属性指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件。
• <a href="./img/img01.jpg" download="dog.jpg">下载图片</a>
• 参考MDN

form标签的method属性是做什么的？有哪些取值？

• 用来设置提交表单的方式，常见的取值有get和post
• 参考MDN

ruby标签是做什么？

• 用来展示东亚文字注音或字符注释
• 参考MDN

    <ruby>
        明 日 <rp>(</rp><rt>ming ri</rt><rp>)</rp>
    </ruby>
  

HTML标签的tabindex属性是做什么的？它的值为正、为负、为零时分别表示什么意思？

• 指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航（通常使用Tab键，因此得名）。
• tabindex=负值 (通常是tabindex=“-1”)，表示元素是可聚焦的，但是不能通过键盘导航来访问到该元素，用JS做页面小组件内部键盘导航的时候非常有用。
• tabindex="0" ，表示元素是可聚焦的，并且可以通过键盘导航来聚焦到该元素，它的相对顺序是当前处于的DOM结构来决定的。
• tabindex=正值，表示元素是可聚焦的，并且可以通过键盘导航来访问到该元素；它的相对顺序按照tabindex 的数值递增而滞后获焦。如果多个元素拥有相同的 tabindex，它们的相对顺序按照他们在当前DOM中的先后顺序决定。
• 参考MDN

HTML中的【空元素】是什么？

• 一个空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element
• 没有闭合的标签，如<br> 、<input>、<img>等，称为空元素
• 参考MDN

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maxinum-scale=1, user-scalable=no">这是手机淘宝页面的代码，请问其作用是什么？其中content中五个字段分别是什么意思？

• 作用是设置 viewport 视口。
  width=device-width意思是视口宽度等于设备宽度。
  initial-scale=1 意思是初始缩放为1.
  minimum-scale=1 是最小缩放为1.
  maximum-scale=1是最大缩放为1
  user-scalable=no 是不允许用户缩放。

CSS选择器a.item:hover+ul{display: block;}是什么意思？

• 意思是当类为 item的a 标签被 hover 时，它同级后面的 ul标签样式为 display: block

CSS选择器[title^=i]匹配什么样的元素？

• 匹配所有title属性值以i开头的元素

CSS选择器:not(div):not(span)匹配什么样的元素？

• 匹配div和span以外的所有元素

#one {position: sticky ; top: 10px;}会有什么效果？

• 参考MDN
• 单词sticky的中文意思是“粘性的”，position:sticky表现也符合这个粘性的表现。基本上，可以看出是position:relative和position:fixed的结合体——当元素在屏幕内，表现为relative，就要滚出显示器屏幕的时候，表现为fixed。具体点击这里

JS的数据类型有哪7个？

• number、string、bool、undefined、null、symbol、object

JS的falsy值有哪5个？

• 0、NaN、''、null、undefined

var、let、const的区别是什么？

• var 声明的变量属于函数作用域，let 和 const 声明的变量属于块级作用域;
• var 存在变量提升现象，而 let 和 const 不存在变量提升；
• var 变量可以重复声明，而在同一个块级作用域，let变量不能重新声明，const 变量不能修改。

const a = {name: 'a'}; const b = a; b.name = 'b';请问现在a.name的值是多少？为什么？

• 值是b，因为b和a引用了同一个对象，改变b.name的值就会改变a.name的值

const fn = ()=>{console.log(this)}; fn.call("hi"),请问打印出来的this的值是什么？为什么？

• this的值是window,因为箭头函数里面的this就是外面的this，而外面的this默认是window

function fn(){}; fn.a = 'aaa'，为什么fn上可以添加a属性?

• 因为函数也是一种对象

let name = 'x'; let obj = {name: 'y'}，请问obj[name]是多少？

• undefined
• 因为 1. obj[name]等价于obj['x'] 2. obj['x']不存在，为undefined，所有obj[name]为undefined
• 如果要访问y,则应使用obj.name或obj['name']，这两种写法才是等价的

function fn(){return '返回值'}，请问fn和fn()的区别是什么？

• fn是函数名，是一个纸箱一块内存空间的指针，里面存储的是一段代码的地址
• fn()是执行fn这个地址执行的代码片段得到执行结果
• fn是一个引用函数(不调用),fn()是调用一个函数得到返回值(调用了)，本题中fn()等价于'返回值'，是一个字符串

function f1(f2){ f2() } ,请问一般应该如何调用f1,给出代码示例

• 给f1传一个函数即可：
• f1(function(){console.log(1)})
• f1(()=>{console.log(2)})
• let f2 = function(){}; f1(f2)

function f3(){ setTimeout( ()=>{return 123} )},问f3的返回值是多少？

• undefined
• 因为 f3 没有 return，默认返回 undefined。setTimeout 里面的 return 是箭头函数的 return，跟 f3 无关。
• 如果函数体内没有return 语句，那么函数默认返回undefined；若函数体内有return语句，那么返回return后面的值，若return语句后面没有跟东西，也返回undefined.

functon fn(){},请问fn()和new fn()有什么区别？

• fn() 返回 undefined， new fn() 返回一个用 fn 初始化的对象
• 参考链接

如何让一个对象a的proto属性指向另一个对象b,代码中不能使用proto,因为这不是一个标准属性。

1.  a=Object.create(b)
2. temp = function(){};
   temp.prototype =  b;
   a =  new temp();

super关键字的做什么用的？

• super可以用来调用父类的构造方法或静态方法。在子类的构造方法中调用时，需要用在this前面

mixin是什么？

React的class组件和函数组件有什么区别？
主要区别：
一、class 组件主要用 class 和生命周期，函数组件用函数和 hooks API
二、其他参考 https://zhuanlan.zhihu.com/p/62767474

Webpack loader和plugin的区别？