一、引子

根据雅虎的网站优化准则,合并页面用到的图片,可以减少加载时发起的 http 请求数目,可以加速页面加载。具体能提速多少,本人没测试过,也就不好说了。

话说这排手上的项目里用到的图片都怎么合并,并不是不想合并,而是一个个图片去拼实在是太累了啊。另外桂总做的 autosprite 又还没成型,未能支持旧有项目;自己做的 AutoSprites 也是一个烂摊子——java 写脚本功能的代码真不是一般的痛苦啊;至于炜哥的 GoPng 在线合图工具,说实话,这类需要人工定位图片的工具,我着实不喜欢。还是那句话,我可是个程序员呐,这种机械化无趣的工作就该交给电脑来完成,不然电脑是拿来干嘛的?

每一字节代码都有其温度,而我们提供代码的温度计。

这个是 javascript 中一个简单 for 循环,声明 i 初始值为 0,判断 i 是否小于 100,若是则执行语句,然后 i 增加 1。所以 var i=0 只执行 1 次,条件条件表达式  i<100  会执行 101 次,增量 i++ 执行 100 次,console.log(i) 执行 100 次。

一个类似 Google Closure Library 的 Web 前端开发框架,服役于 WebQQ 等大规模的 WebApp

by Tencent AlloyTeam

简介

JX 是模块化的非侵入式 Web 前端框架,开发于 2008 年,并于 2009 年开源于 GoogleCode - http://code.google.com/p/j-et/,于 2012 年切换到 Github,开始我们开源计划的新征途,请记住我们的最新开源地址:https://github.com/AlloyTeam/JX,欢迎访问我们的团队 Blog - http://www.alloyteam.com/2012/06/jx-framework/, 谢谢大家来支持^_^。

JX 框架同时适用于 Web Page 和 Web App 项目的开发,特别适合构建和组织大规模、工业级的 Web App,腾讯 WebQQ -http://web.qq.com、腾讯 Q+ http://www.QPlus.com 等产品都是采用 JX 框架开发,兼容目前所有主流浏览器。

业余时间做一些感兴趣的事情,积累了好多 test cases,其中有一些还是蛮有趣的,于是集中整理了一部分出来,其中有一些复刻的创意,有一些自己的 idea,也有一些是纯粹做测试用的,敬请围观。一期先传 40 个,持续更新 (^^)

对于 Web 前端的开发而言,为了降低文件大小,js 文件和 css 文件的压缩和组合几乎是默认的规矩。

我们利用 YUI Compressor 和 google Compiler 可以很容易的完成文件的压缩。 甚至 yui compressor 本身都已经支持 多文件的批量压缩。

支持的浏览器:

难度:中等

注意:本文讨论的 API 尚未最终确定,仍在不断变化。请在自己的项目中谨慎使用。

介绍

音频在很大程度上使得多媒体体验非常引人注目。如果你曾经尝试在关闭声音的情况下看电影,你就很可能已经注意到了这一点。

游戏也不例外!我最喜爱的视频游戏的回忆里包含了音乐和声效。在二十年后的今天,大多情况下,当玩我最爱的游戏时,我仍然不能把 “塞尔达” 里近藤浩二乐曲马特大气的暗黑配乐从我的头脑里驱逐掉。这同样适用于音效,例如魔兽里单位实时点击的响应,以及任天堂的经典例子。

以技术预研的心态做的一个东东。基于【双密度松弛算法】

目前来看应用价值不大,更多的是扩展一些思路,扩大前端方向,或者说是 js 能做的事的范围。大家路过围观一下就好。

源码不多,托管在 github/hongru/fluid 上,感兴趣的可以大致看一看。

Css Sprite,有时也称为雪碧图、精灵图,是每一个前端开都会遇到的问题,也是常见的小图片加载优化手段。相信各位同学都清楚其原理,具体就不赘述了。

之前一直有动机利用 html5 实现一个合成雪碧图的工具,方便小项目的快速开发,减少一些诸如开 photoshop、fireworks 等工具来合图的机械劳动,最近终于抽出时间将构思实现。

TAT.melody 让 Web 无所不能
In Alloy 实验室 on 2012年05月22日 by view: 5,549
5

Web 可以做什么?

时至今日,这个问题已经不能简单回答了。html5,css3 技术的出现已经使 web 的能力得到了很大的提高,但,web 仍有局限!由于安全性的考虑,浏览器对 web 进行了种种限制,例如:

  • Web 不能读写文件
  • Web 不能实现很多牵涉到系统底层的功能
  • Web 的 UI 被局限成页面的形式