2014-06-26 19:35:43

Media(媒体查询器)

前些时间，在一个涉及兼容多终端的项目中，零散接触到响应式设计，今天整理一下相关知识：

响应式设计的核心CSS技术Media(媒体查询器)：

首先在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效...

2014-06-14 18:00:25

placeholder in ie<9

placeholder（占位符），作用是给input描述输入字段预期值的提示信息，目前，对HTML5的placeholder属性支持的浏览器有谷歌浏览器、火狐浏览器、Safari、Opera，还有IE10+。

placeholder in ie < 9

placehol...

css-xhtml | 评论(0) | 引用(0)

2014-04-28 17:39:12

NodeJS与PHP字符处理速度对比

测试用例对一个大字符串的字符的读取，对比Node.js和PHP的字符处理速度。

Node.js
[code]var fs = require("fs");

var content = fs.readFileSync("a.html", {
encoding: "ut...

PHP-SQL | 评论(0) | 引用(0)

2014-04-01 17:20:48

window.crypto.getRandomValues获得一个大于零的随机数

window.crypto.getRandomValues(new Uint32Array(1))[0];
浏览器支持情况如下：

IE: no
IE Mobile: no

Firefox24+

Firefox Mobile: will be in 21

Safari: from 3.1

Safari Mobile: from iOS 6

...

Javascript | 评论(0) | 引用(0)

2014-03-18 19:44:05

PHP json与xml序列化/反序列化

web开发中对象的序列化与反序列化经常使用，比较主流的有json格式与xml格式的序列化与反序列化

php中的json_encode和json_decode函数对对象进行json格式序列化/反序列化操作

[code]$data=array('Name'=>'By...

PHP-SQL | 评论(0) | 引用(0)

2013-12-02 19:17:29

data-* 自定义属性

HTML5中添加了data-*的方式来自定义属性，data-*实际上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。

data-*有两种设置方式，可以直接在HTML元素标签上书写

[code]<div id="tes...

css-xhtml | 评论(0) | 引用(0)

2013-11-11 14:14:42

数字每三位以逗号分隔的处理方式

正则方式：

[code]"15000000".split("").reverse().join("").replace(/(\d{3})/g, "$1,").split("").reverse().join("");

"115000000"...