JS

• 懒加载，预加载

1. 概念：
   懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。
   预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。
2. 区别：
   两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。

• this , $(this)

jquery时，就用$(this); 原生JS时，就用this
后者是对象，前者是DOM节点

• 冒泡算法，数组去重
• 闭包，作用域链
• 数据类型（7种）

1. 字符串
2. 数字
3. 布尔
4. 数组
5. 对象
6. Null
7. Undefined

• 原型（Prototype）链，继承
• JS单线程还是多线程
• 箭头函数
• 常用的DOM操作，新建、添加、删除、移动、查找（原生js版， jquery版）
• DOM的默认事件、事件模型、事件委托、阻止默认事件、冒泡事件的方式
• 对HTTP协议的理解
• Ajax的常用操作，JS跨域的实现原理
• 前端静态化，对前后端分离的看法（链接1，链接2）
• 数组的增删改查
• 检测属性是否存在（ hasOwnProperty）
• 解决前端跨域，跨域产生的原因
• JS 事件委托
• 函数节流（ 链接1，链接2）
• 设计模式
• JS加密
• 跨域有哪些方法
• 一个数组里筛选出重复的值
• HTTP错误码含义

100 表示已收到请求的第一部分,正在等待其余部分。
200 服务器已成功处理了请求
300 （多种选择） 针对请求，服务器可执行多种操作
400 （错误请求） 服务器不理解请求的语法
500（服务器内部错误） 服务器遇到错误，无法完成请求。
600 源站没有返回响应头部,只返回实体内容

• ajax和jsonp的区别

1、ajax的核心是通过xmlHttpRequest获取非本页内容、
2、jsonp的核心是动态添加script标签调用服务器提供的js脚本

• $.ajax简单版

    $(function(){
        $('send').click(() => {
            $.ajax({
                type:'GET',
                url:'test.json',
                data:data,
                dataType:'json',
                success:function(data){}
            })
        })
    })

• echarts的使用方式

1、npm 安装
2、script标签引入

• promise

• this （ 链接1，链接2）

• svg

可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。

• 字符串转对象 JSON.parse(str)。对象转字符串 JSON. stringify(str)

• call和apply的区别

*apply()方法*/
function.apply(thisObj[, argArray])
apply：最多只能有两个参数——新this对象和一个数组argArray。

/*call()方法*/
function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);
call：它可以接受多个参数，第一个参数与apply一样，后面则是一串参数列表。

• react如何向父节点传参