IT笔录

IT技术学习笔记和经验记录

第 17/27 页,共 264 篇文章

数字累加插件 CounterUp

1. 插件介绍 CounterUp(Counter-Up)是一个jQuery插件,它可以实现数字从0到指定值的动态累加。其支持的数据类型有: 整数-如12345 浮点数-如0.12345 格式化数字-如1,234,567.00 CounterUp插件有以下特点: 自动识别整数、浮点数或格式化数字 -如0.12345 轻量化:~1kb 最...
阅读全文 →

图片延时加载插件 imagesLoaded

imagesLoaded是一个jQuery图片延迟加载插件,用于检测网页中的图片是否加载载完成JavaScript工具库。支持基于回调获取图片加载的进度,还可以绑定自定义事件。可以配合jQuery、RequireJS使用,也可以单独使用。 插件安装 jQuery调用 在RequireJS中使用 独立使用 事件 1. 插件安装 github ...
阅读全文 →

一个元素滚动监听插件Waypoints

在Web开发中,有始需要监听页面或DOM元素的滚动事件,然后通过滚动事件触发一些函数调用,如,我们会根据页面滚动来加载新数据等。Waypoints是一个用于元素滚动事件监听的插件,还可用于元素固定和无限滚动。Waypoints提供了几种使用方式,即可以结合JQuery或Zepto库使用,也可以不依赖第三方库单独使用。 安装与引用 1.1 安装...
阅读全文 →

jQuery 倒计时插件 jQuery.countdown

在Web页面中有时会需要倒计时功能,jQuery.countdown是一个使用简单、无任何CSS/HTML依赖的 jQuery 倒计时插件。它会自动控制DOM、注册回调并开始计时,适用于任何布局方式,且支持多种不同的倒计时方式。 安装与引用 插件使用 2.1 参数 2.2 控制 事件与事件对象 3.1 事件 3.2...
阅读全文 →

JavaScript 倒计时插件 Countdown.js

Countdown.js是一个轻量级的 JavaScript 类库,它提供了简单的 API,用于快速计算两个日期之间的差值,而且可以将结果以多种格式动态显示出来。 1. 安装使用 1.1 下载 Countdown.js官方网站为countdownjs.org,可以在其官网下载插件、查看文档等。或者通过下面链接下载: countdown.js-完整版 ...
阅读全文 →

CSS预处理器LESS、SASS使用教程

CSS(Cascading Style Sheets),层叠样式表是一种用来给HTML或XML定义样式的编程语言,目前最新版本为CSS3。使用CSS有很多好处,如:可以做到网页表现与内容的分离、统一设置元素样式、对网页中的元素进行更精确的排版和控制等。但CSS也有无法递归定义、无法使用变量/表达式、及复用性不足等缺点。针对这些不足,人们推出了一些CSS预处...
阅读全文 →

面向对象与JavaScript

JavaScript是一种基于对象的语言,与传统面向对象语言(C#、C++)相比,JavaScript中没有类的概念,其继承有两种基本形式:基于对象的继承和基于类型的继承(原型链继承)。无论哪种形式的继承,都是基于一个已经存在的对象创建一个新对象。 1.类继承的实现 基于对象的继承 ECMAScritp5中提供了一个...
阅读全文 →

关于 JavaScript 严格模式的介绍

ECMAScript 5中引入了严格模式(strict mode),相同的代码在严格模型下有时会比普通模式下执行的更快。在严格模式下,执行引擎会对JavaScript进行更加严格的语法检查,一些在普通模式下的静默错误会在严格模式下抛出异常。 使用严格模式 1.1 全部开启严格模式 1.2 部分使用严格模式 与非严格模式的区别 ...
阅读全文 →

prototype、__proto__与JavaScript的原型链继承

JavaScript没有传统面向对象语言的类继承机制,而是基于原型链继承实现的,其本质是使用函数模拟类的特征。我们可以通过prototype将属性写到原型链上,调用new操作符创建对象(实例化)时,对象实例会把类原型链上的属性关联到自身的__proto__属性上;而子类继承父类时,是将子类的prototype属性指向父类的prototype属性,并在子...
阅读全文 →