从零开始nodejs系列文章，将介绍如何利Javascript做为服务端脚本，通过Nodejs框架web开发。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express，可以帮助我们迅速建立web站点，比起PHP的开发效率更高，而且学习曲线更低。非常适合小型网站，个性化网站，我们自己的Geek网站！！ 关于作者 张丹(Conan), 创业者，程序员(Java,R,Javascript/Nodejs) weibo：@Conan_Z blog: http://blog.fens.me email: bsspirit@gmail.com 转载请注明出处： http://blog.fens.me/nodejs-layzr/ 前言 延迟加载技术，普遍应用于现在大部分的互联网的Web应用上。通过对图像的延迟加载，等到用户浏览区域接近时才把图片进行加载，可以有效地提升网页打开的速度，进一步改进用户的体验。 Layzr.js库就可以完成这个功能，150多行代码，很小很快很方便。 目录 layzr介绍 layzr的基本使用 Layzr的配置 1. layzr介绍 layzr.js 是一个很小、速度快、无依赖的，用于浏览器图片延迟加载的库。 我们找到Layzr.js官方的Github上面，dist目录发布的 layzr.min.js 仅有 2.2 KB。同时，发现 package.json 文件，没有任何的dependencies依赖。 用layzr.js进行图片延迟加载，是非常方便的。通过配置选项，实现最大化的加载速度。layzr.js对于滚动事件已去抖，以尽量减少对浏览器的压力，以确保最佳的渲染。 项目官方网站：http://callmecavs.github.io/layzr.js/ 2. layzr的基本使用 layzr.js是在浏览器端运行的Javascript库，但是他是用于NPM管理的，还在没有bower中发布。关于NPM和Bower的介绍，请分别查看文章：快速创建基于npm的nodejs库 ， bower解决js的依赖管理 下面我们用npm的方式，下载layzr库。 首先，创建项目目录。 ~ D:\workspace\javascript> mkdir js-layzr && cd js-layzr 新建NPM项目文件package.json。 ~ D:\workspace\javascript\js-layzr> vi package.json { "name": "js-layzr", "version": "0.0.1", "description": …
Read more →