猫眼

  1. var变量提升,函数声明提升,消除变量声明提升(let);
  2. 高阶函数,函数式的编程,柯里化
  3. 原型链继承,js面向对象的继承和java面向对象的区别
  4. es6常用数组方法,reduce作用,reduceright,map,filter
    https://www.jianshu.com/p/e375ba1cfc47
    5.promise理解,三种状态,初始new一个promise,立即执行吗?promise有啥缺点吗,浏览器fetch和xmlhttprequest发送ajax请求有啥区别吗
    xmlhttprequest的理解,怎么取创建一个请求,
    https://www.cnblogs.com/libin-1/p/6853677.html
    xmlhttprequest.onprogress,上传大体积文件,进度条
    https://www.cnblogs.com/tianyuchen/p/5594641.html
  5. ajax上传大型体积的文件的实现:ArrayBuffer,文件切片后台通讯,上传到哪个文件。
  6. 跨域的方法:cors,jsonp实现原理,jsonp回调函数放在哪个作用域下(全局作用域/闭包/函数内)
  7. script defer和async
  8. 输入页面到渲染出页面过程
  9. 浏览器缓存,协商缓存和强缓存
  10. express框架
  11. get请求和head请求区别
    13.网络:IP分层,TCP三次握手和四次挥手,
    14.页面优化方式
  1. 高阶函数,函数式编程,柯里化

把函数作为参数传入,这样的函数称为高阶函数,函数式编程就是指这种高度抽象的编程范式。

  1. 函数式编程:虽然也可以归结到面向过程的程序设计,但其思想更接近数学计算。就是一种抽象程度很高的编程范式,纯粹的函数式编程语言编写的函数没有变量,因此,任意一个函数,只要输入是确定的,输出就是确定的,这种纯函数我们称之为没有副作用。

函数式编程的一个特点就是,允许把函数本身作为参数传入另一个函数,还允许返回一个函数!

函数是Python内建支持的一种封装,我们通过把大段代码拆成函数,通过一层一层的函数调用,就可以把复杂任务分解成简单的任务,这种分解可以称之为面向过程的程序设计。函数就是面向过程的程序设计的基本单元。

  1. 高阶函数:既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。
    柯里化:函数柯里化是把接受多个参数的函数变换成一个接受一个单一参数的函数,并且返回接受余下的参数而且返回结果的新函数的技术。
  1. js面向对象的继承和java面向对象的区别
  1. es6常用数组方法,reduce作用,reduceright,map,filter

reduce:首先明确reduce参数(callback,初始值),初始值为回调函数的第一个值,reduce可以用来j计算数组中元素出现的个数,数组去重,数组降维,对象属性求值。涉及到其他的数组方法,concat,includes
https://www.jianshu.com/p/e375ba1cfc47
reduceRight() :从数组的末尾向前将数组中的数组项做累加。其他同reduce一样。

map:
定义:对数组中的每个元素进行处理,得到新的数组;
特点:不改变原数组;
map()方法使用return,进行回调;其他方法可不需要。
map()方法直接对数组的每个元素进行操作,返回相同数组长度的数组;其他方法可扩展数组的长度。

Array.of Array.from区别
Array.of将参数中的所有值作为元素形成数组;Array.from将类数组和可迭代对象转换为数组。Array.of基本上可以用来替代Array()或newArray(),并且不存在由于参数不同而导致的重载.
https://blog.csdn.net/weixin_30684743/article/details/95337621

数组方法:

  1. 创建数组缓冲区:ArrayBuffer;
  2. 嵌套数组转一维数组:flat,flatMap()
console.log([1 ,[2, 3]].flat()); // [1, 2, 3]
// 指定转换的嵌套层数
console.log([1, [2, [3, [4, 5]]]].flat(2)); // [1, 2, 3, [4, 5]]
// 不管嵌套多少层
console.log([1, [2, [3, [4, 5]]]].flat(Infinity)); // [1, 2, 3, 4, 5]
// 自动跳过空位
console.log([1, [2, , 3]].flat());

// [1, 2, 3] flatMap() 先对数组中每个元素进行了的处理,再对数组执行 flat() 方法。 // 参数1:遍历函数,该遍历函数可接受3个参数:当前元素、当前元素索引、原数组 // 参数2:指定遍历函数中 this 的指向 console.log([1, 2, 3].flatMap(n => [n * 2])); // [2, 4, 6]

  1. includes:数组是否包含值
注意:与 Set 和 Map 的 has 方法区分;Set 的 has 方法用于查找值;Map 的 has 方法用于查找键名。

// 参数1:包含的指定值
[1, 2, 3].includes(1);    // true
// 参数2:可选,搜索的起始索引,默认为0
[1, 2, 3].includes(1, 2); // false
// NaN 的包含判断
[1, NaN, 3].includes(NaN); // true

4.entries,keys,values,find,fill

  1. script defer和async

defer
如果script标签设置了该属性,则浏览器会异步的下载该文件并且不会影响到后续DOM的渲染;
如果有多个设置了defer的script标签存在,则会按照顺序执行所有的script;
defer脚本会在文档渲染完毕后,DOMContentLoaded事件调用前执行。
async
async的设置,会使得script脚本异步的加载并在允许的情况下执行
async的执行,并不会按着script在页面中的顺序来执行,而是谁先加载完谁执行。

https://www.cnblogs.com/jiasm/p/7683930.html

10.浏览器缓存,协商缓存和强缓存

https://www.jianshu.com/p/54cc04190252

  1. get请求和head请求区别

HEAD请求常常被忽略,但是能提供很多有用的信息,特别是在有限的速度和带宽下。主要有以下特点:

1、只请求资源的首部;
2、检查超链接的有效性;
3、检查网页是否被修改;
4、多用于自动搜索机器人获取网页的标志信息,获取rss种子信息,或者传递安全认证信息等

HEAD方法:它与GET方法几乎是一样的,对于HEAD请求的回应部分来说,它的HTTP头部中包含的信息与通过GET请求所得到的信息是相同的。利用这个方法,不必传输整个资源内容,就可以得到Request-URI所标识的资源的信息。该方法常用于测试超链接的有效性,是否可以访问,以及最近是否更新。

14.页面优化方式

减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化
https://www.cnblogs.com/xiaohuochai/p/9178390.html

你可能感兴趣的:(猫眼)