- 博客(4)
- 收藏
- 关注
RSS订阅原创 用事件委托减少Dom元素的事件绑定
当我们需要为一个父元素下的所有子元素绑定事件的时候，我们通常条件下的做法，获取到父元素下的所有子元素，然后循环为所有的子元素绑定事件。但是当子元素的数量很多的时候，过多的绑定事件为影响到页面的性能，同时新增的子元素没有被绑定上事件，除非手动地在循环一次，为所有的元素在绑定上事件。这时候事件委托或者叫事件代理就派上用场了。 事件委托是利用了js事件冒泡的原理，当子元素被点击的时候，父元素的
2017-10-18 21:00:51
403
原创 jquery实现滑动到底部加载下一页的数据
为了减少页面的加载量和页面的呈现速度，不是所有的内容都需要在第一时间在家给用户看。用户在浏览第一屏内容的时候，那么加载第一屏以下的内容不是很有必要的，当用户在浏览页面时，动态地按需加载即可。也就是当滑倒页面的底部的时候，再触发加载事件，加载文章内容。 我们先看一下滚动条滚动到底部时触发事件的原理： 当（可视区域的高度+可视区域距离内容顶部的距离） >= 内容的真实高度 的时候触发
2017-10-13 20:09:52
10327
2
原创 用css实现自定义复选框
复选框在网页中我们会经常用到，但是它原本的样式过于简陋，单一。在实际的项目中开发中，我们往往需要对复选框进行美化。但是我们无法直接更改其样式，只能通过其他的一些方法来达到我们的效果。 先浏览一下做好的效果： 其实现原理是label标签中包含了一个隐藏的checkbox和一个I标签，使用label标签包裹住input和i把标签的原因是当我们点击label标签中的元素时，就相当于点
2017-10-12 20:26:28
5441
原创 用jquery实现stick-hero游戏
开言： stick-hero,很多人都玩过这个游戏吧。初写博客，今天分享一下在国庆写的这个小游戏，实现起来还是挺简单的。 游戏的链接是：http://120.25.238.70:8037/game/login.html 我们先看一下游戏的截图： 我们先看下游戏的主要逻辑： 1.长按屏幕时，棍子会从0不断往上增加长度，当松开手指时，棍子以下面的支撑点为圆心，棍子长度为半径画弧度，
2017-10-10 19:52:41
884
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人