什么是冒泡

1
2
3
4

<div id="content"> 外层div元素
    <span>内层span元素</span>
</div>
<div id="msg"></div>

当点击span元素时,会输出内层span元素被点击，外层div元素被点击，body元素被点击3条记录。这就是由于事件冒泡引起的。

解构赋值

ES6允许按照一定格式，从数组和对象中提取值，对变量进行赋值，这就被称为解构。

它努力要实现特性：

1. 易于使用：采用代码优于配置策略，gulp让简单的事情继续简单，复杂的任务变得可管理。
2. 高效：通过利用node.js强大的流，不需要往磁盘写中间文件，可以更快地完成构建。
3. 高质量：gulp严格的插件指导方针，确保插件简单并且按你期望的方式工作。
4. 易于学习：通过把API降到最少，你能在很短的时间内学会gulp。构建工作就像你设想的一样：是一系列流管道。

Web App

Web App 指采用Html5语言写出的App,无需下载安装，可以说是触屏版的网页应用。
优点:

• 开发成本低，
• 更新快，
• 更新无需通知用户，不需要手动升级，
• 能够跨多个平台和终端。

JSONP的原理：[json with padding]

引入文件
通过回调函数将获取到的数据当成参数传递给回调函数中的变量。

诞生背景

由于手机的迅速普及及性能的大幅提升，导致移动端需求的大量增加，产生了一种叫Webapp的东西，即移动端网页应用。

什么是MVVM框架

MVVM可以拆分成：View — ViewModel — Model三部分，如图所示：

View和Model可以通过ViewModel动态进行数据传输，不再需要手动更改。

ajax的封装:

Git命令速查表

生成SSH

1

$ ssh-keygen -t ras -C "email@xxx"

设置用户名

1
2

$ git config --global user.name "webykj"
$ git config --global user.email "stormykj@163.com"

初始化当前项目

1

$ git init

在该目录下新建一个文件，然后查看，将修改添加到暂存区

1
2
3
4
5

echo "# test" >> README.md
git add *  //将工作区所有修改添加到暂存区
git add .  //将工作区所有修改添加到暂存区
git add filename //将指定文件添加到暂存区
git status  //列出变更文件

将暂存区修改添加到本地仓库

1

git commit -m '备注信息'

创建仓库，并将上诉改动push到远程

1
2

git remote add origin https://github.com/webykj/test.git
git push -u origin master

去除push时每次都要输入账号密码

1
2

git remote rm origin   //移除
git remote add origin git@github.com:gitname/test.git  //添加

从远程clone项目

1

git clone url

放弃暂存区修改

1
2
3
4
5

git checkout -- filename  //放弃暂存区修改（修改不在）
git rm --cached filename  //放弃add（修改还在，但产生一条delete记录）
git reset HEAD filename   //同上（没有delete记录）
git stash     //暂时放弃未提交的修改
git stash pop  //恢复

分支操作

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

/*查看分支*/
git branch     //所有本地分支
git branch -r  //所有远程分支
git branch -a  //所有远程分支和本地分支
/*创建分支*/ 
git branch branchName //留在当前分支
git checkout -b branchName //创建并切换分支
git branch --set-upstream-to=<remote>/branchName //建立本地分支与远程分支的追踪关系
git branch --track branchName [remote branch] //新建一个分支，并与远程建立追踪关系 git checkout branchName //切到指定分支 
/*分支合并*/ 
git pull origin branch //取回远程更新并与本地分支合并 
git fetch origin branch //取回远程更新 git merge branch //合并指定分支到当前分支(产生提交记录) git rebase branch //合并指定分支到当前分支(不产生提交记录，比较适合有强迫症的) git cherry-pick commitId //将与commitId对应的提交合进当前分支

Asynchronous JavaScript and XML（异步JavaScript和XML)，是一种创建交互式网页应用的网页开发技术。

AJAX工作原理：

AJAX的工作原理：Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

Ajax其核心有JavaScript、XMLHTTPRequest、DOM对象组成，通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用JavaScript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。让我们来了解这几个对象。

这本书分为职业，自我营销，学习，生产力，理财，健身，精神7大板块，这里我仅摘录自己比较有感触的，并谈谈自己的理解。

首先说学习

教育就是当一个人把在学校所学全部忘光之后剩下的东西。
教育的首要目标，并不在于“知”而在于“行”。

软件开发的世界总是不断变化的，具体到自己从事的Web前端开发来说，变化更是如此。新技术层出不穷，这就需要我们学会如何学习。本书所提到的十步学习法或多或少的为我们提供了一些借鉴。