当一个父元素包含的子元素都设置为float的时候，父元素的高度会出现坍塌的现象（见下图）。此时可能会对周围的布局产生影响，所以清除浮动，显得十分重要。

事件委托，就是某个事件本来该自己干的，但是自己不干，交给别人来干。就叫事件委托。打个比方：一个button对象，本来自己需要监控自身的点击事件，但是自己不来监控这个点击事件，让自己的父节点来监控自己的点击事件。

只要协议、域名、端口有任何一个不同，都被当作是不同的域。由于浏览器的同源策略，其限制之一是不能通过ajax的方法情趣请求不同源的文档。第二个限制是浏览器中不同域的框架(iframe)间是不能进行js的交互操作的。

JS在浏览器中的全局对象是window对象。在Node.js环境中，全局对象则叫global。我们可以用它来区分当前JavaScript的执行环境：

在开发大型应用的时候，我们常常会用到全局变量，例如：var s="Hello"。但是，当我们的应用越来越大时，我们可能会不小心重复用了几个相同的变量或者函数名，这就会给我们的应用造成麻烦。为了解决这个困难，于是提出了模块的概念。模块是一种代码的组织形式，就是把...

Node.js 安装与更新 Node.js可以通过在官网下载更新，第一次安装我们只要跟着下一步就可以安装完成了。 重要的是后续的更新。 我们可以通过在终端中输入：node -v回车来查看当前的版本。如果版本过低，我们则需要更新我们的node.js。步骤如下： 清理npm缓存：sudo np...

这个播放器的开发历时2个多月，并不是说它有多复杂，相反它的功能还非常不完善，仅具雏形。之所以磨磨蹭蹭这么久，一是因为拖延，二也是实习公司项目太紧。8月底结束实习前写完了样式，之后在家空闲时间多了，集中精力就把JS部分做完了。这个播放器确实比当初构想的...

接着上次的进度，我们已经实现了一个todo-list。它已经具备了基本的功能，可以新建、编辑、删除任务。但是美中不足的是，它的时间设定上只能通过输入一段字符串来设定，很不社会。我们应该完成的效果是一个time-picker，日期选择器。本来打算自己造轮子，无奈公司最...

最近在研究vue的相关知识，最好的学习方法莫过于自己开发一个SPA，这样带着问题来学习，进步自然飞速。于是边查边写差不多花了2周写完了一个todo-list，功能不够完备，但是麻雀虽小，却也是五脏俱全，基本功能是可以满足的了。话不多说，直接来看项目吧。

上一周学了闭包和模块，这一周仍然是跟着@波同学，试着封装了一个拖拽模块。过程中经历了一些曲折，最开始我是打算只用style.left的方式，但是这个需要设置position：absolute。可能对代码造成一定影响。虽然CSS的transform会影响兼容，但这里我还是使用了这个属性的...

前言：这段时间一直在消化作用域链和闭包的相关知识。之前看《JS高程》和一些技术博客，对于这些概念的论述多多少少不太清楚或者不太完整，包括一些大神的技术文章。这也给我的学习上造成了一些困惑，这几个概念的理解也是始终处于一个半懂不懂的状态。后来在某公众...

作为一个前端萌新，接触Github是必须的，写这个栗子的目的是为了让自己熟悉git的一些操作，也方便自己查找。用的栗子是以前写过的一个fullpage的教程，让我们来看看如何在全球最大同性交友网站处理自己的宝贝~

作为一个学习中练手的小demo，选了一个计算器。原因大概只是因为早就想做，比较简单，又确实有很多地方不太清楚，所以选了这个玩意，其实看网上的许多源码，做起来不是很难，但是我还是写了差不多一个礼拜，每天中午午休的一个小时加上下班后的1个小时，星期天也弄了...

对象 每个对象的创建都基于引用类型，比如： {代码...} 我们可以创建自定义对象，最简单的方法就是创建一个Object的实例，比如： {代码...} 上面的例子创建了名为person的对象，并添加了3个属性。 创建对象和构造函数 1.创建对象有多种方法，上述的一种，属于Object...

我们在创建了XHR对象后，接着需要用两个方法来发送请求：open()和send()，这两个方法有点像赛跑前的两个步骤：预备、跑。在open()中，并没有实际发送请求，只是一个“预备”动作，真正的发送要到send()中了。

AJAX是异步JavaScript和XML的缩写，它的作用是执行异步的网络请求。因为JS是线性同步，如果需要用户向浏览器发送一个请求，那么就需要等浏览器接收到了结果才能继续运行，如果发送到接受的时间太长，浏览器就会很长时间处于“假死”状态，这样的用户体验很不好。于是Je...

Array类型的调整数组数量的几个方法 常见的有如下几个： push()方法 pop()方法 shift()方法 unshift()方法 push()方法和pop()方法： push()方法可接受不了任意数量的参数，把它们逐个添加到数组末尾，并返回修改后的参数；pop()方法会从数组的末尾删除掉最后一项，并...

已经解决，跟muse-ui有关，提供了两个方法：@input和@change，作用的条件不一样，估计是input只要有变化就会触发，而change只会作用于手动拖动或点击。解决方法：替换input为change即可。