优化jQuery调整屏幕和滚动性能

在最近的一个jQuery插件中,我使用到了jQuery中的resize()方法来检测用户调整浏览器窗口并运行相关代码。 我注意到resize window时各个浏览器的性能消耗不一。 IE、Safari、Chrome在调整窗口变化中一直在执 ...

jquery滚动条插件slimScroll

jQuery slimScroll插件是一个支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动。该插件挺好的。 不过不支持resize的时候重新调用插件,有一个贡献者已经修改过源码,不过作者并没有加进去。 如果你有需要,可以去看看: ...

jQuery工具提示插件:tooltip

jQuery工具提示插件:tooltip
正如你在这个博客上看到的某些标题提示的那样子,当鼠标经过某些文字时,会弹出提示的内容,比默认的标题看起来更加的高大上了。来看看这张图你就会明白这个插件是干什么用的了

JS阻止冒泡和取消默认事件(默认行为)

js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。使用event.preventDefault()可以取消默认事件,也叫默认行为。

Microjs:迷你前端开发框架和类库资源收集

前端开发工程师必备的网站,这个Microjs.com网站收集了各种各样的框架和代码,你可以通过下载使用或者借鉴大神的项目是怎么做的,里面还有基础的框架可以参考,你可以借鉴做一个自己的框架,无论是JavaScript框架、CSS框架都行。 我 ...

跨域方法汇总

JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下: 首先什么是跨域,简单地理解就是因为JavaScript ...

jQuery图片预加载(延迟加载)插件Lazy Load

Lazy Load也叫惰性加载,延迟加载,顾名思义,就是在图片未到达可视区域时,不加载图片,我们常常在很多的优秀网站上看到类似的例子,例如迅雷、土豆、优酷等,由于一个网页的图片非常多,一次性加载增加服务器压力,而且用户未必会拉到底部,浪费用 ...

html2canvas将HTML内容写入Canvas生成图片

html2canvas将HTML内容写入Canvas生成图片
html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当前页面渲染成一个canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。

HTML5 元素 datalist 介绍

HTML5 元素 datalist 介绍
元素介绍 想象一下我们想要用户输入一个字符串,例如他们的名字,我们可能会用到<input type="text"/>元素,这样子用户就可以随意的输入他们的内容。想象一下假如我们需要用户输入的是他们的国家居住地,我们更喜欢使用&l ...

jQuery Waypoint 元素滚动监听触发插件

插件介绍 Waypoint(路标)是一个很容易执行滚动到元素触发事件的jQuery插件。常常用于滚动到元素时触发动画、添加事件、固定在某个位置和无限滚动加载等。该插件主要是跟我之前写过的滚动固定在某个位置插件类似,只不过将固定起来的事件改为 ...