默认情况下如果网站请求速度慢，所以会有一段时间的空白页面等等，用户体验效果不好，见到很多的页面都有预加载的效果，加载之前先加载一个动画，后台进程继续加载页面内容，当页面内容加载完之后再退出动画显示内容，这样的用户体验更好。例如此链接：http://crusader12.com/C12HoverAlls/这篇文章是从上面链接的内容上拔下来的，操作流程很简单，只有两部如下首先定义一个loader.css文件，如下内容.chromeframe...
19 )链接直达
Web开发中经常需要操作表单，form表单元素有select、checkbox、radio、textarea、button、file、text、hidden、password等。其中checkbox和radio的读写值操作比较多变，checkbox和radio经常用在一个分组里，实现多选或者单选。jQuery提供了利用表单选择器我们可以极其方便地获取表单的某个或某类型的元素。select下拉框select元素内容如下<select...
0 )链接直达
去掉字符串里的内外的所有空格方法一var s = "asd ddd bbb sss";
var reg = /\s/g;
var&nb...
0 )链接直达
今天碰到要在一个页面获取另外一个页面url传过来的参数，一开始很本能的想到了用 split(“?”)这样一步步的分解出需要的参数。后来想了一下，肯定会有更加简单的方法的！所以在网上找到了两个很又简单实用的方法，mark下方法一：采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！）function GetQueryString(name){
var ...
0 )链接直达
WebFont 技术可以让网页使用在线字体，而无需使用图片，在国外非常流行，由于中文的特殊情况，有几个难题一直没搞定。现在在国内几位技术大牛的努力下，终于有了第一款神器.三年前，有一个设计师面试一位 Web 前端工程师，其中有一段这样的对话：“如果设计师希望用图片实现某个字体样式，而从技术的角度来说这样不合理，但设计师非常坚持，这时候你怎么办？”“我会给设计师讲解工程上面临的问题，争取他理解。例如：如果文本使用图片，以腾讯站点的访问量来...
1 )链接直达
几乎所有浏览器(包括最古老的IE6)也支持的网络字体@font-face的用法是：@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
&nb...
0 )链接直达
Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样，在Data URL协议中，图片被转换成base64编码的字符串形式，并存储在URL中，冠以mime-type。本文中，我将介绍如何巧妙的使用Data URL优化网站加载速度和执行效率。演示下面是演示使用Data URL技术在页面上显示图片，你可以查看源代码，看看它和传统的图片引用有什么不同。传统的img用法...
0 )链接直达
注意：只有使用最新版的谷歌浏览器、火狐浏览器，才能正确的显示本文中的演示。Photoshop里最没有用处的一种功能——但也有人说是使其超出竞争对手的一种功能——就是混合模式(blend mode)。混合模式是指两个像素点叠落到一起，用不同的方法混合它们的颜色。比如，darken颜色混合模式，就是选择两个像素中颜色更深的一个输出。当将混合模式运用到整张图片上时，会产生让人惊讶的效果。虽然并不是Adobe的Photoshop发明了混合模式，...
0 )链接直达
浏览器引擎前缀(Vendor Prefix)是什么？Vendor prefix—浏览器引擎前缀，是一些放在CSS属性前的小字符串，用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。谷歌浏览器和Safari浏览器使用的是WebKit渲染引擎，火狐浏览器使用的是Gecko引擎，Internet Explorer使用的是Trident引擎，Opera以前使用Presto引擎，后改为WebKit引擎。一种浏览器引擎里一般不实现其它引擎前...
0 )链接直达
最近我在研究Google+，因为发现它里面实现以一些非常奇特的效果。我打开谷歌浏览器的控制台，看到了下面的信息：警告!使用此控制台可能会让攻击者利用Self-XSS（自跨站脚本）攻击来冒充你，并窃取你的信息。请勿输入或粘贴你不明白的代码。在控制台(console)里看到这些信息内容我并不奇怪，让我感到奇怪的是，“警告”两个字是红色的，而且背景色是黄色的。而且字体也不其它文字要大一些。这格式化的样式现实效果是如何实现的？经过翻查它们的代码...
0 )链接直达
console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要，JavaScript的执行性能也日益受到重视，WEB开发人员知道一些性能测试机器是必须的。今天要介绍的console.time和console.timeEnd就是其中之一。console.time方法是开始计算时间，console.timeEnd是停止计时，输出脚本执行的...
0 )链接直达
HTML5让我兴奋的一个最大的原因是，它里面实现的新功能和新特征都是我们长久以来一直期待的。比如，我以前一直在使用placeholders，但以前必须要用JavaScript实现。而HTML5里给JavaScript标记提供的async属性，使JavaScript能异步加载执行。之前我需要各种的JavaScript插件来实现这种功能，但现在这个新属性能让我们轻松的实现异步加载。async – HTML代码真的非常简单，就像下面这样：&l...
0 )链接直达
程序喵