摘要: 快两个月了,我快哭了,一直加班~都没有时间写啊!在经过多天的思考,阅读了大量的Dojo,YUI源码,终于下定决心,正式启动simpleUI项目。项目宗旨:基于jQuery建立一套完整的UI,弥补jQuery在某些领域的空白,让其更适合企业级应用程序的开发!项目计划完成时间:2011.07项目计划完成组件:1:基础架构搭建 100%2:动态加载组件 15%3:对话框,图片展示组件 100%4:数据表格组件 70%5:日期组件6:图形报表组件7:表单元素组件(input,select,radio,checkbox,button)100%8:下拉菜单,右键菜单组件 30%9:拖放,排序组件10:JS 阅读全文
posted @ 2011-01-11 16:59 FED@Web 阅读(1467) 评论(1) 推荐(0) 编辑
摘要: SimpleUI终于更新了。。该项目目前托管在Google Code上。。地址是:https://simple-ui.googlecode.com/svn/trunk首先看变化的方面。。。新的SimpleUI采用了单体模式编写代码。。核心机制并没有依赖jQuery。所有的组件采用面向对象方式编写。。并且提供了一个桥接到jQuery原型链上的一个函数。。。新的核心参考了YUI和Dojo的模块化的机制。。。增加了一个声明类的函数,继承方式使用了拷贝继承!比如如果我想为jQuery添加一个方法Y.bridgeTojQuery("drag,simpleDrag",Y.dd.Drag 阅读全文
posted @ 2011-07-17 14:53 FED@Web 阅读(1020) 评论(0) 推荐(0) 编辑
摘要: dojo是我目前认为最强大的JS框架。更多信息请访问 http://dojotoolkit.org/dojo.declare是一个dojo中声明类的方法。所有的dijit小部件都建立在dojo.declare的基础上,得益于dojo.declare的强大的功能,很容易进行组件开发。下面就一个弹出层组件来说明dojo.declare的使用。值得一提的是dojox提供了jq.js,从现在开始如果你不熟悉dojo也没有关系,可以使用jQuery的语法进行编码了,仅仅需要在JS的头部引入jq.jsdojo.require("dojox.jq")当然现在问题不是讨论这个。。进行组件开 阅读全文
posted @ 2011-06-02 14:54 FED@Web 阅读(1941) 评论(0) 推荐(1) 编辑
摘要: =======================看得见的改变=============================================Yahoo在不久前发布了Yahoo!邮箱的beta版。新的版本强化了CSS3的使用。圆角和阴影都开始避免使用图片。还有一些小细节。1:Yahoo邮箱最开始使用的布局是充满全屏的布局,也就是说传统的B/S界面的布局,新的版本已经把自己作为一个web2.0应用程序了,这点和网易邮箱比较像2:Yahoo邮箱最开始的邮箱列表采用的是虚拟滚动的方式来加载邮件,新的版本已经换成了分页的形式,虽然分页还没有完善。3:新版本的Yahoo邮箱使用的YUI3。==== 阅读全文
posted @ 2011-05-02 15:10 FED@Web 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 这些天,因为项目完工的原因,难得休息几天,就趁着这些日子多写点东西。让自己可以更快的成长。本来以为拖动是件很简单的事情,但是仔细考虑起来还是挺麻烦的~~使用库编程的最大好处就是不用考虑那么多复杂的兼容性问题~初始版本的simpleDrag支持以下几个功能1:基本的拖动2:在制定范围内的拖动3:拖动代理4:拖动触发的handle5:iframeFix拖动无非就是触发三个事件~mousedown,mousemove,mouseup。在鼠标按下的时候记住当前位置,移动的过程中更新代理或者对象本身的位置,弹起的时候更新对象的位置,解除为document绑定的事件就行了,是不是很简单?下面开始编码声明个 阅读全文
posted @ 2011-04-27 22:22 FED@Web 阅读(785) 评论(0) 推荐(0) 编辑
摘要: 什么是JSONP?JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用 html的script标记来进行跨域请求,并在响应中返回要执行的script代码,其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。使用jQuery$.ajax({ url:'http://api.flickr.com/services/feeds/photos_public.gne?format=json&jsoncallback=?', 阅读全文
posted @ 2011-04-23 10:47 FED@Web 阅读(524) 评论(0) 推荐(0) 编辑
摘要: 除了羡慕Google的日程管理外,还羡慕xgCalendar,不过无奈的是google没有开源,xgcalendar没有详细的API说明,最后终于看到一个老外写的fullcalendar的插件,同样可以实现日程管理。并且带有详细的API说明地址:http://arshaw.com/fullcalendar/效果:下面说明一下使用方法,即最主要的API熟悉jQuery插件使用方式的人,一定知道是通过配置的方式让插件工作,首先就声明一下日历控件的配置var op = { defaultView: 'agendaWeek', header: false, height: bHeigh 阅读全文
posted @ 2011-03-23 20:59 FED@Web 阅读(14428) 评论(27) 推荐(2) 编辑
摘要: 很多人都为了使alert系统的调用函数在自己的控制范围之内,都选择了去封装一个属于自己的alert组件,现在我们就动手实现一个这样的小部件。效果图全部代码代码css代码HTML代码调用方法[代码]高手勿笑,为了说明实现的方式,我并没有仔细的去完善这段代码,仅仅是在写作的半小时内写出的,所以有很多地方没有去思考,有很多的纰漏,并且以一个比较笨的方式实现了这个模拟的alert,不过下次我们将通过构建Button的方式实现一个组件,会加入遮罩,ajax调用,iframe宽度高度自适应等更强大的功能。 阅读全文
posted @ 2010-12-04 14:21 FED@Web 阅读(1170) 评论(0) 推荐(0) 编辑
摘要: 从前段时间一不小心从某开源网站上看到某人狂喷jQuery开始,到现在在淘宝的UED上看到使用YUI与jQuery的争辩,我一直在思考到底jQuery怎么了,貌似被一大堆人鄙视。1:首先jQuery不是表面看的那么简单。对他造成误导的关键或许是jQuery官方文档造成的失误,他过于强调简单,以至于初学者导致了强耦合。举个例子:在jQuery官方文档上有下面一段代码如果在YUI的文档上则会告诉你,应该... 阅读全文
posted @ 2010-12-01 18:27 FED@Web 阅读(1846) 评论(5) 推荐(0) 编辑
摘要: 通常我们在使用ajax的时候,都避免不了和json这种轻巧的数据格式打交道。可是往往手动的去解析json,构建HTML,比较麻烦。现在有了这个插件,就能像Extjs那样使用模板解析json了。完整代码:使用方法:首先声明这个模板然后使用就是这么简单! 阅读全文
posted @ 2010-10-22 09:29 FED@Web 阅读(1752) 评论(1) 推荐(0) 编辑