前端基础巩固

1. Javascript中用哪个关键字表示不存在的值？
关键字null：当我们想让已经定义的变量有有效值，但是不具有任何有效值，就可以把null赋给变量。
对于数值来说，null就相当于0；对于字符串来说，null就像当于空字符串""；对于布尔值来说，null就是false。
对于关键字undefined，严格意义上来说，undefined不是关键字，而是JavaScript预定义的全局变量，当你在代码中定义某个变量已经在下面语句中使用，但是却没有赋予任何值时，它的值不是0也不是null,而是undefined，表示JavaScript不识别它
2. Javascript中null是一个对象吗？
是
3. Javascript中把JSON对象转为字符串的函数是？
JSON.stringfy()

4. 列出Javascript的五种基础数据类型。
number string boolean function undefined
对象类型：object

5. Javascript中判断数据类型的方法是？
a、最常见的判断方法：typeof
b、判断已知对象类型的方法： instanceof
alert(c instanceof Array) ---------------> true
alert(d instanceof Date)
alert(f instanceof Function) ------------> true
alert(f instanceof function) ------------> false
注意：instanceof 后面一定要是对象类型，并且大小写不能错，该方法适合一些条件选择或分支。
c、根据对象的constructor判断： constructor
d、通用但很繁琐的方法： prototype
e、无敌万能的方法：jquery.type()
6. Javascript中移除两边空格的方法是？
function trim(str){ //删除左右两端的空格
　　 return str.replace(/(^\s*)|(\s*$)/g, "");
　　 }
　　 function ltrim(str){ //删除左边的空格
　　 return str.replace(/(^\s*)/g,"");
　　 }
　　 function rtrim(str){ //删除右边的空格
　　 return str.replace(/(\s*$)/g,"");
　　 }
7. Javascript中用什么方法将元素追加到数组后面？
push -- 后
unshift -- 前
8. div, span, h1, p, a上述标签哪些是块级元素？
div, h1, p,
9. 根据id获取元素的原生Javascript方法是什么？
document.getelementbyId()
10. 列出HTTP协议中的四种请求方法。
grt/post/delete/put

11. video标签用什么属性进行预加载？
preload
12. CSS的基础语句构成是？
属性：属性值
13. ES6中对象合并的方法是什么？
assign
14. Javascript中把字符串转换为大写的方法是？
toUpperCase
-----
toLowerCase 转换为小写
concat 连接字符串
slice 截取字符串
charAt 给索引查字符
indexOf 给字符查索引
15. Webpack中通过哪个加载器完成ES6到Javascript的编码转换？
babel-loader
16. React中可以在哪个生命周期中止渲染函数的执行？
shouldComponentUpdate
17. 【子选择器、id选择器、标签选择器、属性选择器、后代选择器】对上述选择器进行优先级排序。
第一等：代表 内联样式，如: style=””，权值为:1000。
第二等：代表 ID选择器，如：#content，权值为:0100。
第三等：代表 类，伪类和属性选择器，如: .content , :hover , [type="text"] 权值为:0010。
第四等：代表 标签选择器和伪元素选择器，如: p ，::first-line 权值为:0001。
通配符、子选择器、相邻选择器等的。如: *、>、+,权值为:0000。
继承的样式没有权值，通配选择器定义的规则优先级高于元素继承过来的规则的优先级。
最后比较特殊的一个标志!important（权重），它没有特殊性值，但它的优先级是最高的，为了方便记忆，可以认为它的特殊性值为1,0,0,0,0。
17. Less通过什么关键字导入其它样式文件？
@import
18. React通过哪个属性来保证同级元素的唯一性？
key
19. Javascript通过什么指令启动严格模式？
use strict
20. 下列代码的输出结果是什么？

const fn = arr => [].concat(...arr.map(v => Array.isArray(v) ? fn(v) : v))

fn([[2],[3],[[4], 2],1])

 [2, 3, 4, 2, 1]

21. 下列代码的输出结果是什么？

const fn = (arr, nth) => arr.filter((e, i) => i % nth === 0)

fn([1, 3, 4, 5, 6], 2)
[1, 4, 6]

22. 下列代码的输出结果是什么？

const fn = (a, b) => Array.from(new Set([...a, …b]))

fn([1, 2, 3], [4, 3, ”2”])
----------------------------------
var set = new Set([1, 2, 3, 4, 4]);
[...set]
// [1, 2, 3, 4]
-------------------------------
console.log(Array.from('foo'));
// expected output: Array ["f", "o", "o"]

console.log(Array.from([1, 2, 3], x => x + x));
// expected output: Array [2, 4, 6]

23. 下列代码的输出结果是什么？

const fn = (a, b) => {
const s = new Set(b)
return a.filter(x => s.has(x))
}

fn([1, 2, 3], [4, 3, 2])
//[2, 3]

24. 下列代码的输出结果是什么？

const fn = (arr, i) => [
...arr.slice(i),
...arr.slice(0, i),
]

fn([1, 2, 3, 4, 5], 2)
//[3, 4, 5, 1, 2]

转载于:https://www.cnblogs.com/hui-house/p/10038185.html