Image Lazy Load:那些延时加载图片的开源插件(jQuery) 图片延时加载技术对大流量的网站来说是十分实用的。目前图片在网站中大量使用,如果不加处理的话会对服务器和带宽造成级大压力,通过只渲染当前用户可见区域的图片,可以极大地减少网站的请求数,降低网络带宽资源,例如:
一般图片
<img src="bg.png" data-src="img1.jpg" />
应用
$(document).ready(function() {
$("img").unveil();
}); JavaScript变量作用域(Variable Scope)和闭包(closure)的基础知识 作用范围是个“木桶”,里面装着变量。变量可以是局部或者全局性的,但在子范围中定义的变量是可以访问父范围的,这一点可能会造成一些困扰。
在JavaScript中使用"var"关键字声明变量。一旦在父范围宣声明,就会作为各自子范围的一部分。即在本地范围内有效,但本地定义的变量不可在全局范围内访问。
让我们来看一个例子。执行下面的代码,你会发现,你能打印出全局范围定义的变量,而全局范围无法访问局部范围定义的变量。
WordPress 4.3核心功能将放弃PHP并使用Node.JS重写[4.1] WordPress一直是目前最为流行的CMS(网站模板和内容管理)系统。它的核心开发人员Ryan Boren宣布,4.3版本的核心功能将使用Node.JS重写,同时将保持与以前版本的向后兼容。WordPress中著名的“cycle"会变成下面这样:
var query = new wp.Query ();
query.setQuery ({
post_type: 'post',
post_status: 'publish',
posts_per_page: 5
});
_.each (query.getPosts (), function (post) {
console.log (post.title);
console.log (post.content);
console.log (post.author);
});
6款基于Node.JS的开源内容管理和静态网站生成系统 随着 Node.js 变得越来越受欢迎,各种为大的或小的 web 应用创建的解决方案越来越多,许多有才华的开发人员创建基于node的解决方案,以取代老一代且被人们所熟知的软件。
在内容管理系统 (CMS) 中,豪无疑问目前最流行的是 WordPress。它是一个可靠、 稳定的系统,有一个非常活跃的社区。它能使那
些对技术不熟悉或根本不懂技术的人也能搭建网站,不仅局限于博客。它还是一个静态站点生成器。Jekyll和基于Jekyll的系统适合开发人员创建博客
或网站,它是一个轻量级的解决方案。在这篇文章,我会列举6个基于Node.js的静态网站生成系统,这些是JavaScript开发人员的最爱。
NativeScript的竞争者React Native:又一个用JavaScript写原生iOS应用的项目 也许是受到 Telerik 的
NativeScript 的压力, React Native的推出显得有点仓促。NativeScript 已经支持Android和iOS平台,还正在添加对Windows的支持; 但React Native目前仅支持iOS平台,二者均使用JavaScriptCore作为iOS上的JavaScript解释器。但由于Telerik一直是销售商业应用解决方案的,而Facebook有着良好的开源传统,加上ReactJS已经积累了相当人气,开发者普遍对 React Native 明显怀有更大的热情,宣布首日就积累了8K+个Star。
OnceIO(Node.JS)的网页(模板)的引用与嵌套 OnceIO 提供将一个网页文件嵌套在另一个网页文件中的机制。文件嵌套与模板引擎无关,语法固定为
<!--#include="path"--> ,其中 path 为文件相对路径,引号必须为双引号,中间不能有空格。
<html>
<body>
<!--#include="header.html"-->
<div>
Main content
</div>
<!--#include="footer.html"-->
</body>
</html>
在 2016 年学 JavaScript 是一种什么样的体验? 嘿,我最近接到一个 Web 项目,不过老实说,我这两年没怎么接触 Web 编程,听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师?
准确地说,我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了,前端可视化、音乐播放器、能踢足球的无人机,你尽管问吧。我刚去 JS 大会和 React 大会逛了一圈,没有什么新技术是我不知道的。
OnceIO(Node.JS)的静态文件路由(app.static) 为了提供静态资源,比如图像、CSS 文件和 JavaScript 文件等,可以将这些资源放在专门的文件夹中,然后用 app.static('folder') 将文件夹设置为 static 模式,使其中的资源可以直接被提供,而不参与中间件、Handler、会话、POST 和 Cookie,以达到节约带宽、减少延迟和降低服务器压力的目的。示例代码如下:
app.static('css')
OnceIO(Node.JS)中的模板引擎是什么及MVC设计模式的使用与实现 这一节主要介绍
OnceIO(NodeJS)中模板引擎的使用。模板引擎是为了使用户界面与业务数据(内容)分离而产生的,模板引擎可以让(网站)程序实现界面与数据分离,在将数据填充到模板并最终生成HTML的过程中,天然就体现了MVC设计模式(Model-view-controller)的思想。 MVC 模式是一种动态的程序设计架构,用一种将业务逻辑、数据、界面显示分离的方法组织代码。简化后续对程序的修改和扩展,并且使程序的某一部分的重复利用成为可能。
NodeJS中的Middleware是什么?在OnceIO中创建和使用中间件 OnceIO 是一个自身功能极简,完全由路由、中间件和Handler构成的 web 开发框架:一个 OnceIO 应用本质上就是在调用各种中间件和Handler。
中间件是一个函数,它可以访问请求对象(request object (req)), 响应对象(response object (res)),并将应用的请求-响应循环传向下一个中间件。
一个应用的请求-响应循环如下图所示,由请求对象、响应对象、中间件和 handler 构成