`
tousin
  • 浏览: 8587 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
最近访客 更多访客>>
社区版块
存档分类
最新评论

一个JS做得很炫的WEBOS网站

阅读更多
最近朋友介绍了一个WEBOS网站,应该大部分是用JS实现的,做的还不错,值得借鉴一下。
不过需要邀请码,但只要输入 jimi就可以通过。至于为什么是这个,我是相当不解呀,难道 jimi = 机密?

网站链接:http://www.uflamingo.com

先放一个截图吧



我简单看了一下,这个系统有几个JS实现的应用,音乐播放器,视频播放器,微博盒,游戏平台

貌似他们并没有使用extJS,JQuery ,反正我是没找到相关文件

没想到这么多人来看我的这个帖子。今天又问了一下朋友,得知这个WEBOS是由华中科技大学一批人做的,应该属于研究型系统吧,希望这样的系统最后可以开源,这样大家可以参考一下。

希望大家还是能多分析一下类似的系统,起码给后来人一个思路呀

我有一个问题,我没有发现他们的应用INDEX里面有平台的API相关的JS,希望有人可以解释一下这个调用是怎么实现的。

今天登录这个网站,收到了系统通知,发现终于新加了一个通过Chrome插件的侧载功能,可以收藏一些网上的资料,比较给力,终于让我一直以来对这个系统不能下载的怨念得以小小释放一下。
  • 大小: 157.9 KB
分享到:
评论
27 楼 timcuisw 2011-03-28  
bspeng922 写道
网速太烂。打不开……


网速,确实可能是个问题呀。
26 楼 a270939629b 2011-03-27  
很不错啊!
25 楼 bspeng922 2011-03-27  
网速太烂。打不开……
24 楼 tousin 2011-03-27  
timcuisw 写道
jackra 写道
不知道JS加密是什么意思?
谁能给说明下?


一般是对JS源码进行压缩处理,当然也不仅仅如此,现在有很多的工具可以实现加密,如google和yahoo都提供这样的工具。可以参考http://code.google.com/intl/zh-CN/closure/compiler/



我一般就用GOOGLE的closure
23 楼 tousin 2011-03-27  
tousin 写道
elementstorm 写道
看不出来啊...都压缩过了...


确实,不过你可以看他某一个应用的源码,没压缩过的

var musicPlayer = null;
var playList = null;
var singer = null;
var songName = null;
var processBar = null;
var cSong = {}; //存放当前播放的歌曲信息
var soundComplete = function(){} // 当一首歌播放完成之后的回调函数
var id3Handler = function(){}   //ID3信息就绪后回调的函数
var lrcPanel = null; //歌词面板
var lrcPanelVisible = true;  //面板可见性
var volumnBar = new VolumnBar();
var playButton; //播放按钮,全局以便歌词面板类访问

function init(){

    Flash.pageInit();

    importCSS("style/MusicPlayer.css");
    importCSS("style/LyricsPanel.css");

    var frame = new UI.Frame("FPlayer","application/MusicPlayer/logo.png", 272, 450,3);
    frame.setVisible(false);
    frame.setLeft(100);
    frame.setTop(100);
    frame.setResizable(false);
    frame.setUndecorated(true);

    frame.addEventListener(frame.EXIT_ON_CLOSE,function(){
        System.exit(0);
    });

//  var html = new UI.Panel();
    singer = new UI.Label("歌手","singer");
    songName = new UI.Label("歌曲名","songName");
    processBar = new ProcessBar();

    var params = getParameters();

    var title = new UI.Panel("title");
    var process = new UI.Panel("process");
    var control = new UI.Panel("control");
    playList = new PlayList();
    var listControl = new UI.Panel("listControl");


这是音乐播放器里的一段代码,能看出什么端倪呢?
22 楼 yeshaoting 2011-03-27  
已经注册了一个,做得真帅.
21 楼 ahwoniu7 2011-03-27  
广告做的太有内涵了 
20 楼 volking 2011-03-27  
在上面看了一部电影《老男孩》
19 楼 xhalg 2011-03-27  
确实有软广告的嫌疑,哈哈!
18 楼 xh176233756 2011-03-27  
http://www.icloud.com/

这个也不懒,嘿嘿
17 楼 obullxl 2011-03-27  
lookdd1 写道
LZ的软广告太牛逼了。。。润物细无声啊。。。。


的确如此,看来就算是做广告也得有水平啊。
16 楼 lookdd1 2011-03-27  
LZ的软广告太牛逼了。。。润物细无声啊。。。。
15 楼 stop110 2011-03-27  
网站不错。就是不知道怎么实现的,
用的什么数据库,。
14 楼 Ricepig 2011-03-27  
哥觉得还是Web2.qq.com給力
13 楼 jackra 2011-03-27  
timcuisw 写道
jackra 写道
不知道JS加密是什么意思?
谁能给说明下?


一般是对JS源码进行压缩处理,当然也不仅仅如此,现在有很多的工具可以实现加密,如google和yahoo都提供这样的工具。可以参考http://code.google.com/intl/zh-CN/closure/compiler/

嗯,我看他的js其实是压缩的,有人说加密有点理解不了是什么意思而已.
有一点很不明白,本身解释型的js语言,加密能加到什么程度让浏览器还能认识?
12 楼 java10000 2011-03-26  
感觉很不错,这个看看比较不错
11 楼 timcuisw 2011-03-26  
jackra 写道
不知道JS加密是什么意思?
谁能给说明下?


一般是对JS源码进行压缩处理,当然也不仅仅如此,现在有很多的工具可以实现加密,如google和yahoo都提供这样的工具。可以参考http://code.google.com/intl/zh-CN/closure/compiler/
10 楼 jackra 2011-03-26  
不知道JS加密是什么意思?
谁能给说明下?
9 楼 tousin 2011-03-26  
elementstorm 写道
看不出来啊...都压缩过了...


确实,不过你可以看他某一个应用的源码,没压缩过的
8 楼 elementstorm 2011-03-26  
timcuisw 写道
elementstorm 写道
要邀请码...哪位哥们给共享下呗...


楼主已经泄密了,邀请码是jimi


楼上好快...

相关推荐

    webos.rar_ WebOS_web OS _webos_webos c

    在描述中提到的"ajax的一个webos程序",表明这个WebOS实现可能依赖于Ajax(Asynchronous JavaScript and XML)技术,这是一种用于创建动态网页的技术,能够实现在不刷新整个页面的情况下更新部分网页内容。...

    webos jquery

    【标题】"WebOS jQuery" 是一个专注于在Web操作系统环境下使用jQuery库进行开发的技术主题。WebOS是一种基于浏览器的、模拟桌面操作系统的平台,它允许用户在网页上体验类似桌面应用的操作和交互。jQuery,作为一款...

    palm webos开发手册

    WebOS 提供了Enyo库,一个专门设计用于构建WebOS应用的JavaScript框架。 ### 2. Mojo SDK Mojo SDK 是WebOS早期的开发工具包,它包含了一套完整的工具,如预览器、模拟器和调试器,供开发者构建和测试应用程序。...

    enyo-2.0b.zip_js webos_webos

    标题"enyo-2.0b.zip_js webos_webos"指出,这个压缩包包含的是一个名为"enyo"的JavaScript框架的2.0b版本,它与WebOS操作系统有关,同时也暗示了这个框架可能已经被优化以支持在各种Web浏览器上运行。"js"标签进一步...

    WEBos网页操作系统

    从用户的角度来看,WebOS提供了一个虚拟的操作环境,使得用户能够在浏览器中运行各种应用程序,执行类似文档处理、媒体播放等功能,而无需安装任何软件。对于开发者而言,WebOS则是一个平台,用于创建和部署网络应用...

    webos主题制作教程

    webOS的主题更像是一个补丁包,由一系列的XML配置文件和图片资源组成,被打包成ZIP或IPK格式的文件。这一特性使得webOS主题的创建与应用更加灵活,但也增加了制作过程中的复杂性。 ##### 1.2 webOS主题的分类与作用...

    webos界面截图UI

    5. **全局通知中心**:WebOS拥有一个集中的通知中心,用户可以在这里查看并管理来自各种应用的通知,这在多应用环境下提供了统一的信息入口。 6. **Synergy集成**:WebOS的Synergy功能将多个不同来源的信息源(如...

    webOS刷机、同步驱动nocacomd

    webOS是一款基于Linux的操作系统,最初由Palm公司开发,后被惠普收购,并进一步发展为一个多设备平台的系统。webOS的核心设计理念是提供流畅的用户体验和强大的应用程序平台,尤其适合智能设备,如智能手机和平板...

    webOS.rar_ WebOS

    此外,WebOS还引入了Synergy功能,它可以将不同来源的信息(如电子邮件、日历、联系人)整合在一个统一的界面上,极大地提高了用户的效率。 尽管WebOS在移动设备上的应用并未取得显著成功,但其开源项目Open webOS...

    webos开源教程(适合新手)

    在当今的移动操作系统领域,Google 的 Android 和 Apple 的 iOS 可谓是两大巨头,但其实还有一个不容忽视的存在——webOS。webOS 是 Palm 公司开发的一款基于 Linux 内核的移动操作系统,后来被惠普收购,并在 2011 ...

    积木WebOS客户端.NET版

    总的来说,"积木WebOS客户端.NET版"是一个创新的尝试,将Web技术与本地客户端的优势结合,旨在提供一种全新的计算体验。对于那些经常使用WebOS服务的用户来说,它是一个值得尝试的工具,可以提升效率,拓宽工作和...

    WebOS素材图片

    【WebOS素材图片】是一个与操作系统相关的主题,主要聚焦在WebOS平台的视觉设计元素上。WebOS是由Palm公司开发的一款创新性操作系统,后来被惠普(HP)收购,并在其后的一些产品中使用。这款操作系统以其独特的界面...

    Palm webOS 中文版.rar

    因为Palm webOS的用户界面和应用程序都是基于浏览器应用的,所以,只要硬件设备包含一个cpu、一些内存、支持无线数据连接、有显示设备、并且能够进行文本输入和用户界面操作,那么这个设备就能够使用Palm webOS。...

    WebOS的JavaScript框架Enyo.zip

    Enyo 是一个为 webOS 应用程序设计的 JavaScript 框架,具有如下特点: 特别为移动平台设计,除原生 webOS 之外,还支持 Android、iOS、Chrome 桌面版、Firefox 桌面版甚至 IE 桌面版本。 精简的模块化设计,...

    跨平台游戏引擎WEBOS ANDROID

    总结来说,"跨平台游戏引擎WEBOS ANDROID"是一个基于OpenGLES,使用C/C++编程,同时支持2D和3D游戏开发的引擎,特别针对WebOS和Android平台。通过这个引擎,开发者可以创建多样化、高性能的游戏,并通过提供的示例、...

    在线操作系统 WEBOS

    2. 轻便性: WEBOS 只需要一个浏览器就可以运行,不需要安装各种应用软件。 3. 高可扩展性: WEBOS 可以轻松地添加新的功能和应用程序。 WEBOS 的主要应用场景包括: 1. 在线办公: WEBOS 可以用于在线办公,提供...

    webos补丁

    2. `修屏`:这可能是指一个专门用于修复屏幕问题的补丁,比如修复显示故障、提高色彩准确性或是优化触控响应。具体细节可能需要查看补丁的文档或在安装后实际体验。 3. `网络相关`:这个标签表明还有其他补丁或文件...

    基于html5简单的WebOs例子

    这个"基于html5简单的WebOs例子"是一个很好的学习资源,可以帮助我们深入理解如何利用HTML5技术构建一个基本的Web操作系统。 HTML5的核心特性包括: 1. **语义化标签**:HTML5引入了新的语义化元素,如、、、、和...

    新时代新潮流WebOS.pdf

    在当前的数字化时代,WebOS已经成为了互联网技术发展的一个重要里程碑。它不仅仅是一个操作系统,更是云计算和移动互联网的交汇点,极大地改变了我们访问、管理和使用网络应用的方式。本文《新时代新潮流WebOS.pdf》...

    WebOS Handbook

    eyeOS 是一个具体的 WebOS 实例,它提供了一个类似桌面操作系统的环境,允许用户在线进行文档编辑、文件管理等操作。 ### 二、eyeOS 开发手册关键内容概览 #### 1. 引言 eyeOS 开发手册旨在为开发者提供开发 eyeOS...

Global site tag (gtag.js) - Google Analytics