Awesome

图片的异步加载与onload函数

Posted on 2017-06-29 | In performance optimization

asynchronous

在之前的Promise应用场景与模块化尝试一文中提到过，图片加载之前用img.complete作为判断来决定是否异步加载图片，但是img.complete并不是特别靠谱的属性，所以再写一篇关于complete属性的文章，探究该属性的根源。

手绘

Posted on 2017-06-27 | In 生活

paint

因之前的工作需要，自学了一点、两点透视技法，展示其中部分手绘图。粗陋之处，还望见谅。

HTML DOCTYPE及浏览器渲染模式

Posted on 2017-06-26 | In HTML、CSS

doctype

Doctype简介

对于text/html类型的文件，在文件第一行，html根元素之前，添加一个doctype来声明文档类型，又称DTD(Document Type Definition)。例如：

<!DOCTYPE html>
<html>
    <head></head>
    <body></body>
</html>

call、apply、bind总结

Posted on 2017-06-25 | In Basic_JS

call-apply

call、apply、bind都可以动态的改变执行上下文,应用的场景也基本一样,在细节上有一些差别。在求最大最小值,排序、平均数、类数组转换数组、继承上都有体现。具体的用法如下：

Object.assign

Posted on 2017-06-24 | In ES6

assign

在ES6中新增的对象的扩展方法中，该方法可以实现复制一个或者多个对象到target对象中。

函数原型

关于该函数的定义是：

第一个参数为目标对象，第二个是源对象(可以是多个对象)。通过调用爱函数可以复制所有可被枚举的自有属性到目标对象中。

Promise应用场景与模块化尝试

Posted on 2017-06-22 | In Promise

promise

Promise的使用场景

在实际的运用场景中,ajax请求得到返回值的时间不同,有了callback的回调结果之后才能知道接下来应该做什么。简单的ajax请求过程是：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
    if(xhr.readystate == 4){
        xhr.status = status;
        if(status >= 200 && status < 300 || satus == 304){
            response = xhr.responseText;
        }
    }
}   
xhr.open();
xhr.send();