一、CSS盒模型

• 基本概念：标准模型+IE模型
• 标准模型和IE模型区别
  标准模型:宽带和高度不包含padding
  IE模型：宽带和高度包含padding

一、JSON.parse()

JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象。

1
2
3
4
5
6
7

例子：
//定义一个字符串
var data='{"name":"goatling"}'
//解析对象​
​JSON.parse(data)
结果是：
​name:"goatling"

总结

   行为委托认为对象之间是兄弟关系，互相委托，而不是子类和父类的关系。JavaScrip的[[]prototype]机制本质上就是行为委托。也就是说，我们可以选择在JavaScript中努力实现类机制，也可以拥抱更自然的[prototype]委托机制

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

// 面向对象风格
function Foo() {
    this.me = who;
}

Foo.prototype.identify = function () {
    return "I am " + this.me
}

function Bar(who) {
    Foo.call(this, who);
}

Bar.prototype = Object.create(Foo.prototype);

Bar.prototype.speak = function () {
    alert("hello," + this.identify() + '.')
}

var b1 = new Bar('b1');
var b2 = new Bar('b2');

console.log(b1.speak());
console.log(b2.speak());
// 对象关联风格

Foo={
    init: function(who) {
        this.me=who;
    },
    identify: function() {
        return "I am" +this.me;
    }
};

Bar=object.create(Foo);
Bar.speak=function() {
    alert("hello," + this.identify() + '.')
};

var b1=object.create(Bar);
b1.init("b1");
var b2=object.create(Bar);
b2.init('b2');
b1.speak();
b2.speak();

一、this的四条绑定规则

1、默认绑定

  适用于独立函数调用，当无法应用其他规则时就适用的是默认规则。

首行缩进

  写文章时，我们常常希望能够首行缩进，这时可以在段首加入 来输入一个空格.加入 来输入两个空格。
  生活不易，且行且珍惜"

BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。
为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API 方法和事件，以便我们更快地实现滚动场景下的需求，如下拉刷新、上拉加载。
由于它基于原生 JavaScript 实现，不依赖任何框架，所以既可以原生 JavaScript 引用，也可以与目前前端 MVVM 框架结合使用，比如，其官网上的示例就是与 Vue 的结合。

#vue-awesome-swiper轮播图实践
1、安装swiper

1

npm install swiper@3.4.1 --save

第一步：git branch 查看当前分支情况
第二步：git branch 分支名，新建一个自己的分支
第三步：git checkout 分支名，切换到新建的分支
第四步：git branch，重新查看一下
第五步：git push -u origin 分支名,同步到github线上
第六步：进行add追踪以及commit提交
第七步：查看线上github仓库，新的v2分支就创建好啦！！！

正确步骤：

1. git init //初始化仓库

2. git add .(文件name) //添加文件到本地仓库

##页面适应电脑和手机屏幕

1

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />