异步 我对异步的理解： 异步是不等结果，往下执行；同步是等结果出现后，再往下执行 代码中出现异步程序时，如例2中，执行顺序就会发生变化 使用回调，就是让执行顺序不会发生变化 但这肯定不是异步要表达的意思，因为下面的例子是完全是异步的负面效果，那异步到底有啥作用？ 下面的例子是解决异步带来的问题，而非异步...

this this对于初学 JS 的新人来说，是一道坎，看到this就晕头晕脑，脑容量一下不够用了。 先来说下判断this结论 this是函数调用时call的第一个参数 this只有在函数执行的时候才能被确定，实际指向调用它那个对象（上一级） 先来看下函数常用的几种调用方式 {代码...} 上面三种调用方法对于新人很熟悉，而对后面两种方法...

||和&&操作符 看到下面的式子，新人肯定认为他们的值是true或false {代码...} 布尔的运算难道不是true或false？ {代码...} &&找第一个假值，如果没有假值，返回最后一个真值 {代码...} ||找第一个真值，如果没有真值，返回最后一个假值 Boolean 内部不是简单的输出true或false，因为除了5个falsy值之外...

AJAX 的所有功能 AJAX 出现之后解决了前后端交互问题，前端也正式走向前台。AJAX 最核心的8句话 {代码...} HTTP 请求四部分 {代码...} HTTP 响应四部分 {代码...} 用一张图简单的画下前后端交互的过程 浏览器是在下载完所有响应内容后才知道响应结果吗？ 服务器在发送响应时，假设response中内容很大很大，那要等到所有...

了解了JSONP技术栈后，知道了JSONP是AJAX出现之前后端交互最好的解决方案，但它依然没解决问题，用JSONP只能发送GET请求，不能发其他请求

简单的前后端交互 前面学习了这么多，都是在和页面打交道，不管是HTML、CSS、JavaScript，DOM，都没有跑出浏览器，那今天来学习下和后台交互。 当我点击付款按钮时，页面的数值会减小；当我刷新页面时，内容不会改变，该怎么实现呢？ 先写一个简单的node.js脚本,让页面能够正常运行 创建一个文件夹里面创建两个文件 新建...

URI统一标识标识符一般现在分为URL和URNURL：统一资源定位符，一般成为网址，唯一确定的位置URN：统一资源名称，唯一确定的名称 URL 的各部分含义 DNS：输入域名，输出IP 21 FTP服务443 HTTPS服务1080 代理服务器端口3306 MYSQL服务器80 HTTP服务 用nslookup可以查看域名对应的ip 请求实例 GET请求：curl -s -v -H "rrrr...

为了学习命令行，昨天装了linux系统，同时干掉了windows，好心疼正版office，刚刚接触linux一点都不习惯，特别windows里积累的一些小工具都不能用了，感觉像失去了左右手。我是window7的原住民，没怎么用的xp，所以每次学校上机课都很难受，用不习惯xp。现在用linux也有种那情况，破釜沉舟适应linux。

进入github，点击Settings -> SSH and GPG keys -> generating SSH keys -> Generating a new SSH key and adding it to the ssh-agent。注意一台pc只要一个SSH，如果已经有的，就要不要重复添加了

但是实际上这样写了之后，按钮都失效了，怎么点都没有反应。这是为什么呢？理解上一篇讲的捕获和冒泡事件后就很好理解这点了，可以DOM事件之捕获、冒泡。我们没有指定监听是在捕获还是冒泡阶段，浏览器默认是冒泡阶段，当我们点击按钮时，捕获阶段没有发生什么时候，但是冒泡阶段就不一样了，首先button上函数先触发，然...

HTML 中onclick = '要执行的代码'，一旦用户点击，浏览就eval('要执行的代码')，这里不是属性，不是函数，是一段代码。JavaScript 中，一旦用户点击，浏览器就执行X.onclick.call(X,{})，意思是onclick是一个函数属性，而print是一个属性，因为它的类型是对象；但下面的print()的类型是undefined。所以在HTML 中必须传递...

刚刚的轮播用具体思维做，因为不知道它有哪几种状态，就一步步来做，等效果做出来后，哪几种状态，一目了然。下面就用抽象思维做一遍. 用抽象思维做 初始化CSS样式 {代码...} 轮播状态 先来看下这个轮播有那几种状态 图片出现在视窗状态，我用 current 表示 图片离开视窗状态，我用 leave 表示 图片准备进入视窗状态，我...

昨天学习的轮播机制类似于走马灯，所有图片排成一排，轮流在你眼前走过，你就会感觉他们动起来了，今天学的无缝轮播就不能用昨天的思路了，它和昨天最大的区别是，从最后一张回到第一张是直接切换的，不是先回到第一张图片的位置，然后再往后切换。

页面上面有三个img标签用两个div便签包裹好，class=images是用来布局的，一般不在布局的标签上面做任何操作，class=window是用来做轮播窗口的。三个button按钮，用于切换图片。

DOM 提供了nextSbiling`previousSbiling，有人说用parentNode.children获取，但是这样做item3`也在里面了，所以就自己做一个API，我把这个名字叫做getSiblings

闭包定义：指拥有多个变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。函数内部可以直接读取全局变量。函数内部变量无法在函数外部访问。函数内部声明要用var或者let声明，不然会变成全局变量链式作用域：子对象会一级级向上寻找父对象的变量，父对象的变量子对象都是可见的...

这里题目是来自廖雪峰的教程map/reduce，这两天在学习reduce时老是弄不懂它的参数，做了他里面的几个题目，清晰了很多，当然了我第一次做题目时，完全没头绪，基本是看了下面的评论才理解的，前辈们的博客是很好的学习资料。

Node派生自Object，它包括Element、Text、Document(html)、Coment，如果一个 API 是Node的，那它的子类也拥有。

函数都会有一个返回值，不写，默认返回undefined。因为一个函数必须要有一个终止的语句注意：consol.log()永远返回undefined，它打印什么和返回的没啥关系。

Array可以使用new关键字创建 。var a = new Array(1,2,3,4); === var a = Array(1,2,3,4); === var a = [1,2,3,4];

Global是是ECMAScript 中的全局对象（浏览器中是window），不属于其他对象的属性和方法，所有在全局作用域中定义的属性和方法，都是Global对象的属性（window）。

canvas画板，比较简易，目前还有很多bug1、手机端上下会晃动2、下载按钮微信上没法用3、下载后背景色是透明4、切换成橡皮擦后，需要先点铅笔才能绘画，不能直接点颜色

Float 布局 给子元素加上float:left 给父元素加上clearfix {代码...} Flex 布局 给父元素加上 display:flex; 给父元素加上 justify-content:space-between; 发现两个Flex 小游戏（感觉好脑残）不过挺适合新人学习的：[链接][链接] 简单的布局：做定位的的元素上面不要加任何属性，需要加属性，在它里面做，bug最少。 {代...

flex 之前的布局方式 normal flow（正常流或叫文档流） float + clear position relative + absolute display inline-block 负margin flex 布局特点 块级元素侧重垂直方向、行内布局侧重水平方向，flex 布局是与方向无关的。 flex 布局可以实现空间自动分配、自动对齐（flexible：弹性、灵活） flex 适用于简单的线性布...

媒体查询后来者居上，blue会覆盖red。 {代码...} 解决：1.用倒序的方法写，满足条件的在下面，就不会被覆盖了。 {代码...} 2.让前后条件之间不要与交集，可用and连接，前后条件都要加括号。 {代码...} 媒体查询结果可用CSS文件代替里面的内容，不满足条件link不会生效，但是文件都会下载，如果等变了在下载，就来不及了...

css中有很多反人类直觉的东西，所以在学css的过程中最大的乐趣不在于记住多少，而在于自己动手做实验，一步步颠覆你的直觉，初学css层叠上下文，做了一些简单的小实验一步步验证自己的想法。

div由的高度是由它里面的字体乘以字体建议的行高确定，跟这个字体大小没有关系(不同字体相同字体大小，会影响div的高度。)如过明确告诉浏览器行高，div高度就是行高。

实例：贪吃蛇游戏 第一部分：设置游戏界面，创建3个简单的函数： 游戏画板边框函数 计分函数 结束游戏函数 第二部分：制作游戏人物 Block构造函数添加三个方法：drawSquare、drawCircle、equal Snake构造函数添加四个方法：draw、move、checkCollision、setDirection Apple构造函数添加2个方法：draw、move 第三部分：添...

题目二：编写一个函数，他将来接受一个数组：point =[[50,50],[50,100],[125,120],[100,50],[70,90],[100,90],[70,120]]，绘制一条直线连接这些店。

题目：用原型的方法，绘制会动的汽车，要求1.可以一下制作一组汽车；2.让汽车向右移动；3.移动的距离可以手动控制 分析： 用构造函数方方创建一组车辆的坐标 绘制汽车 向右移动(可手动更改移动距离) {代码...} 注意：如果用这种方法调用setInterval(tesla.moveRight(10),10)，setInterval()会调用windows的moveRight，而...