原理与实现 May 04, 2018

Ajax原理与实现

Words count 3.6k Reading time 3 mins.

AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。

原理:Ajax的原理简单来说通过XmlHttpReques...

Read article

原理与实现 May 04, 2018

Ajax原理与实现

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

Jsonp的原理与实现

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

React V16.3 即将更改的生命周期

Words count 21k Reading time 19 mins.

一年多来,React团队一直致力于实现异步渲染。上个月,他在JSConf冰岛的演讲中,丹揭示了一些令人兴奋的新的异步渲染可能性。现在,我们希望与您分享我们在学习这些功能时学到的一些经验教训,以及一些帮助您准备组件以在启动时进行异步渲染的方法。

我们了解到的最大问题之一是,我们的一些传统组件生命周期会导致一些不安全的编码实践。他们是:

  • componentWillMount
  • componentWillReceiveProps
  • componentWillUpdate

这些生命周期方法经常被误解和滥...

Read article
Load more
0%