NetWork_基础 01

2022-08-22  本文已影响0人  IFu的简书

1、企微分享功能流程？

2、http和https区别？

https是http的安全版本，也叫超文本安全传输，https是有加密传输协议的通道，并且SSL提供了安全加密基础，https主要是用于http的传输，并且在HTTP与TCP之间有一个特殊的加密/身份验证。

3、什么是埋点，是否处理过？

4、nextTick()

5、prototype 继承，原型链

所有的 JavaScript 对象都会从一个 prototype（原型对象）中继承属性和方法。

function Person(first, last, age, eye) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eye;
}

Person.prototype.name = function() {
    return this.firstName + " " + this.lastName
};

var myFather = new Person("John", "Doe", 50, "blue");
document.getElementById("demo").innerHTML = "我的父亲是 " + myFather.name();

6、new Promise()

var p = new Promise((resolve,reject)=>{
        setTimeout(function(){
            var count = 0;

            if(count){
                resolve( count );
            }else{
                reject( count );
            }
        },1000)
});

p.then(res=>{           //异步调用
    console.log(res);   
},err=>{
    console.log(err)     
})

console.log(1);     //比then先执行，也就证明then是异步调用

7、数组去重

8、vuex状态管理器

mutations 也是一个对象，这个对象里面可以存放改变state 的初始值的方法，且为同步操作；（commit提交，this.store.commit()和mapMutation两种） actions 是异步操作，通常我们可以调用接口信息。（dispatch触发,this.store.actions和dispatch两种）

9、 pop 、 push 、shift 、 unshift 、 slice 、 splice

修改删除数组方法

pop() —— 删除数组中的最后一个元素，并返回这个元素（无参数）
push() —— 添加到数组中的最后一个元素
shift() —— 删除数组的第一个元素, 并返回这个元素（无参数）
unshift()——方法可向数组的开头添加一个或更多元素，并返回新数组的长度
array.slice(start, end)，截取数组，不修改原数组
array.splice(index, howmany, item1, …, itemX);截取数组，修改原数组

10、loadsh -- 封装的js库

11、sessionStorage、localStorage、cookie 区别？

cookie.setMaxAge(0);//不记录cookie
cookie.setMaxAge(-1);//会话级cookie，关闭浏览器失效
cookie.setMaxAge(60*60);//过期时间为1小时

session：仅在浏览器关闭前有效。
local：永久有效，除非手动清除

12、vue 生命周期

created，mounted，beforedestory,destoryed

13、CSS垂直居中的8种方法

14、echarts可视化图表库

15、Redux 是和react使用的，状态管理器

state、effect(action)、reducer

16、css 选择器：类、id，属性，伪类元素

17、async 和 await

async返回的是一个promise对象
async声明一个异步方法，await 等待异步执行。
await就是等待这个promise的返回结果后，再继续执行
await 等待的是一个Promise对象，后面必须跟一个Promise对象，但是不必写then()，直接就可以得到返回值

18、防抖节流 debounce, throttle

  • 防抖 （多次触发 只执行最后一次）
    高频率触发的事件，在指定的单位时间内，只响应最后一次，如果在指定的时间内再次触发，则重新计算时间。
    防抖的应用场景：
    i. 登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖.
    ii. 调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖
    iii. 文本编辑器实时保存，当无任何更改操作一秒后进行保存
  • 节流 （规定时间内 只触发一次）
    高频率触发的事件,在指定的单位时间内，只响应第一次。
    节流的应用场景:
    i. 鼠标连续不断地触发某事件（如点击），单位时间内只触发一次；
    ii. 监听滚动事件，比如是否滑到底部自动加载更多，用throttle来判断。例如：懒加载；
    iii. 浏览器播放事件，每个一秒计算一次进度信息等

19、get 和 post 区别

20、构造函数的使用

构造函数一般首字母会大写，为了和普通函数区分。
构造函数的属性和方法前必须加this关键字，指代要生成的对象
总结：
一个构造函数可以通过new创建多个实例对象
创建构造函数时，里面的属性和方法前必须加this
构造函数不需要return 就可以返回结果

function Dog(){}
var d1 = new Dog();
var d2 = Dog();

 function Dog(){}
  var d1 = new Dog();
  var d2 = new Dog;

function Dog(){
      console.log(this);
  }
  var d1 = new Dog();// this => d1
  var d2 = new Dog();// this => d2
上一篇 下一篇

猜你喜欢

热点阅读