w222

[hermit auto=”0″ loop=”0″ unexpand=”0″ fullheight=”0″]netease_songs#:28656170[/hermit] http://music.163.com/#/song?id=26270008

read more..

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

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..

CSS实现文字一行居中,多行左对齐

其实这种需求还是蛮常见的。主要用于产品列表页面,用于产品图片下面,显示产品的名称。但是其纯CSS实现实在是烧脑,一般就放掉这个需求,或者,使用JS实现。 但是,我坚信这一定能用纯CSS来解决!!我为什么如此信念笃定呢?因为我多年前在蓝色理想论坛见到过高手解决过!!! 好吧。我实在是找不到这个帖子了,万能的百度没能给我解决方案。我只能自己想办法了。 [hermit auto=”1″ loop=R...

read more..

WordPress 文章内链短代码

如果你认真写博客的话肯定会有在文章内引用你站内其他文章的时候。这个时候我们一般都是直接用一个a标签来搞定,虽然这样已经解决了问题,但是我们可以有更好的方案。 因为要调用的是站内文章,如果我们使用get_posts的话可以很好的调用文章的元信息,包括浏览量,缩略图之类的,甚至文章摘要(如果你有的话)。再加上可以自定义样式,这个内链看上去可要比普通的A标签高大上多了。比如下面的 [icen_insert...

read more..

一个适合移动端的checkbox

最近写了一个适合移动端的checkbox,如图: ps:中间的勾勾是iconfont,iOS风格的。 具体的HTML:   默认未选中   默认选中   橘黄色 checkbox-orange   绿色 checkbox-green   禁用 CSS代码(SCSS导出的,排版有些奇怪): .mui-checkbox { -webkit-appearance: none; position: relative; width: 25px; height: 25px; margin-right: 10px; backgr...

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..