分类:: WEB开发

0

Redux 中 combineReducers 和 createStore的实现原理

最近一直在学习 redux, 感到了深深的难过,都两天了,感觉还是不知道怎么写代码,倒不是不知道是Redux 里面涉及的概念,是不知道什么代码该放在哪里。怎么样组织结构。希望再过两天能更清晰。 下面是中间学习到的 combineReducers 和 createStore 的实现原理,了解这些后,确实帮助了我更好的理解整个流程。 combineReducers 的实现原理在探究 combine

0

在应用(微信/浏览器)中拉起手机QQ

场景是:当我们做一些活动用来拉新等等时,通常会限制用户只在手Q中打开。比如用户通过微信扫码到了我们H5活动页面。那么我们就可以通过伪协议将手Q拉起,并且将H5页面打开。用户到达的途径有很多,比如通过浏览器,通过微信,通过其他APP应用。 正解代码先不看原理的话,代码应该是像下面的。今天我也参照了许多别人的代码,但大多数不是这个不兼容,就是微信拉不起来。或者是 IOS 拉起正常,但是 Androi

0

记一次实战 Dom XSS 漏洞

国庆的前一天,突然有一个漏洞单接到我这里来,当时心里很着急,第一实习生小白,对于我们这种支付部门有漏洞不是很可怕,以前没见过,觉得有点吓人。第二,为什么是国庆的前一天呢,不能发版本。看了下,就是熟悉又不太熟悉的 Dom xss 漏洞。熟悉是因为以前书里经常见,不熟悉是因为以前没有实践过。 现象及解决办法安全部门的同事说,它更改了 uin, 然后就可以输出 用户uin, 也就是俗称的 alert

0

几种清除多余CSS的方法和基本原理

最近遇到一个坑,重构给了重构代码,但是没有分离好,导致我引入了很多无用的css。这些css又引入了很多无用的图片,使整个的非常重而且很无用。我需要想办法把整个无用css都去掉。下面是几种方法。 gulp-uncssgulp-uncss是一个gulp插件,和普通gulp插件没有区别。先引入gulp。然后利用uncss方法传入需要优化的css所在的页面。注意这里支持本地文件,正则匹配和url匹配。

0

ECMAScript2015 对象扩展

上篇文章学习和记录了Object.defineProperty的用法,主要是对属性的扩展定义。这次学习三个API,是关于对象操作的三个扩展。 分别是下面三对,具体来讲讲它们的区别和联系以及用法。 Object.freeze() / Object.isFrozen() Object.seal() / Object.isSealed() Object.preventExtensions() / O

0

ECMAScript Object.defineProperty 属性描述符

ECMAScript 5 出了一个【属性描述符】,主要是为了【给属性增加更多的控制】。下面我们就谈论这样一个新的特性-Object.defineProperty()。 Object.defineProperty() 方法直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象。 语法定义 Object.defineProperty(obj, prop, descripto

0

用Nodejs进行文件上传-下载-浏览-横扫File-System-API

以前知道用Nodejs进行上传下载是很容易的,用个formidable就可以了,也就没有去管它,然后昨天晚上有空,就写了个小demo,就发现了自己的一些问题。比如对File System的API不熟悉。用的时候还要去查。尤其是对createReadStream 和 writeReadStream这一类流处理不熟悉,下面是我的整理和学习。基本上是一个完整的demo,有上传,有下载,还有浏览文件。

0

yield和yield*的区别和用法

先前在学koa的时候,学习到了很多概念,比如generator,yield,yield *再深一点,比如co,trunk,iterator,async,await这些。当时学习的时候还是有很多疑惑。现在又重新整理了一遍。感觉思路清晰了很多。记录分享如下。大部分都来自MDN的整理和学习。感谢。我觉得MDN那种先定义,再解释,再讲用途的方式特别好。如果再加上自己感性点的理解就是很完美的学习新东西的方式

0

ES6 rest parameters和spread operator

这篇文章主要记录和学习Rest parameters和Spread Operator的区别和联系。今天我去了解了下关于Rest解构赋值/扩展运算符的用法和区别。主要是开始的时候容易弄混淆。所以想要记录和学习下来。也分享给大家。 Peviewif you don’t use rest parameter Aggregation of remaining arguments into single

0

ES6 Symbol ! Why ? How ? When ?

前几天看小胡子哥的网站,发现这么一篇文章里面有下面这样一些代码,可以看到这段代码里面用了很多ES6的新特性,比如import,class,extends,static,for..of循环,还有下面要讲的Symbol。先前知道symbol但是一直没有去用过它,其实也并不知道到底有什么实质的作用,只知道是简单的创建唯一值。觉得是时候好好理解理解了。主要学习自阮一峰老师的书,es6入门。感谢阮老师。 1