novice的博客

瀑布流要求：生成100个颜色、大小不等的li，将其随机放到四列ul中，随机放入的规则是下一个生成的li 必须放在当前最低的ul 中。瀑布流的想法是判断四列li的高低，最低的优先放置下一次生成的div，这个页面的关键部分在于如何判断四列li的高度

前两天（又是前两天）在用zepto.js的时候遇到了swipeLeft事件报错和动画报错(undefined)的问题，遇到这个问题的时候我的内心是崩溃的……谁知道会出现这个问题呢。后来仔细看了看官网才发现支持swipe手势的touch和支持动画的fx和fx_methods是需要另下载代码支持的。那么问题就解决了。只用去touch和fx把代码弄下来就可以用了

博客停更了好久，这次打算来点干货（并不刚把最近学到的PHP后台和数据库知识整理了一下做成了一个思维导图，没有做到特别细，反正有些语法部分能查到。

转自http://www.zhangxinxu.com/wordpress/2009/09/%E5%AF%B9html%E4%B8%8Ebody%E7%9A%84%E4%B8%80%E4%BA%9B%E7%A0%94%E7%A9%B6%E4%B8%8E%E7%90%86%E8%A7%A3/            这篇文章发布于 2009年09月18日，星期五，21:21，归

原文地址http://blog.csdn.net/mark_jf00/article/details/62238208这一阶段整在学jQuery，初学jQuery感觉好用是好用，但是对一些好用的方法自己都不知道，所以上网找了一个思维导图，就转载过来，以后有空就就可以翻翻。

事件相隔时间执行 #one { width: 300px; height: 300px; background-color: #7B68EE; } var oneDiv = document.getElementById("one"); var bool = true;//记录事件是否触发

本文转自http://www.w3cplus.com/javascript/how-to-randomize-shuffle-a-javascript-array.htmlJavaScript中提供了sort()和reverse()方法对数组项重新排序。但很多时候这两个方法无法满足我们实际业务的需求，比如说扑克牌游戏中的随机洗牌。在这篇文章一起来学习如何完成上面这个示例的效

原文地址http://http://blog.csdn.net/fish86/article/details/542926521，正则表达式的作用：匹配一个字符串中的一些内容2，声明和使用：1）构造函数 var reg=new RegExp(/表达式/)2）字面量 var reg=/表达式/   推荐使用eg: var reg=/abc/    表示匹配含有abc 的字符串

前言有些时候，用CSS实现一些不是太精确的定位，比如说不是严格的居中，或者是想把元素摆在自己想放的地方的时候往往比较麻烦，在没学JS的时候我也耐着性子调了一阵子，在学了JS拖拽这个功能之后决定要做一个简单的拖动就能实现CSS定位的JS小插件用法首先把需要拖拽的元素加上drag类名，给相对定位的元素加上wrap 类名。点击拖拽元素放到想放的位置之后松开鼠标，将下方出现的文本框中的值复制下来，右击复制按

本文转载自http://www.cnblogs.com/xiaohuochai/p/5828369.html#anchor1前面的话　　偏移量(offset dimension)是javascript中的一个重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。当然，还有一个偏移参照——定位父级offsetParen

删除邮件要求： 选择一个或几个邮件，点击删除按钮后删除 这里重点写的是一个小问题：如何才能点击左上全选框和下面的全选按钮都让选框全部选中或不选中？

连连看有两种玩法：第一种是必须点击两次假如不能消除，必须再点击两次才能消除一对div 元素，另一种玩法是点击两次假设不能消除，则记录最后一次点击的元素，并将其和下一次点击的元素进行比较，如果相等就消除，不相等就继续记录上一次元素分析

昨天被人叫过去看一个bug。他的bug有一处是这样的：img.style.width = div.style.width / 2;img.style.height = div.style.width / 2;在跟他说明宽度不能用这种方式来设置要用offsetWidth或者offsetHeight 设置之后他问了我一句 为啥同样都是宽度，为啥不能用这种宽度设置要用那种方式设置呢

前言今天jq上一个概念让我迷糊了好久：prop 和 attr 。到底为啥要分出这俩方法，我很奇怪，于是去查了查。以attr()为例，官方文档上的解释如下 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。和attr() 类似的，prop() 的解释也差不多 获取匹配的元素集中第一个元素的属性（property）值或设置每一个匹配元素的一个或多个属性。既

坑中随机会出现大狼或者小狼，点击大狼加十分，点击小狼扣十分。分析这个小游戏里定时器非常多，所以定时器的创建和删除是比较关键的地方 开始游戏按钮相当于函数入口 点击开始游戏之后开始启动倒计时定时器，倒计时定时器不会受其他事件，除非自身宽度到底。所有的事件都包含在生成狼的定时器中。意思为不管狼被不被打都不会影响狼定时器的工作。这个小游戏里有很多非负即正的flag量控制的定时器，这也为以后类似情况

有关VueVue是一个最近很火的前端框架，这篇文章是在我看了Vue除了组件部分之外的基础部分之后，参考了一篇知乎专栏的练习写的一个练手demo，结合了Boostrap和localStorage。而以后这个demo其实还可以延伸开来，引申出更深的用法。代码