Data URI scheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。比如上面那串字符,其实是一张小图片,将这些字符复制黏贴到火狐的地址栏中并转到,就能看到它了,一张…
分类:前端开发
HTML5、CSS、javascript 等 web 前端技术相关
设置博客/网站支持 Instant Pages 让 Chrome 浏览器瞬间打开下一页面
Chrome 13使得全线的Chrome浏览器都支持了Instant Pages,就是Google搜索将会提前读取第一个搜索结果的网页,而且不仅是图片,还包括脚本和CSS文件,这样一旦你点击了第一个搜索结果(基本上你点击…
oschina 的愚人节小创意:CSS3 的 transform 特性
早上登陆 qq 后,不时的几个关于开发的群里都贴出了 oc 的地址,打开一看,噢,CSS3 的 transform rotate特性! 查看下页面属性,即是 js 的方式对页面全局加了如下属性: -webkit-tran…
Jsduck:前端文档生成利器Jsduck介绍及安装使用
让前端程序更具可维护性,是一个老生常谈的问题,大多数时候我们都关注于应用层面的代码可维护性,如:OO、模块化、MVC,编码规范、可扩展和复用性,但这都是属于设计层面需要考虑的事情,可维护性还应包含另一个方面,也是很多co…
CSS3 box-shadow容器阴影效果示例
CSS3的box-shadow阴影效果 浏览器参照基准:Firefox4 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53 and Later, IE…
大量的 d3.js 示例列表
大量的 d3.js 示例列表 113th U.S. Congressional Districts 20 years of the english premier football league 20000 points…
CSS控制DIV文本和图片水平居中和垂直居中
1、在div css布局中,最常见的问题就是div如何居中的问题。主要利用两个属性来使div居中: body {TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MAR…
javaScript 中数组的操作
1、length 计算数组的长度 2、索引 通过索引获取对应值,同时也可以改变索引对应的值 3、indexOf 和 lastIndexOf 返回某个指定的字符串值在字符串中首次出现的位置。若元素不存在返回-1 lastI…
CSS实现垂直居中的5种方法分析及示例
利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一…
sublime text 常用快捷键与前端开发必备插件
快捷键参考 选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。 Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。 …