Web前端 - 轩枫阁 – 前端开发

demo

demo1：http://xuanfengge.com/demo/201403/ie/css3-ie.html

demo2：http://xuanfengge.com/demo/201403/ie/ie.html

英文原版：http://purecss3.net/doraemon/doraemon_css3.html（需翻墙）

本页面用于测试各个浏览器对CSS3 的解释效果，最大的叮当猫并非图片，而是纯CSS 。目前各个浏览器对CSS3 的支持效果不一样，其中IE系的浏览器支持效果最差。查看全文

2014/03 22 周六

让IE支持HTML5标签及对CSS3 Media Query的兼容

前言

HTML5新增了很多语义化的标签，赋予网页更好的意义和结构。一个网站要做到一套代码多种终端设备都美观的展现，就需要使用CSS3多媒体查询Media Query做成响应式的。

HTML5标签兼容方案

使用HTML5标记的优势

HTML5提供了一些新的元素和属性，例如<nav>（网站导航块）和<footer>。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用。让你在拥有更简洁的代码的同时，也有利于SEO。

关于HTML5结构

文章一：http://imsole.net/html5/ele.html

文章二：http://www.xuanfengge.com/html5-structure.html

兼容解决

HTML5是在低版本的浏览器（IE8-）的兼容是有限的，类似很多结构性的标签<header>、<section>、<footer>等在IE8以下不会被识别。有什么方法能实现兼容呢？在高级浏览器能使用上这些标签，增强语义化；而在低级浏览器（包括IE6）上表现不会出错。那就需要引入html5.js这个文件。查看全文

2014/03 18 周二

JS实用技巧手记（五）

本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~

1. 十六进制颜色值的随机生成

function randomColor(){

var arrHex=["0","1","2","3","4","5","6","7","8","9","a","b","c","d"],

strHex="#",

index;

for(var i=0;i<6;i++){

index=Math.floor(Math.random()*14);

strHex+=arrHex[index];

}

return strHex;

}

console.log(randomColor());

function getRandomColor(){

return "#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6);

}

console.log(getRandomColor());

说明：

1、16777215为16进制的颜色ffffff转成10进制的数字

2、>>数字取整

3、转成16进制不足6位的以0来补充

2. 获取下一个结点，兼容IE和Firefox

查看全文

2014/03 09 周日

前言

Google研发的V8 JavaScript引擎性能优异。我们请熟悉内部程序实现的作者依源代码来看看V8是如何加速的。

作者：Community Engine公司研发部研发工程师Hajime Morita

Google的Chrome中的V8 JavaScript引擎，由于性能良好吸引了相当的注目。它是Google特别为了Chrome可以高速运行网页应用(WebApp)而开发的。Chrome利用Apple领导的WebKit研发计划作为渲染引擎（Rendering engine）。 WebKit也被用在Safari浏览器中。WebKit的标准配备有称为JavaScriptCore的JavaScript引擎，但Chrome则以V8取代之。

V8开发小组是一群程序语言专家。核心工程师Lars Bak之前研发了HotSpot，这是用在Sun Microsystems公司开发的Java虚拟机器（VM）之加速技术。他也在美国的Animorphic Systems公司（于1997年被Sun Microsystems所并购）研发了称为Strongtalk的实验Smalltalk系统。V8充分发挥了研发HotSpot和Strongtalk时所获得的知识。查看全文

2014/03 09 周日