webpack4 demo

webpack.config.js const path = require("path"); const webpack = require("webpack"); const packagejson = require("./packag...

2019-05-22 15:39:03

阅读数 37

评论数 0

初次尝试web浏览器消息通知,并震动提示

注意的是,本地测试服务是完全可以看到消息通知的,如果线上环境,必须要求https协议,否则自动视为拒绝。 通知API可能不再从不uu快3软件/UU快三软件【致富彩经】 的来源使用。您应该考虑将应用程序切换到uu快3软件/UU快三软件【致富彩经】 源,比如HTTPS。见http://goo.gl/rStTGz了解更多细节。 js代码: ;(function...

2019-05-22 14:33:11

阅读数 54

评论数 0

高级之路篇二十三:this总结

总之一句话:谁调用,this就指向谁。 普通函数中 构造函数中 箭头函数中 原型链上的this getter、setter中 定时器回调函数中 作为对象方法中 dom事件处理函数中 内联事件函数中 在Function构造器中 1、普通函数中: 非严格模式下指向全局window...

2019-05-16 11:03:10

阅读数 101

评论数 0

高级之路篇二十二:map、weakMap、set、weakSet、object、array的区别

1、map Map对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。 键值对结构。 任何值(对象或者原始值) 都可以作为一个键或一个值。 强引用存储 null会被当做undefined。 虽然NaN !== NaN , 但是map中 NaN是与NaN相等的。 与o...

2019-05-16 10:17:31

阅读数 77

评论数 0

高级之路篇二十一:全面解析js一等公民function

初识function: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 1、具名函数 var fun = function(){....} 此种方式变量会提升,函数体留原地。 function fun(){....} 此种方式变量函数体都会提升至最顶端,位于变...

2019-05-14 15:11:41

阅读数 77

评论数 0

全面解析var、const、let的区别

作用域:变量作用域(全局变量和局部变量) 、函数作用域(函数内部的变量) 作用域链:其实就是一些可访问对象的集合。比如函数执行时会产生一个活动对象,活动对象中。 在JavaScript中,函数也是对象,实际上,JavaScript里一切都是对象。函数对象和其它对象一样,拥有可以通过代码访问的属...

2019-05-11 13:50:24

阅读数 55

评论数 0

数组排序的几种方式

1、sort排序 方法sort()将在原数组上对数组元素进行排序,即排序时不创建新的数组副本。如果调用方法sort()时没有使用参数,将按字母顺序(更为精确地说,是按照字符编码的顺序)对数组中的元素进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如果有必要的话),以便进行比较。 如果...

2019-05-11 11:19:52

阅读数 47

评论数 0

如何快速随机打散一个数字数组?

随 机就离不开Math.random() 既然是一个数字数组,写过排序吧,有冒泡排序、sort排序等,都能排序成从小到大或从大到小的数组。 那么暂且看看sort生序排列的写法: var a = [10,2,3,5,4,6,7,8,9,1]; var randomSoftArr = fu...

2019-05-11 10:32:07

阅读数 58

评论数 0

高级之路篇十九:ES6之数组api

1、map 2、for....of.... 3、includes 4、Array.from() 5、find()、findIndex()、indexOf、lastIndexOf 6、Array.isArray() 7、filter 8、every 9、some 10、reduce...

2019-05-10 21:30:40

阅读数 45

评论数 0

高级之路篇十八:setTimeout、Promise、async、await

setTimeout setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。 var timerId = setTimeout(func|code, delay) clearTimeout(timerId); ...

2019-05-10 20:55:51

阅读数 49

评论数 0

高级之路篇十七:javascript异步机制

传送门:彻底弄懂 JavaScript 执行机制、javascript执行机制 javascript是一门单线程的语言,本身不可异步。但是js的宿主(比如浏览器、node)却是多线程的。宿主环境通过某种方式(事件驱动,下文会讲)使得js具备了异步的属性。 Event Loop 是javascr...

2019-05-10 17:46:32

阅读数 59

评论数 0

高级之路篇十六:web存储模仿微信小程序的缓存api

模仿微信小程序数据缓存的api,对h5本地存储的封装,支持sessionStorage与localStorage function Storage(){ this.getDataType = function(data){ var result = '', ...

2019-05-09 20:43:39

阅读数 90

评论数 0

高级之路篇十五:ES6之箭头函数

MDN定义:箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。这些函数表达式更适用于那些本来需要匿名函数的地方,并且它们不能用作构造函数。 与普通函数的区别: 1、表面上看,写法更简洁 2、没有this,不会创建自己的thi...

2019-05-09 09:53:03

阅读数 63

评论数 0

高级之路篇十四:Ajax

function Ajax(){ var xmlHttp = null; var createXmlHttp = function(){ if(window.XMLHttpRequest) { xmlHttp = new XMLHttpR...

2019-05-07 10:36:18

阅读数 71

评论数 0

高级之路篇十三:构造函数、原型、原型链以及如何实现继承

构造函数,原型,实例 每创建一个函数,该函数就会自动带有一个prototype属性。该属性是个指针,指向了一个对象,我们称之为原型对象。 三者之间的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。通俗点说就是,实例通过内部指...

2019-04-29 16:03:19

阅读数 94

评论数 0

高级之路篇十二:全面解析webuu快3软件/UU快三软件【致富彩经】 及防御方法

webuu快3软件/UU快三软件【致富彩经】 常见的8大板块: 老生常谈的XSS跨站脚本攻击 警惕iframe带来的风险 别被点击劫持了 错误的内容推断 防火防盗防猪队友:不uu快3软件/UU快三软件【致富彩经】 的第三方依赖包 用了HTTPS也可能掉坑里 本地存储数据泄露 缺失静态资源完整性校验 XSS跨站脚本攻击 1.绕过XSS-Filt...

2019-04-29 11:39:59

阅读数 4338

评论数 0

高级之路篇十一:前端看http协议以及http协议上能做的事情

http协议其实就是超文本传输协议。 http协议是建立在tcp/ip协议之上的应用层协议,主要包括三个部分,状态行,头部信息,消息主体。对应一个http请求就是:请求行,请求头,请求体。 通信流程: 用户输入url地址,发送一个request ----- > 从离自己最近的...

2019-04-28 11:53:22

阅读数 109

评论数 0

高级之路篇十:高性能动画

前端领域,时常会与动画打交道,现盘点一下啰! 1、@keyframes,需要注意的是需要兼容处理,优点在于能够创建循环动画。 animation: nameduration timing-function | delay | iteration-count | direction @k...

2019-04-27 10:05:33

阅读数 65

评论数 0

高级之路篇九:一目了然Cookie、session和localStorage、以及sessionStorage之间的区别

cookie session sessionStorage localStorage 储存位置 如果设置了过期时间,存在电脑本地硬盘上; 如果没有设置过期时间,存于内存中 服务器上 浏览器 浏览器 大小限制 4k ---- &am...

2019-04-26 16:28:20

阅读数 60

评论数 0

高级之路篇八:你真的了解console吗!

作为调试信息打印语句console.log()每个前端都比较清楚吧。。。 对,不就是打印数据到控制台吗,没错!可是油田我遇到了一个变态的面试问题,一下被震住了,问console.log(2/3); 打印结果是多少?不就是一个无限循环的除不尽的数吗,我想了想不会这么简单吧,顿时就有点杀马特了。先吐...

2019-04-26 15:46:40

阅读数 55

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭