改變世界的Web前端開發

/ 嗰個人·徽 / Leave a comment

乔布斯说：“活着就是为了改变世界，难道还有其它原因吗？” 2008年，在Web前端开发界，无论国外还是国内，都发生了不少事情，有哪些是改变世界或即将改变世界的大事件呢？

JavaScript游戏

2008年4月9日，Dion Almaer发现了一款非常经典的JavaScript游戏：Super Mario. 这款游戏由Jacob Seidelin开发，大小仅14k.
mario
(Super Mario JavaScript版本： http://jsmario.com.ar/)

不少Web开发者们大跌眼镜：这真的是用JavaScript开发出来的？答案是肯定的。这款游戏利用了Canvas元素（IE中用HTML模拟），图像存储在加密的字符串中，还用base64存储了MIDI背景音乐。除了这些技巧，其它代码就是我们熟悉的HTML、CSS和JavaScript.

Super Mario JavaScript版本的横空出世（之前也出现过用JavaScript写的游戏，但没有像Super Mario一样引起大家的关注），激起了一股用JavaScript编写游戏的热潮：

许多经典的游戏都有了JavaScript版本：Pac-Man（经典的吃豆子游戏）， Space Invaders（太空入侵者），Spacius（百玩不厌的雷电）等等。

甚至还出现了一些比较复杂的角色扮演游戏：Andrew Wooldridge创造的Tombs of Asciiroth 和 CanvasQuest，Pierre Chassaing创造的ProtoRPG等。

伴随JavaScript游戏的热潮，还出现了不少专门用于游戏开发的JavaScript库。最突出的是GameJS（基于Canvas的一个2D游戏开发库） 和 GameQuery（这是jQuery的一个插件）。

除了用Canvas构建2D游戏，用JavaScript还可以构建3D游戏，还出现了非常出色的Processing.js，以及JavaScript PlotTool绘图工具等等。

感慨：JavaScript游戏一段时间内将还只是开发者们的“玩物”，要真正转换为商业应用，可能还有一段漫长的路要走。但是，当Super Mario跳跃在Web网页上时，这昭示着JavaScript的时代已经到来了。JavaScript能做什么？2008年的答案是：JavaScript连游戏都能做！
Continue reading →

Tags:

關於windows7的幾個Q&A

/ 嗰個人·徽 / Leave a comment

　　关于微软下一代操作系统 Windows7现在是非常的热乎，Windows7之家(iWindows7.com)转载了Winsupersite的Paul Thurrott制作了一份关于Windows “7”的FAQ，集中澄清了有关这款微软下一代Windows重要版本的一些问题。

　　Q：在Vista之后微软还在研发新的操作系统吗？

　　A：没错，Windows的下一版最早的代号为“Blackcomb”（黑梳子），然后在2006年初改名为“Vienna”（维也纳），而在最近又改为“Windows 7”。

　　Q：为什么叫Windows 7？

　　A：Windows Vista算是6.0，当然Windows 7也就意味着version 7.0。

　　Q：Windows 7是最终命名吗？

　　A：不是。和Vienna一样，Windows 7只不过是代号，在OS正式发布之前会改变为正式名称。
Continue reading →

Tags:

合併JS和合併CSS文件

/ 嗰個人·徽 / Leave a comment

浏览页面的时候，把页面保存下来，便能看到这个页面含有的文件。文件太多，会大大降低浏览速度。而WordPress的插件系统使得JS和CSS文件很多，所以，应当合并一下JS和CSS文件。

手动合并是一个方法，但是容易弄错，而且不太好修改。另一个方法是建立一个新的all.js.php文件，内容是：

<?php
require_once(‘目录/wp-blog-header.php’ ) ;
include (“/blog/a.js” ) ;
include (“/b.js” ) ;
?>

就是将header.php里面的那些js文件都include到all.js.php，然后在header里面包含all.js.php文件即可：

<script xsrc=”all.js.php” type=”text/javascript“/>

另外还要做的一件事情是需要把原来那些js文件从head里面去掉。通常这些js文件都是通过add_action(‘wp_head’,’fun’ ) ;这样的钩子添加到head里面的。在fun函数的定义处去掉对应的代码，或者直接把这条语句删除即可。

对CSS文件也可以用同样的处理方式。CSS文件一般都不多，这时候可以直接手动把它们都贴到一起。

另外js文件的载入位置也很重要，放在越后面越好，让浏览器先下载html代码。像Google Analytics的js代码最好放在文件最后。

[轉載]http://zhiqiang.org/blog/posts/wordpress-accelerate-the-pace-of-pages-printed-in-the-generation-and.html

Tags:

Yahoo14條優化規則

/ 嗰個人·徽 / Leave a comment
1. 尽可能的减少 HTTP 的请求数 [content]
2. 使用 CDN（Content Delivery Network） [server]
3. 添加 Expires 头(或者 Cache-control ) [server]
4. Gzip 组件 [server]
5. 将 CSS 样式放在页面的上方 [css]
6. 将脚本移动到底部（包括内联的） [javascript]
7. 避免使用 CSS 中的 Expressions [css]
8. 将 JavaScript 和 CSS 独立成外部文件 [javascript] [css]
9. 减少 DNS 查询 [content]
10. 压缩 JavaScript 和 CSS (包括内联的) [javascript] [css]
11. 避免重定向 [server]
12. 移除重复的脚本 [javascript]
13. 配置实体标签（ETags） [css]
14. 使 AJAX 缓存 [content]

詳細解释：http://www.scribd.com/doc/2230023/YAHOO14

Tags:

6款分布式的網絡存儲服務

/ 嗰個人·徽 / Leave a comment

目前存储网站是越来越多，曾经总结过N多的的在线存储服务网站，存储网站层出不同，不过各个存储网站经常会因为各种原因和不能访问，因而在使用存储网站分享文件的时候，最好使用多个存储网站来同时进行分发。今天就和大家分享6款提供同时将文件上传到多个存储网站进行分发的服务。
==1.===============================
ez1kstf4 六款同时将文件上传到多个存储网站的分发服务
Gazup：提供将文件分享到7个网站。（个人推荐）

  • 支持的上传站点包括： RapidShare.com (200mb)；MegaUpload.com (400mb)；NetLoad.in (400mb)； FileFactory.com (300mb)；Badongo.com (400mb)；Load.to (300mb)；2Shared.com (400mb)，可以选择上传到一个或多个站点
  • 支持Remote URL Upload(通过网页链接上传)；FTP上传（需注册）
  • 你可以通过Gazup赚取一些美元，其他人下载你的文件你可以获取一些点数，1000点可以兑换2美元，paypal支付
  • 上传速度在25kb/s（上海电信）

==2.===============================
62zizsy5 六款同时将文件上传到多个存储网站的分发服务
Upload Mirrors：支持一次将文件上传到12个在线存储网站进行分发。（个人推荐）

  • 支持上传的网站包括：Rapidshare、Megaupload、Easy Share、ZShare、DepositFiles、sendspace、Badongo、Netload、Megashare、Zippyshare、Flyupload和Uploaded
  • 上传速度在20kb/s(上海电信)

Continue reading →

Tags: