catch the digital flow｜北极冰仔部落格

今天同学在写脚本的时候遇到一个问题，用 document.write 输出 <script type='text/javascript'></script> 怎么搞都不行，浏览器中只会显示形如 “); 的东西，注释掉这行代码仍然出错……
我猜想可能是某个字符需要转义，但没试验成功。直到看到这篇文章才明白了，我来转述一下要点：

阅读全文 - 405 字

在很多情况下，我们使用 window.onload 事件判断页面加载完成，注意：不是 DOM。这里就会有一个问题，我们编写的 JS 代码将会在页面上所有元素加载完成之后才开始执行。打个比方，你在网页上使用了一个用来调整外观的 JS，而此刻恰好网络状况不太好，那么用户很可能在漫长地等待页面中所有图片下载完成或超时之后，才能看到脚本调整后的新外观，而在这之前，你的页面外观可能会比较尴尬。
熟悉 jQuery 的朋友知道 $(document).ready 的好处就在这里，它只等待 DOM 加载完成，而不是页面。不过我们不可能做任何应用都引入略显庞大的 jQuery 框架，所以就有国外的大牛写了这个压缩后只有 617 字节的东西：addDOMLoadEvent。本来想亲自写一大段话解释解释这个东东，却 Google 出了别人早写好的，简体中文，有兴趣的直接跳转过去看吧。
阅读全文 - 456 字

JavaScript 的函数也是变量，这是 JavaScript 与众多其它编程语言一个较大的不同之处。虽然它可能会使 JavaScript 的初学者有一点困难，但也允许你做一些在其它语言中不能做却着实非常酷的事情。
我说函数是变量，意思是函数将与数组、数字、字符串和其它对象一样被同等对待。这意味着你可以更加灵活地做一些事情。
你可以将函数定义和重定义为局部变量：
阅读全文 - 1257 字

update 2: 使用 packer 直接打包的结果是 min 版，如果再使用 Base62 编码就是体积更小的 pack 版，不过 pack 版已经不再适宜 gzip 压缩。
update: 经 Cloudream 提醒，这个压缩器其实就是 Dean Edwards 的 packer。
终于找着了一个比较好的 JavaScript 压缩器，压缩比相当高（50% 左右，视情况而定），试了几次也没有出现其它压缩器常有的破坏代码的问题，这下基本可以放心地在页面中加载 JS 脚本啦。
阅读全文 - 247 字

其实这样的标题不太准确，因为压缩 JavaScript 的不是 PHP，而是 gzip。另外这种方法应用也相当广泛了，WordPress 上著名的 K2 主题一直是这样压缩 JavaScript 的。
第一步
打开需要压缩的 JavaScript 文件，把下面的代码加在 JavaScript 代码前面：
阅读全文 - 211 字

High-Performance JavaScript: Why Everything You’ve Been Taught is Wrong

| View | Upload your own

虽然标题这样写，但实际上使用 JavaScript + DOM/CSS 组合可以实现很多强大的功能。昨天看到 fisio 提到这种鼠标悬停时展开的菜单，我原来也没有用过，经他一提醒觉得还是挺有用处的，尤其在有很多内容的页面上。
废话最后再说，直接给出代码先：
JavaScript
阅读全文 - 610 字

由于更换了新的主题，页面正文的宽度从 540px 缩到了 520px，导致原先一些日志中宽度大于 520px 的图片会把页面撑破，侧边栏掉到正文底下去，页面布局乱得不堪入目。因此，需要让这些超过限制宽度的图片自动缩小以适应当前页面，我摸索了一些方法，写出来抛抛砖。
Firefox 的解决办法
只需要修改 CSS 样式表的一行代码，给正文中的 img 加上 max-width 属性：
阅读全文 - 798 字