javascript
文章平均质量分 57
noobFrontEnd
这个作者很懒,什么都没留下…
展开
-
瀑布流关键部分
瀑布流要求:生成100个颜色、大小不等的li,将其随机放到四列ul中,随机放入的规则是下一个生成的li 必须放在当前最低的ul 中。瀑布流的想法是判断四列li的高低,最低的优先放置下一次生成的div,这个页面的关键部分在于如何判断四列li的高度原创 2017-07-15 11:22:11 · 263 阅读 · 0 评论 -
相隔一段时间之后才可以执行某一事件的功能实现
事件相隔时间执行 #one { width: 300px; height: 300px; background-color: #7B68EE; } var oneDiv = document.getElementById("one"); var bool = true;//记录事件是否触发原创 2017-07-29 11:24:12 · 639 阅读 · 0 评论 -
JavaScript学习笔记:数组随机排序
本文转自http://www.w3cplus.com/javascript/how-to-randomize-shuffle-a-javascript-array.htmlJavaScript中提供了sort()和reverse()方法对数组项重新排序。但很多时候这两个方法无法满足我们实际业务的需求,比如说扑克牌游戏中的随机洗牌。在这篇文章一起来学习如何完成上面这个示例的效转载 2017-08-20 18:27:38 · 356 阅读 · 0 评论 -
javascript 正则表达式使用说明详细教程
原文地址http://http://blog.csdn.net/fish86/article/details/542926521,正则表达式的作用:匹配一个字符串中的一些内容2,声明和使用:1)构造函数 var reg=new RegExp(/表达式/)2)字面量 var reg=/表达式/ 推荐使用eg: var reg=/abc/ 表示匹配含有abc 的字符串转载 2017-07-27 15:28:22 · 570 阅读 · 0 评论 -
原生实现拖拽进行css定位的小工具
前言有些时候,用CSS实现一些不是太精确的定位,比如说不是严格的居中,或者是想把元素摆在自己想放的地方的时候往往比较麻烦,在没学JS的时候我也耐着性子调了一阵子,在学了JS拖拽这个功能之后决定要做一个简单的拖动就能实现CSS定位的JS小插件用法首先把需要拖拽的元素加上drag类名,给相对定位的元素加上wrap 类名。点击拖拽元素放到想放的位置之后松开鼠标,将下方出现的文本框中的值复制下来,右击复制按原创 2017-07-23 11:21:42 · 1250 阅读 · 0 评论 -
从删除邮件小页面看flag标志位
删除邮件要求: 选择一个或几个邮件,点击删除按钮后删除 这里重点写的是一个小问题:如何才能点击左上全选框和下面的全选按钮都让选框全部选中或不选中?原创 2017-07-15 11:10:46 · 437 阅读 · 0 评论 -
连连看关键部分
连连看有两种玩法:第一种是必须点击两次假如不能消除,必须再点击两次才能消除一对div 元素,另一种玩法是点击两次假设不能消除,则记录最后一次点击的元素,并将其和下一次点击的元素进行比较,如果相等就消除,不相等就继续记录上一次元素分析原创 2017-07-15 11:32:51 · 277 阅读 · 0 评论 -
试谈style.width和offsetWidth对设置对象宽度区别
昨天被人叫过去看一个bug。他的bug有一处是这样的:img.style.width = div.style.width / 2;img.style.height = div.style.width / 2;在跟他说明宽度不能用这种方式来设置要用offsetWidth或者offsetHeight 设置之后他问了我一句 为啥同样都是宽度,为啥不能用这种宽度设置要用那种方式设置呢原创 2017-07-17 19:36:36 · 1580 阅读 · 0 评论 -
锅打灰太狼关键部分
坑中随机会出现大狼或者小狼,点击大狼加十分,点击小狼扣十分。分析这个小游戏里定时器非常多,所以定时器的创建和删除是比较关键的地方 开始游戏按钮相当于函数入口 点击开始游戏之后开始启动倒计时定时器,倒计时定时器不会受其他事件,除非自身宽度到底。所有的事件都包含在生成狼的定时器中。意思为不管狼被不被打都不会影响狼定时器的工作。这个小游戏里有很多非负即正的flag量控制的定时器,这也为以后类似情况原创 2017-07-15 11:54:46 · 945 阅读 · 0 评论 -
解决Zepto.js轻扫手势和动画没作用
前两天(又是前两天)在用zepto.js的时候遇到了swipeLeft事件报错和动画报错(undefined)的问题,遇到这个问题的时候我的内心是崩溃的……谁知道会出现这个问题呢。后来仔细看了看官网才发现支持swipe手势的touch和支持动画的fx和fx_methods是需要另下载代码支持的。那么问题就解决了。只用去touch和fx把代码弄下来就可以用了原创 2017-09-08 19:34:33 · 607 阅读 · 0 评论