晴天style-CSDN博客

原创面试常问的js里map和set的区别

一、Set的简介Set类似于数组，但是它里面每一项的值是唯一的，没有重复的值，Set是一个构造函数，用来生成set的数据结构。let s = new Set();let arr = [2, 3, 5, 4, 5, 2, 2];arr .forEach(item => arr.add(item)); //向set添加重复的值for (let i of s) { console...

2019-03-08 13:39:11 5276 3

原创模拟js中的call、apply和bind的实现

一、call和apply的特点可以改变我们当前函数的this指向还会让当前函数执行var person = { value : 1 } function bar() { console.log(this.value) } // 如果不对this进行绑定执行bar() 会返回undefined,this指向window bar.call(person) //...

2019-03-07 00:59:43 113

原创最新前端面试题攻略

一、html和css部分1、如何理解CSS的盒子模型？每个HTML元素都是长方形盒子。（1）盒子模型有两种：IE盒子模型、标准W3C盒子模型；IE的content部分包含了border和pading。（2）标准W3C盒模型包含：内容(content)、填充(padding)、边界(margin)、边框(border)。2、用纯 CSS 创建一个三角形的原理是什么？把上、左...

2019-03-06 15:56:07 198

原创 js实现深拷贝和浅拷贝

浅拷贝：有拷贝的功能，但是只能拷贝一层，是浅拷贝。一、使用展开运算符（也叫剩余运算符）...let obj = {name:'gjf',age:{age:18}};let newObj = {...obj};obj.age.age = 25; //修改第二层的obj.age.age,newObj.age.age也会跟着变化console.log(newObj) // {name:'...

2019-01-17 13:56:32 154

原创 Object.defineProperty的用法详解

该方法是es5的方法（千万不要以为是es6的哦），作用是直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。（切记只能用在对象身上不能用在数组身上）1、语法Object.defineProperty(obj, prop, descriptor)2、参数说明：obj：必需。目标对象 prop：必需。需定义或修改的属性的名字 descriptor：必需...

2019-01-11 19:12:26 1000

原创 JS实现AOP 面向切片编程（装饰者模式）

1、什么是AOPAOP（Aspect-oriented programming）是面向切面的编程。可以在不修改原有代码的情况下增加新功能。2、例如：Function.prototype.before = function (fn) { let that = this; return function () { // => 当前返回的函数就是newFn ...

2019-01-11 18:17:21 432

原创关于常用的http请求头以及响应头详解

一、常用的http请求头1.AcceptAccept: text/html 浏览器可以接受服务器回发的类型为 text/html。 Accept: */* 代表浏览器可以处理所有类型,(一般浏览器发给服务器都是发这个)。2.Accept-EncodingAccept-Encoding: gzip, deflate 浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，...

2018-12-21 17:48:27 485

原创在浏览器输入一个网址回车后，发生了什么？

1、通过DNS解析返回IP地址在浏览器DNS缓存中搜索在操作系统DNS缓存中搜索读取系统hosts文件，查找其中是否有对应的ip 向本地配置的首选DNS服务器发起域名解析请求2、建立TCP通信，将HTTP请求报文切成报文段传给服务端（数据是分段传输的）为了准确地传输数据，TCP协议采用了三次握手策略。发送端首先发送一个带SYN（synchronize）标志的数据包给接收方，接收...

2018-12-21 11:44:53 167 1

原创实现一个promise

在大前端，越来越人来探究promise背后的真面目，今天我们就来实现一个符合promiseA+规范的promise。promise上的静态方法有resolve()、reject()、all()、race()，原型上的方法有then()、catch()、finally()。1、基础框架promiser的构造函数接收一个参数是executor函数，并且传入两个参数：resolve，reject...

2018-12-11 16:26:19 97

weixin_42152035的博客