2019年03月_wade3po

原创数组去重的几个方法

数组去重很简单，大都运用数组的属性和方法，有很简单的，有复杂的，今天分享几个数组去重的方法。原理就是创建一个临时数组，循环有重复的数组，判断这个临时数组是否有这个元素，没有就push进去，有就不要。var arr = ['a', 8, 10, 'd', 20, 'f', 'd', 10, 'a'];var tempArr = [];IndexOf，中间数组要是没有这个值就push:f...

2019-03-27 09:20:06 301

算法对于敲代码的应该都听过，不管是复杂的还是简单的，衡量算法效率的两个重要指标就是时间复杂度和空间复杂度。时间复杂度：评估执行程序所需的时间。可以估算出程序对处理器的使用程度。空间复杂度：评估执行程序所需的存储空间。可以估算出程序对计算机内存的使用程度。空间复杂度：对一个算法在运行过程中临时占用存储空间大小的量度。查了很多，对于计算空间复杂度还是没有一个很好的理解，因为有些说需要把算法内部使用...

2019-03-27 09:15:34 1884

原创 ES6之数组的扩展

ES6在数组方面增加了一些方法和原型属性，有些还是蛮有用的。扩展运算符：把数组或者类数组转成用逗号隔开的参数：把类数组转成数组，有限制（类数组就是有长度的变量）：var str = 'wade';console.log([...str]);//["w", "a", "d", "e"]把数组转成用逗号隔开的参数序列：var arr = [1, 2, 3];console.log(......

2019-03-22 15:31:34 147

原创 webpack简单搭建localhost访问静态资源

前端开发过程中，静态页面直接双击HTML文件就能在浏览器打开，有时候我们很希望可以用localhost启动，在局域网内可以直接用手机或者是别的电脑访问。如果你用的是框架脚手架或者你是webpack大神就不用往下看了。今天分享的只是最简便用webpack-dev-server快速localhost访问静态资源。Node环境一定要有，这个我就不说了。新建一个文件夹，注意，这边文件夹最好不要中文，不...

2019-03-21 09:17:27 4234 2

原创 JavaScript宏任务和微任务

最近问了大佬一个问题，监听和定时器两个性能的问题，大佬给我普及了宏任务和微任务的概念，于是网上找见了这样一段代码：console.log('script start');setTimeout(function() { console.log('setTimeout');}, 0);Promise.resolve().then(function() { consol...

2019-03-18 16:40:11 1679

原创 JavaScript之内存溢出和内存泄漏

内存溢出：程序运行出现的错误，就像水杯，满了之后再加水就溢出了。同理，内存溢出就是程序运行所需的内存大于可用内存，就出现内存溢出错误。最简单的就是写一个千万级别的循环，然后用浏览器打开，浏览器会非常卡，甚至直接报错内存不足，崩溃了。不同浏览器会有不同的表现。内存溢出一般是内存泄漏造成的，占用的内存不需要用到了但是没有及时释放，内存泄漏积累的多了轻的话影响系统性能，严重直接引起内存溢出系统崩溃...

2019-03-15 09:25:01 5554

原创重新认识原型和原型链三

知道了显式原型prototype和隐式原型__proto__，我们就能很好的知道原型链是什么东西了。说原型链之前再理几个概念：实例隐式原型__proto__指向创建实例的构造函数的显示原型prototype。实例可以通过__proto__调用在__proto__下的所有属性和方法。所以，原型链就这样出来了：function User() { }User.prototype.us...

2019-03-14 10:25:52 107

原创重新认识原型和原型链二

知道了prototype这个原型（也叫原型属性、原型对象，不要搞混了，原型、原型属性、原型对象都是同一个东西），我们还需要知道__proto__和constructor两个属性。先说说constructor属性，这个属性是函数独有的，而且是存在于原型prototype中，constructor指向函数对象。function User() {};console.log(User.prototy...

2019-03-13 15:37:29 102

原创重新认识原型和原型链一

之前分享过原型和原型链，那时候觉得理解的还行，最近重新理了一遍原型和原型链，发现当时理解的好粗浅。于是又重新学了一遍。可能这次学习的还是不到位，只是分享一些新的体会。先明确几个概念：function Fn() {}var time = new Date();JavaScript里面有一句话说：万物皆对象，对象带有属性和方法。函数也是对象，只不过是比较特殊的对象。上面的Fn叫函数对象，Dat...

2019-03-12 14:36:09 168

原创 Location对象

Location对象是window对象的一部分，应该百分之百的前端开发用过这个对象，但几乎所有人也都是仅仅使用location.href。但是location对象上面有好几个属性和方法对开发很有帮助。属性：location.href可读可写，设置或返回当前的URL地址。属性：location.host可读可写，设置或返回当前 URL 的主机名称和端口号。属性：location.hostn...

2019-03-12 14:34:50 119

原创 Webpack之before快速创建接口(框架快速使用)

上次分享了用webpack的express模块快速启动一个服务接口，其实webpack还有HTTP模块也可以快速创建接口，有兴趣的可以去查查。今天要分享的也是基于express，但是是通过webpack的decServer创建的，不存在跨域问题。devServer的before在服务内部的所有其他中间件之前，提供执行自定义中间件的功能。这可以用来配置自定义处理程序。不需要我们require ...

2019-03-06 16:20:52 5849

原创 Express简单起一个本地服务接口

有时候我们开发过程中，需要一个接口调试，但是又不想很麻烦的要一个后台，就想很快的简单的有一个接口。今天分享使用node的express很简单的起一个服务。当然，express不会扩展，因为本人也不会。新建一个目录，然后npm init -y,-y是少了询问的步骤；Npm init express -D 下载express模块；新建一个server.js；接下来就是书写代码了：let ex...

2019-03-04 09:25:04 1024

wade3po的博客