JavaScript方面

作者：高天阳

邮箱：[e-mail]

更改历史

* 2019-08-09        高天阳     初始化文档

正则相关

// 以下哪个能 str 能和 result 匹配
result = str.replace(/^\s+|\s+$/, '') // 去除首尾空格
// str = ' a b c ', result = 'a b c'
// str = ' a b c ', result = 'abc'
// str = ' a b c ', result = 'a b c '
// str = ' a b c ', result = ' a b c'

dom 的操作，常用的有哪些，如何创建、添加、移除、移动、复制、查找节点？

• 创建 createElement()

• 添加 appendChild()

• 移除 removeChild()

• 移动 replaceChild()

• 复制 cloneNode()

• 查找节点 getElementById()、getElementsByName()、getElementsByTagName()、querySelector()、querySelectorAll()

querySelector() // 获取查找到的第一个
querySelectorAll() // 获取查找到的所有
document.querySelector("p")
document.querySelector(".example")
document.querySelector("a[target]")

作用域

var a = 10
function test(){
    console.log(a) // undefined
    var a = 20
    console.log(a) // 20
}
test() // 声明提前 赋值不提前

var a = 10
function test(){
    console.log(a) // 10
    a = 20
    console.log(a) // 20
}
test() // 内部作用域找不到向外查找

闭包

function foo () {
    var i = 0;
    return function () {
        console.log(i++)
    }
}
var f1 = foo()
var f2 = foo()
f1()    // 0
f1()    // 1
f2()    // 0
f1()    // 2

正则表达式 ^d+[^d]+ 能匹配下列哪个字符串？

• a.123

• b.123a

• c.d123

• d.123def

• e.d7d

^d+是以d字母开头并且一个或者多个d ^\d+才是是以数字开头并且一个或者多个数字 [^d]+是非d字母一个或者多个

语法问题if(0<max<35){…}问题在哪

不能使用连续比值操作

以下哪些是HTTP请求中浏览器缓存机制会用到的协议头？

• Last-Modified 标示这个响应资源的最后修改时间

• Etag web服务器响应请求时，告诉浏览器当前资源在服务器的唯一标识

• Referer 告诉服务器我来自于哪里

• Authorization 认证，http协议是无状态的，浏览器和web服务器之间可以通过cookie来身份识别, 桌面应用程序一般不会使用cookie,

  而是把 "用户名+冒号+密码"用BASE64编码的字符串放在http request 中的header Authorization中发送给服务端，来进行身份认证

关于HTTP协议头描述不正确的是()

• cookie是通过http请求正文传到服务器端

• cookie是保存在客户端的

• 服务器端可以读取客户端的所有cookie

• cookie是通过http请求报头传到服务器端

以下方案中，是不用于解决回调陷阱的是？

回调陷阱是指异步请求回调的层级嵌套，导致代码不可维护

• Promise

• Generator

• async // Generator的语法糖

• proxy

一次完整的HTTP事务过程

1. 域名解析

2. 发起TCP的3次握手

3. 建立TCP连接后发起http请求

4. 服务器响应http请求，浏览器得到html代码

5. 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等）

6. 浏览器对页面进行渲染呈现给用户

手写一个闭包

var a = function () {
    var sky = 'blue'
    var b = function () {
        console.log(sky)
    } 
    return b
}
var c = a()
c() // "blue"

require和import的区别

• 遵循规范

  • require 是 AMD规范引入方式

  • import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法

• 调用时间

  • require是运行时调用，所以require理论上可以运行在代码的任何地方

  • import是编译时调用，所以必须放在文件开头

• 本质

  • require是赋值的过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量

  • import是解构的过程，但是目前所有的引擎都还没有实现import，我们在node中使用的babel支持ES6，也仅仅转码为ES5再执行，import语法会被转码为require

import和require的区别

jQuery的$是什么，用原生js写一个链式调用

$是jQuery对象

this相关问题 apply、call、bind 部分函数、高阶函数

1. 传参不同 apply只能传数组 单个参数也需要数组包裹 call只能传单个参数

2. 当我们使用一个函数需要改变this指向的时候才会用到callapplybind

3. 如果你要传递的参数不多，则可以使用fn.call(thisObj, arg1, arg2 ...)

4. 如果你要传递的参数很多，则可以用数组将参数整理好调用fn.apply(thisObj, [arg1, arg2 ...])

5. 如果你想生成一个新的函数长期绑定某个函数给某个对象使用，则可以使用const newFn = fn.bind(thisObj); newFn(arg1, arg2...)

如何判断数组

1. Array.isArray([])

2. 使用Object.prototype.toString.call(arr) === '[object Array]'方法

3. 使用instanceof方法

4. 使用constructor方法

数组去重

1. 利用ES6 Set去重

2. 利用for嵌套for，然后splice去重

3. reduce 通过pre.includes(cur)判断

ES6新特性

1. 解构

2. 箭头函数

3. Promise和Generator

4. let const

5. for...of

6. {}

手写一个递归操作 将字符串翻转

二叉树的算法问题