移动端应该如何动态设置字体大小?

rem由来:font size of the root element,那么rem是个单位,单位大小由它第一代老祖宗的font-size的大小决定。现在前端码农们为了能在各个屏幕上看到一个健康的网页在默默的牺牲着自己的健康,因为不仅要知道rem是个单位,更重要的是要知道怎么能在不同分辨率下呈现的页面都很NB。 事故造成原因: 1.px单位在PC上很流行,在手机屏幕上一看,MLGB的,同样的12px却小的跟蚂蚁似的。 2.好不容易在iPhone4上调...

read more..

图片延迟加载库Layzr

前言 延迟加载技术,普遍应用于现在大部分的互联网的Web应用上。通过对图像的延迟加载,等到用户浏览区域接近时才把图片进行加载,可以有效地提升网页打开的速度,进一步改进用户的体验。 Layzr.js 是一个精小的、能快速加载图片的开发包。使用它的话,除非图片出现在视线中才会加载,否则是不会自动加载图片的。 1. layzr介绍 layzr.js 是一个很小、速度快、无依赖的,用于浏览器图片延迟加载的库。 我们...

read more..

Pjax局部无刷新技术教程

简介 pjax是一个jQuery插件,使用ajax和pushState技术提供快速的浏览体验与真正的永久链接、网页标题、以及浏览器的后退前进按钮操作。 pjax通过抓取HTML从您的服务器通过Ajax和更换容器页面上的HTML内容会与Ajax。然后更新无需重新加载你的网页的布局或任何资源使用pushstate浏览器的当前URL(JS,CSS),提供了一个快速的外观,全页面加载。但它确实就是Ajax和pushstate。 pushState是一个可以操作histor...

read more..

RequireJS入门(二)

上一篇是把整个jQuery库作为一个模块。这篇来写一个自己的模块:选择器。 为演示方便这里仅实现常用的三种选择器id,className,attribute。RequireJS使用define来定义模块。 新建目录结构如下: 这次新建了一个子目录js,把main.js和selctor.js放入其中,require.js仍然和index.html在同一级目录。 HTML 如下: <!doctype html> <html> <head> <title>requirejs入门(二)<...

read more..

RequireJS入门(一)

RequireJS由James Burke创建,他也是AMD规范的创始人。 RequireJS会让你以不同于往常的方式去写JavaScript。你将不再使用script标签在HTML中引入JS文件,以及不用通过script标签顺序去管理依赖关系。 当然也不会有阻塞(blocking)的情况发生。好,以一个简单示例开始。   新建一个目录,结构如下 目录r1 下有index.html、jquery-1.7.2.js、main.js、require.js。require.js和jquery-1.7.2.js去各自...

read more..

Require.JS 简洁入门

1、为什么使用require.js 作为命名空间; 作为命名空间使用; 异步加载js,避免阻塞,提高性能; js通过require加载,不必写很多script 2、require.js的加载 require.js下载 下载后,放在指定目录就可以加载了  <script src="js/require.js"></script> 有人可能会想到,加载这个文件,也可能造成网页失去响应。解决办法有两个,一个是把它放在网页底部加载,另一个是写成下面这样:  <scrip...

read more..