Category: 前端设计

“短”化你的代码 0

“短”化你的代码

我们来玩个找茬儿,看看下面这段代码,找找 md5 函数的定义在哪里:

戳这里亲自试试

太棒了,我知道难不倒你,10 秒钟找出来了是不是?好吧,可能我举了一个不是很好的例子,因为它一点用处都没有。

标题里的“短”字加了引号,只是因为它看起来短,实际并不短,因为字节还是在的,在 unicode 里有一种神奇的字符叫零宽空白,它的特点是字型的显示宽度为 0,无论堆了多少个零宽字符,你都看不见它。[……]

Read more

Firefox扩展的自动更新功能 0

Firefox扩展的自动更新功能

在本地开发的插件如果没有上传到firefox的在线扩展里面,你需要设置一个自动更新,如果有更新,安装你插件的用户便可以自动更新。
http://www.borngeek.com/firefox/automatic-firefox-extension-updates/ 这篇文章,详细介绍了如何设置自动更新。

关于调试:

在about:config里,将extensions.logging值设为true,并关闭firefox
在命令行下运行firefox -console,这样启动时[……]

Read more

JavaScript 获取网址的域名 0

JavaScript 获取网址的域名

引方法只能针对部分域名,对于 xxxx.com.cn xxxx.co.in xxxxx.com xxx.in 都是可以识别的,但如果域名长度小于tld, 比如 xxx.com.cn 这样的无法判断出来。

浏览器的渲染原理简介 0

浏览器的渲染原理简介

看到这个标题大家一定会想到这篇神文《How Browsers Work》,这篇文章把浏览器的很多细节讲得很细,而且也被翻译成了中文。为什么我还想写一篇呢?因为两个原因,
1)这篇文章太长了,阅读成本太大,不能一口气读完。
2)花了大力气读了这篇文章后可以了解很多,但似乎对工作没什么帮助。
所以,我准备写下这篇文章来解决上述两个问题。希望你能在上班途中,或是坐马桶时能读完,并能从中学会一些能用在工作上的东西。
浏览器工作大流程
废话少说,先来看个图:

从上面这个图中,我们可以看到[……]

Read more

HTML 5 的自定义 data-* 属性和jquery的data()方法的使用 0

HTML 5 的自定义 data-* 属性和jquery的data()方法的使用

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。

你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,是你可以往HTML标签上添加任意以 “data-“开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和风格[……]

Read more

jquery的 $.post 和 $.ajax 的区别 0

jquery的 $.post 和 $.ajax 的区别

$.post 最终还是 $.ajax 实现的.

详见如下:

SmartOptimizer帮你提升网站性能 0

SmartOptimizer帮你提升网站性能

SmartOptimizer (以前叫做 JSmart),是一个PHP程序,帮助你提升网站性能。比如为你的网站增加CSS,JS压缩,缓存。 因为IX空间默认是不支持Gzip的,它在IX空间上,可以使用,并且可以让你的网站有可观的性能提升。 另外它是一个开源程序。 https://github.com/farhadi/SmartOptimizer
安装它之后,你的网站Pagespeed评分会更高。https://developers.google.com/pagespeed/
安装要求:

    [……]

Read more

IE6下PNG图片透明服务器端解决办法 0

IE6下PNG图片透明服务器端解决办法

使用iepngfix.htc文件解决png图片在IE6下不透明的问题。
什么是htc文件?
从5.5版本开始,Internet Explorer(IE)开始支持Web 行为的概念。这些行为是由后缀名为.htc的脚本文件描述的,它们定义了一套方法和属性,程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素上去。Web 行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件,而不是必须让用户下载二进制文件(例如ActiveX 控件)来完成这个功能。Web 行为还是推荐[……]

Read more

Dreamweaver  常用正则表达式 1

Dreamweaver 常用正则表达式

<[^>]*>   //去除所有的标签 <script[^>]*?>.*?</script> //去除所有脚本,中间部分也删除 <img[^>]*>  //去除图片的正则 <(?!br).*?>    //去除所有标签,只剩br <table[^>]*?>.*?</table>    //去除table里面的所有内容 <(?!img|br|p|/p).*?>    /[……]

Read more