笔试试卷1(b站)

同源策略

所谓同源，是指协议、域名、端口相同。
浏览器处于安全方面的考虑，只允许本域名下的接口交互，不同源的客户端脚本在没有明确的授权情况下不能读写对方的资源。

• 什么是协议、域名、端口？

栗子：假如一个网址是http://baidu.com:8080?user=name&pwd=password
http://是协议(协议有http协议和https协议)
baidu.com是域名(加上www不是域名)
8080是端口
user=name&pwd=password是参数

原题：

• 同源策略分为以下两种

1. DOM同源策略：禁止不同源页面DOM进行操作。防止不同域的iframe之间可以相互访问。
2. LHttpRequest 同源策略：禁止使用XHR对象向不同源的服务器地址发起HTTP请求。防止CSRF(跨站请求伪造)攻击。

• 跨域解决方法

1. CORS(跨域资源共享)
2. JSONP跨域

DOMContentLoaded和load

DOMContentLoaded：DOM内容加载完毕，也就是HTML文档被加载和解析完成。

load：页面上所有的资源(图片、音频视频等)被加载以后才会触发load事件。
原题：

- 补充：[浏览器渲染原理]

https://blog.csdn.net/weixin_44030736/article/details/104393892

块级标签和行内标签

CSS选择器权重

原题：

盒子模型

盒尺寸：设置box-sizing: content-box / border-box / padding-box
盒子模型：https://blog.csdn.net/weixin_44030736/article/details/89851846
原题：

伪类和伪元素

伪类：表示已经存在的某个元素处于某种状态
伪元素：创建一些不存在原有DOM结构树的元素

移位运算符

符号	功能	补位
>>	有符号右移	正补0，负补1
>>>	无符号右移	正负皆补0，且结果必为正数

注意：右操作数应小于32，不小于32时，实际的右移位数为d=d%32(d为右操作数)

原题：-1 >>> 32 的值为
解析：本题中右操作数为32，故实际的右移位数为32%32=0，相当于没有移动。故-1的二进制就是结果。
-1的二进制为1的二进制加1
1的二进制为0000 0000 0000 0000 0000 0000 0000 0001
-1的二进制为1111 1111 1111 1111 1111 1111 1111 1111
为了便于表示，先进行+1得到1 0000 0000 0000 0000 0000 0000 0000 0000，即2^32，再-1得到 2^32-1。故答案就是 2^32-1。

关系运算符

用于进行比较的运算符称作为关系运算符：小于(<)、大于(>)、小于等于(<=)、大于等于(>=)、相等(==)、不等(!=)、全等(恒等)(===)、不全等(不恒等)(!==)

当关系运算符操作非数值时要遵循以下规则：

1. 两个操作数都是数值，则数值比较;
2. 两个操作数都是字符串，则比较两个字符串对应的字符编码值;
3. 两个操作数有一个是数值，则将另一个转换为数值，再进行数值比较;
4. 两个操作数有一个是对象，则先调用valueOf()方法或toString()方法，再用结果比较;

例题：[1 < 2 < 3, 3 < 2 < 1]()结果为
1 < 2：true
true < 3：true( true转换为1)
3 < 2：false
false < 1：true(false转换为0)
故答案为[true, true]

map和parseInt

1.map函数
将数组中的元素遍历的调用函数执行，返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。

array.map(function(currentValue, index, arr),thisIndex)

参数说明：

参数	描述
function(currentValue, index, arr)	必须。数组中的每个元素都会执行这个函数。
currentValue	必须。当前元素的值。
index	可选。当前元素的索引。
arr	可选。当前元素属于的数组对象。
thisIndex	可选。对象作为该执行回调时使用，传递给函数，用作”this“的值。

let array = [1, 2, 3];
let newArray = array.map(func)
function func(e){
	console.log(arguments) 
	return e*e
}
console.log(newArray)  //[1, 4, 9]

arguments是函数运行时的实参列表，打印结果如下

2.parseInt函数
解析一个字符串，返回一个整数。

parseInt(string, radix)

参数说明：

参数	描述
string	必选。被解析的字符串。
radix	可选。表示要解析的数字的基数，该值介于2~36之间。如果省略该参数或其值为 0，则数字将以 10 为基础来解析；如果它以 “0x” 或 “0X” 开头，将以 16 为基数；如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。

['1','2','3'].map(parseInt)的结果分析：

parseInt(‘1’,0);radix 为 0，parseInt() 会根据十进制来解析，所以结果为 1；
parseInt(‘2’,1);radix 为 1，超出区间范围，所以结果为 NaN；
parseInt(‘3’,2);radix 为 2，用2进制来解析，应以 0 和 1 开头，所以结果为 NaN；
所以结尾为[1, NaN, NaN]

JS执行机制

详细文章：https://blog.csdn.net/weixin_44030736/article/details/104325523
原题：

console.log(1);
setTimeout(() => {console.log(2)}, 0);
console.log(3);
Promise.resolve(4).then(b => {
console.log(b);
});
console.log(5);

//1 3 5 4 2

Math对象的方法

方法	描述
abs(x)	返回数的绝对值
ceil(x)	对数进行上舍入
floor(x)	对数进行下舍入
max(x,y)	返回最高值
min(x,y)	返回最低值
random()	返回0-1之间的随机数
round(x)	把数四舍五入为最接近的整数
valueOf()	返回Math对象的原始值

原题：
Math.abs(-6.666)的结果是多少?
结果：6.666

replace方法

1.replace方法：返回一个新的字符串

stringObject.replace(regexp/substr,replacement)

参数	描述
regexp/substr	必须。字符串或RegExp对象。
replacement	必须。字符串，规定替换文本。

正则表达式：https://blog.csdn.net/weixin_44030736/article/details/102655353

数组方法

1.slice()方法

截取数组一部分，返回一个新的数组，不改变原数组。

arrayObject.slice(start,end)

参数	描述
start	必须。规定从何处开始选取。【如果是负数，那么它规定从数组尾部开始算起的位置。】也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。【如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。】

原题：

2.filter() 方法
创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

array.filter(function(currentValue,index,arr), thisValue)

3.find()方法
返回通过测试（函数内判断）的数组的第一个元素的值。

array.find(function(currentValue, index, arr),thisValue)

编程题

1. 找出有序数组（从小到大排列）中和为sum的两个数，要求复杂度为O(n)，找到一组即可

function find(arr,sum){
    let length = arr.length
    var res = ''
    for(var i=0;i<length-1;i++){
      for(var j=i+1; j<length;j++){
        if(arr[i]+arr[j]===sum){
            break
        }
      }
      if(arr[i]+arr[j]===sum){
        res = arr[i]+' '+arr[j]
        break
      }
    }
    if (res) {
        return res
    } else {
        return 'nofound'
    }
}

2. 判断由"()[]{}"6种括号组成的字符串是否合法
   (1)所有括号必须闭合
   (2)左括号必须在正确的位置闭合

var isValid = function(s) {
   var str = []
    var m = new Map()
    m.set(")","(")
     .set("]","[")
     .set("}","{")
    for(var i=0; i<s.length; i++){
        if (!m.has(s[i])) {
          str.push(s[i])
        } else {
            if(m.get(s[i]) !== str.pop()){
                return false
            }
        }
    }
    return str.length == 0
};

3. 有n级台阶，每一步可以走1级或2级，问一共有多少种走法?