原型链

原型

prototype:显示原型; __proto__:隐式原型;

每个function都有prototype属性(指针),指向原型对象(包含所有实例共享的属性和方法)
每个对象(包括function)都具有属性__proto__,指向构造它的 构造函数原型

1
2
3
4
5
6
7
var Father = function () {}
var f1 = new Father()
var f2 = new Father()
f1.__proto__ === Father.prototype; //true
f2.__proto__ === Father.prototype; //true
f1.__proto__ === f2.__proto__; //true

阅读更多

作用域

定义

  1. 作用域:决定了变量的可见性与生命周期
  2. 作用域链:保证了作用域的有序访问

几个重要概念

    阅读更多

    CSS-Position-Float

    如果要掌握、运用好Position、Float属性必须要对HTML的两个基本点有清晰的了解。

    1. 盒子模型(box model)
    2. HTML的普通流(normal flow)

    阅读更多

    CSS-盒模型

    html中所有元素都可以看作“盒子”

    正常盒模型

    • BLOCK:块级元素

    阅读更多

    This详解

    先说核心:JS中this永远指向属性或方法所属的对象,或者说指向调用它的对象,this是在运行时绑定的

    JavaScript中this的绑定分四种:

    1. 默认绑定:

    这是最直接的一种方式,就是不加任何的修饰符直接调用函数

    阅读更多

    CSS-选择器

    CSS 选择器优先级:

    important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 通配符 > 继承

    阅读更多

    CSS-伪类

    :after,:before伪元素用法
    :after 选择器向选定的元素之后插入内容。使用content 属性来指定要插入的内容。

    下面是代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    p::after
    {
    content:"- 注意我";
    display:block;
    }
    p::before {
    content: 'test';
    display:block;
    color : red;
    position: relative;
    left: 12px;
    }
    </style>
    </head>
    <body>
    <p>我的名字是 Donald</p>
    <p>我住在 Ducksburg</p>
    <p><b>注意:</b> :after在IE8中运行,必须声明 !DOCTYPE </p>
    </body>
    </html>

    阅读更多

    类型

    相等与比较

    JavaScript 有两种方式判断两个值是否相等。

    等于操作符:等于操作符由两个等号组成:==
    JavaScript 是弱类型语言,这就意味着,等于操作符会为了比较两个值而进行强制类型转换。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    "" == "0" // false
    0 == "" // true
    0 == "0" // true
    false == "false" // false
    false == "0" // true
    false == undefined // false
    false == null // false
    null == undefined // true
    " \t\r\n" == 0 // true

    阅读更多

    闭包

    闭包的定义

    《JavaScript权威指南》的定义:“闭包是指有权访问另一个函数作用域中的变量的函数”。解释一下,如果一个函数能访问另一个函数作用域中的变量,那么就可以称这个函数是闭包。如下,inner可以访问out中的a变量,那么inner就可以称作闭包。

    阅读更多

    Express入门

    新手入门指引,如果你很熟悉express的用法那么就可以跳过教程到底部,到github看下源码
    https://github.com/zhentaoo/coconut

    阅读更多