css查漏补缺之一-格式上下文

链接

格式上下文

页面上的所有东西都处在一个格式上下文中,这个格式上下文可以理解为一个固有结界,它依据规则规定如何摆放内容。

Block Formatting Context根据Block Layout rules来摆放它的子元素。

Flex Formatting Context把它的子元素按照flex items摆放。

html元素定义了最初的BFC,意味着html中的元素都依据Normal Flow的规则摆放。这个规则由css盒模型勾勒,定义了元素的marginborderpadding是如何和相邻的block元素交互的。

阅读全文〉

javascript查漏补缺之十六 ——《客户端内存》

链接地址

客户端存储由js的api构成,这些api允许你在客户端存储数据,当需要的时候再获取它们,比如:

  1. 个性化站点

  2. 保存先前站点的活动状态,比如从先前的session中存储购物车中的内容,或者记住用户先前是否已经登录

  3. 保存数据或是assets到本地,以便离线使用或者同样的网站再次加载能以更快的速度

  4. 保存网页应用生成的文件到本地以便离线使用

客户端存储在现代浏览器中可以取代cookie诶。

阅读全文〉

javascript查漏补缺之十二 ——《迭代器和生成器》

链接地址

  1. 迭代器

    迭代器是一个对象,知道如何每次访问集合中的一项,并跟踪该序列中的当前位置。它提供一个next()方法,用来返回序列中的下一项。这个方法返回包含两个属性:donevalue

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    //创建一个迭代器对象

    function makeIterator(array) {
    var nextIndex = 0;
    return {
    next: function() {
    return nextIndex < array.length ?
    {value: array[nextIndex++], done: false} :
    {done: true};
    }
    };
    }

    //使用迭代器

    var it = makeIterator(['yo', 'ya']);
    console.log(it.next().value); // 'yo'
    console.log(it.next().value); // 'ya'
    console.log(it.next().done); // true
阅读全文〉