网页程序 vs 桌面程序

阅读：  评论：  作者：Rybby  日期：  来源：rybby.com

所谓的网页程序就是指以网页作为程序的操作界面，通过脚本语言“javascript”或其它客户端语言进行各种操作的程序。比如锐某现在进行开发的“巴巴变”就是一个网页程序，这个程序是用一个网页来设计网页，它可以在网页上画圆形、矩形、或用路径画出各种图形，也可以用来设计传统的网页，真正的所见即所得的网页设计工具。

为什么要用网页来设计程序呢？锐某觉得这是互联网发展的必然趋势！大家也看到，云计算已经越来越流行，各种云应用如雨后春笋般冒出来，我们平时使用的大多数程序都可以通过浏览器来实现。如听音乐、看电影、看图片、玩游戏、图形与图像处理、文本编辑等等。可见，浏览器是我们平时用得最多的软件，这也是为什么各大企业纷纷推出自己的浏览器的缘故。像古狗、百度、搜狐、腾讯、淘宝、360等等都推出了自己的浏览器，他们都已经清楚地意识到了，未来的网络，浏览器的市场份额将会直接影响一个品牌的市场份额。因为桌面网站是网站未来的发展趋势，“桌面网站”的概念锐某在半年前就已经提过了，桌面网站并不是说用桌面编程语言实现的网站，而是通过一个网页来模拟零响应的本地程序，当然这不是说能达到真正的零响应，这跟安桌系统的响应速度还有些差距，但随着像 v8 这样优秀的脚本语言解释器的出现，这种差距会慢慢缩小。以目前各大浏览器的脚本语言解释器的性能来看，要将一个网页程序流畅地运行起来已经不是问题。

可以想象，当一个企业将桌面网站整合进浏览器里，不但能决定自己品牌的生死，还可以决定其它品牌的存亡。这不是吹，就拿百度来说，如果百度进行改版推出桌面网站（整个网站只有一个页面），然后将百度设为浏览器的默认首页，每当打开百度的浏览器，出现在眼前的就是百度的网站，在这个网站里可以进行各种操作，听音乐、看电影、画图、浏览其它网站的网页等等。我们已经不需要在浏览器的地址栏输入其它网站的网址去浏览页面了，我们可以在网页中浏览网页，桌面网站里还有一个历史系统，通过历史系统可以在已打开的页面间来回转换，这个比浏览器的标签栏有用得多了，浏览器的标签数量超过一定量就会使浏览器很卡，而桌面网站的历史系统是与本地缓存（localstorage）结合使用的，不会占很多内存。桌面网站除了历史系统外，还有其它一些系统，如预载系统（预先载入内容保持网页的流畅性）、缓存系统（降低浏览器的内存使用率与网络带宽）、滑动系统（实现浏览的简单化）、按键系统（提高操作的方便性）、输出系统（控制各种浮窗的显示或隐藏）、广告系统（针对不同的用户展示不同的广告，投其所好）、检索系统（所载即所需，可以按各种条件筛选）、设置系统（可以将页面风格样式与按键分配进行自定义保存在本地缓存与服务端）与帮助系统等等。

通过桌面网站的几大系统，网页程序已经与桌面程序不分高低。就拿锐某设计的“巴巴变”来说，在功能上虽说没有 Photoshop 那样强大，但在易用性方面已经超越了 Photoshop！巴巴变将全面启用滑动系统，各种浮窗可以像手机屏幕那样上下左右滑动，传统网页的丑陋的滚动条已经被全部K掉。按键系统使用按键对象实现一键多用，比如E、D、S、F在滑动内容时是上下左右滑动一屏（加按住A是滑动一行或一列）；而在修改数值数据时则是+1、-1、-5、+5（加按住A则是+10、-10、-50、+50）。同一个按键，在不同的对象里有不同的操作，如此人性化的设计，目前我还没发现有哪个程序实现（应该说没有人想到），而锐某设计的巴巴变已经启用这种技巧。如果像 Photoshop 那样多的操作命令，要将所有命令都分配不同的按键，那使用者要记住的快捷键可是非常庞大的！而且很多按键已经超出了左手手指能够触碰的范围，就从这点上看，Photoshop 在易用性方面已经奥特了！巴巴变目前是二维设计，三维网页是未来的发展趋势，以后巴巴变也会推出三维设计。就网页的特性，用简单的六面体来模拟就可以了，还不至于要用到多边形来渲染物体。这个以目前的脚本语言还是可以做到的，在以后我们将可以使像乌班图系统那样酷的3D网页。巴巴变是用 vvs（vml+svg=shape）进行图形设计的，所以不用担心浏览器的兼容问题，对于支持svg的就用svg渲染，否则用vml渲染，目前只有IE9以下的版本不支持svg，vml与svg的区别就是vml不支持透明渐变，vml在设置透明渐变时有黑边，但如果边线不是曲线的话这点问题不用担心。动画设计目前正在测试中，在未来，ssa动画（js+css=animation） 可能会取代 flash 动画成为主流的动画格式，flash要装插件才能播放，而ssa什么都不用装就能用各种浏览器进行播放，如果巴巴变以后推出三维设计，要制作 ssa 动画视频是非常方便的，现在要考虑的是如何解决声音同步问题。

经过上面对巴巴变的简单介绍，大家可以看到网页程序也可以做得很强悍，这也就可以想像各大巨头会如此拼命地抢浏览器市场了。网页程序还有些桌面程序没有的优点，就是网页程序是在线的，无需下载，打开网页就可以使用，随时随地，想用就用，没有地域的限制。在公司做不完的工作可以在家里打开网页继续做，我们的数据都保存在云端，再也不用把文件装U盘里了。另外，在线程序对数据的共享也提供了得天独厚的方便！比如你可以将用巴巴变设计的一个按钮模块、一款渐变色板、一副卡通人物表情或发型分享到网络库里，当别人进行设计的时候完全不用自己动手设计，只需从共享库里选择适当的元件就可以了，如此可以大大缩短工作周期与降低创作难度。

最后说点杯具的事，“巴巴变”是个很好的名字，用在网页设计这种类型的程序上非常适合，比如你对一个节点对象进行各种样式的设置或对一个卡通人物的表情进行选择，只要用鼠标随便点几下就能变出满意的效果。这个名字来自锐某小时候看过的一部动画片“巴巴爸爸”，这个魂淡很善变，只要说一声“克里克里，巴巴变！”就能变出各种东西来。我为巴巴变设计标志时就是从它得到灵感想到变幻线，进而设计出现在的标志：http://pan.baidu.com/disk/home#dir/path=%2FImage%2Flogo%2F%E5%B7%B4%E5%B7%B4%E5%8F%98。这个被认为自己目前为止设计过的标志中最有创意的一个，当我完成这件作品的创作时才发现“巴巴变”这个名字已经被一家网络相册的网站用了，杯具呀～～～，无奈只好为巴巴变重新起一个名字了，目前暂时没想到比较好的名字，如果到巴巴变上线时还没想好就只能向社会征集了。

锐拜十大博：
网易博客：http://rybby.blog.163.com/
新浪博客：http://blog.sina.com.cn/rybby/
搜狐博客：http://rybby.blog.sohu.com/
和讯博客：http://rybby.blog.hexun.com/
CSDN博客：http://blog.csdn.net/rybby/
ITeye博客：http://rybby.iteye.com/
博客园：http://www.cnblogs.com/rybby/
开源社区：http://my.oschina.net/rybby/
百度空间：http://hi.baidu.com/rybby/
QQ空间：http://user.qzone.qq.com/898056025/