「 原理与实现 」
May 04, 2018
Words count
3.6k
Reading time
3 mins.
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。
原理:Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。
把服务器端看成一个数据接口(只负责吐数据),它返回的是一个纯文本流,当然,这个文本流可以是XML格式,可以是Html,可以是Javascript代码,也可以只是一个字符串。这时候,...
Read article
「 原理与实现 」
May 03, 2018
Words count
5.1k
Reading time
5 mins.
Jsonp是一种跨域通信的手段,它的原理实现很简单:
- 1.首先利用script标签的src属性来实现跨域
- 2.通过将前端方法作为参数传给服务器端,由服务器端注入参数之后再返回,实现服务器端向客户端通信
- 3.由于使用script的src属性,所以只支持get方法
1.设定一个script标签
<script src="http://jsonp.js?callback=xxx"></script>
2.callback定义了一个函数名,而远程服务端通...
Read article
「 Article 」
May 02, 2018
Words count
12k
Reading time
11 mins.
你可能听说过函数式编程(Functional programming),甚至已经使用了一段时间。
但是,你能说清楚,它到底是什么吗
网上搜索一下,你会轻松找到好多答案。
与面向对象编程和过程式编程并列的编程范式
主要的特征:函数是第一等公民
强调将计算过程分解成可复用的函数,典型的例子就是map函数和reduce函数组成的MapReduce函数
只有纯函数,没有副作用的函数,才被称为函数
上面这些说法都对,但还不够,都没有回答下面这个更深层的问题。
为什么要这样做?
函数式编程的起源,是一...
Read article
「 JS 」
May 01, 2018
Words count
3.7k
Reading time
3 mins.
最近把《javascript高级程序设计》看完了,发现里面有很多跨浏览器的代码,总结一下,方便记录。
var EventUtil = {
addHandler: function(element,type,handler) { //事件监听
if(element.addEventListener) {
element.addEventListener(type,handler,false);
}else if(element.attachEvent) ...
Read article
「 REACT 」
April 30, 2018
Words count
21k
Reading time
19 mins.
一年多来,React团队一直致力于实现异步渲染。上个月,他在JSConf冰岛的演讲中,丹揭示了一些令人兴奋的新的异步渲染可能性。现在,我们希望与您分享我们在学习这些功能时学到的一些经验教训,以及一些帮助您准备组件以在启动时进行异步渲染的方法。
我们了解到的最大问题之一是,我们的一些传统组件生命周期会导致一些不安全的编码实践。他们是:
- componentWillMount
- componentWillReceiveProps
- componentWillUpdate
这些生命周期方法经常被误解和滥...
Read article