欢迎来到 CodeTank 的世界,将会带你进入一个神奇充满挑战的代码机器人的世界!

相信每一个男人的心中,都有一份对坦克(Tank)特殊的情结,那就访问:

CodeTank官方网站:http://CodeTank.AlloyTeam.com/

 

一、引子

根据雅虎的网站优化准则,合并页面用到的图片,可以减少加载时发起的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 本身都已经支持 多文件的批量压缩。

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

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

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

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

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

Rythem是什么

Rythem是一个与Fiddler同类的软件,和Fiddler一样具有 代理抓包/替换 功能,与Fiddler最大的不同是Rythem是跨平台&开源的。

下载地址及源码:

废话不多说,直接进入正题,这篇文章主要为大家讲解一下一个类似【Z-Type】的html5小游戏的开发思路。

【Z-Type】不知大家是否有玩过,Impactjs 的一个演示demo。一个需要99$的html5游戏框架。咱们暂且先不管他实现的思路,以下我们按自己的思路来一步步实现。

以下实例基于AlloyTeam团队游戏底层库【Laro】 实现.

【演示Demo】 (Firefox3.4+,Chrome10+,safari10+ 测试通过)