请使用firefox,chrome等最新浏览器浏览本站。

标签:javascript

js+jquery

fullPageModule.js(全屏切换)

查看demo 下载fullPageModule.js 前言: 最近一段时间我在写各种效果的js插件,尽量去繁从简,满足实际应用,目的是形成自己的一套轻量级的插件库。 全屏切换展示的网站现在比较常见,尤其是展示类型的网站,比如苹果,小米官网有很多处用到了全屏切换效果。 今天给大家分享一款轻量级的全屏切换插件(fullPageModule.js) fullPag……继续阅读 »

阿豹 5年前 (2014-07-30) 468浏览 0评论 0个赞

js+jquery

js实现网站进度条

查看demo 通常网站为了更加人性化,会有一个加载进度条来显示加载百分比。 原理就是利用图片的预加载来实现。因为大部分网站的资源主要是图片,从而可以利用图片的加载量来实现加载百分比 DEMO: html代码 <div class="fixed-section progress-section"> <di……继续阅读 »

阿豹 5年前 (2014-07-01) 297浏览 0评论 0个赞

js+jquery

使用SeaJS实现模块化JavaScript开发二

sea.js官网 模块的载入和引用 上文说过一个模块对应一个js文件,而载入模块时一般都是提供一个字符串参数告诉载入函数需要的模块,所以就需要有一套从字符串标识到实际模块所在文件路径的解析算法。SeaJS支持如下标识: 1.绝对地址——给出js文件的绝对路径。 require("http://best-html5.net/js/a"); 就代表载入 ……继续阅读 »

阿豹 5年前 (2014-06-17) 302浏览 0评论 0个赞

js+jquery

使用SeaJS实现模块化JavaScript开发一

sea.js官网 前言 SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与 jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要 目的是令JavaScript开发模块化并可以轻松愉悦进行加……继续阅读 »

阿豹 5年前 (2014-06-17) 351浏览 0评论 0个赞

js+jquery

js模块化编程-闭包定义模块

使用闭包定义模块有个简单的套路: 1. 定义一个函数,作为”私有“作用域 2. 在函数中,使用var定义一些”私有“的变量/函数 3. 函数返回一个引用这些”私有“变量/函数的object或者function。 按照这个套路,可以满足大部分的模块化需求。 var module = (function(){ var a = ……继续阅读 »

阿豹 5年前 (2014-05-09) 333浏览 0评论 0个赞

js+jquery

js模块化编程-对象定义模块

一.原始写法 模块就是实现特定功能的一组方法。 只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。 var aa = 1; function a1(){     //...   }   function a2(){     //...   } 上面的函数a1()和a2(),组成一个模块。使用的时候,……继续阅读 »

阿豹 5年前 (2014-05-08) 339浏览 0评论 0个赞