`

【Extjs学习七】extjs2-淘宝特效代码实践

阅读更多

学习extjs拿网站特效练了练手,是在

http://www.iteye.com/topic/236362

的基础上修改成基于extjs的,自动播放和动画效果都是可以配置的。

例子如下:

http://www.zjcxrc.com.cn/ext-2.2/index.html

 

分享到:
评论
5 楼 hemuxiao 2008-09-27  
/*
Taobao JavaScript Framework base on YUI.
T-Bra or TB-ra whatever you like name it...
*/
关注一下.
4 楼 jianfeng008cn 2008-09-26  
谢谢解答!

3 楼 lifesinger 2008-09-26  
jianfeng008cn 写道


1、嘿嘿 我的英语水平有待提高啊
2、自动切换 tabview slideview liquidview都加上了的,liquidview的效果可以自己配置,我对动画不熟悉,就随便试了几个ext的默认效果。
3、321panelview 应该是个bug

ext里面不是所有方法属性都是public的啊,很多都是通过闭包控制好了的,而且我感觉js本身就是弱类型,没必要非得区分private和public吧?我个人觉得代码还是整齐点看着舒服。

decorate方法好用是好好用,不过如果真的是一个框架的话,这些代码,我想还是尽量移到某个不重要的文件里面比较好,看着挺不舒服的。


unicorn是个人搞的,还是阿里的UI部门打算搞搞呢?

/*
Taobao JavaScript Framework base on YUI.
T-Bra or TB-ra whatever you like name it...
*/

还有T-Bra也不清楚是怎么个状况。



阿里真正用的js库是YUI,支付宝同时在用jquery

阿里采用YUI是因为和YAHOO的近亲关系,支付宝则是因为个人喜好采用了jquery

TBra是淘宝的一个UED老人在实际工作中陆陆续续提取出来的一套公用效果库
Unicorn是我重构TBra的一个产物, 想让扩展性和易用性都更好一点

其实,都是个人开发维护的,只是放在淘宝上公用,仅此而已


2 楼 jianfeng008cn 2008-09-26  
lifesinger 写道
条条大路通罗马,呵呵

初步看了下,指出几点小不妥:

1. 源码里mackup应该是markup, 我拼错了,还没改过来,你这里也延用了:(
2. liquidview的效果有点不好,呵呵。加上了自动切换,倒不错
3. 312panelview, 在快速点击多个title时,会展开多个面板。unicorn的没问题

另外,用ext好像也没带来代码的更简单化,还有一个一直想讨论的,在ext里,一切方法和属性其实都是public的,总感觉不是很妥(有些方法没必要暴露,弄成private会更安全些,以后更新改动时也比较好折腾)

还有,对于仅仅一行的调用,增加decorate方法感觉更易用

Anyway,感谢你的尝试



1、嘿嘿 我的英语水平有待提高啊
2、自动切换 tabview slideview liquidview都加上了的,liquidview的效果可以自己配置,我对动画不熟悉,就随便试了几个ext的默认效果。
3、321panelview 应该是个bug

ext里面不是所有方法属性都是public的啊,很多都是通过闭包控制好了的,而且我感觉js本身就是弱类型,没必要非得区分private和public吧?我个人觉得代码还是整齐点看着舒服。

decorate方法好用是好好用,不过如果真的是一个框架的话,这些代码,我想还是尽量移到某个不重要的文件里面比较好,看着挺不舒服的。


unicorn是个人搞的,还是阿里的UI部门打算搞搞呢?

/*
Taobao JavaScript Framework base on YUI.
T-Bra or TB-ra whatever you like name it...
*/

还有T-Bra也不清楚是怎么个状况。





1 楼 lifesinger 2008-09-26  
条条大路通罗马,呵呵

初步看了下,指出几点小不妥:

1. 源码里mackup应该是markup, 我拼错了,还没改过来,你这里也延用了:(
2. liquidview的效果有点不好,呵呵。加上了自动切换,倒不错
3. 312panelview, 在快速点击多个title时,会展开多个面板。unicorn的没问题

另外,用ext好像也没带来代码的更简单化,还有一个一直想讨论的,在ext里,一切方法和属性其实都是public的,总感觉不是很妥(有些方法没必要暴露,弄成private会更安全些,以后更新改动时也比较好折腾)

还有,对于仅仅一行的调用,增加decorate方法感觉更易用

Anyway,感谢你的尝试

相关推荐

    Extjs4.0学习笔记

    ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习笔记(八)---Grid多选/全选 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(十)---ExtJS4图片验证码的实现

    extjs-OA extjs-oa

    一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa

    extjs_4.1.0_community_extjs4-mvc-complex-dashboard.zip

    2. **index.html**:这是主HTML文件,通常包含了引入ExtJS库和应用启动脚本的代码。在这个示例中,index.html会加载app.js,启动整个应用。 3. **app.js**:这是应用程序的入口点,定义了应用的配置和启动逻辑。在...

    ExtJS入门教程-超级详细-共36页 完整版 PDF

    ExtJS入门教程-超级详细-共36页 完整版 PDF,电子书方便阅读和分享。

    extJs例子-------

    ext基本的控件例子ext基本的控件例子ext基本的控件例子ext基本的控件例子

    extjs实例--------嗖嗖嗖

    总的来说,理解并改编这个"嗖嗖嗖"项目需要深入学习ExtJS框架,熟悉其组件、布局、数据处理等方面的知识,并通过查看示例代码和资源文件来逐步掌握项目的运作机制。这是一个挑战,但也是一次提升你JavaScript和前端...

    extjs2----关于extjs 的使用,操作

    在标题"extjs2----关于extjs 的使用,操作"中,我们可以看出这是一份关于ExtJS 2.0版本的使用指南,主要涵盖了其基本操作和应用。描述中提到内容较为初级,适合初学者学习,这表明我们将探讨的是ExtJS的基础概念和...

    ExtJs视频教程整包打包

    Extjs4学习指南21集无代码 extjs网上商城项目 ExtJs视频教程 google调试extjs视频 从基础到实战ExtJs全程精通 传智蔡世友ExtJs视频教程 浪曦ExtJs,永久有效,所有视频解压密码相同,在文档中有写,如有问题请及时...

    深入浅出EXTJS第2版.pdf--part03

    深入浅出EXTJS第2版.pdf--part03,最后一部分

    ExtJS4中文教程2 开发笔记 chm

    ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习笔记(三)---VBox的使用 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4...

    ExtJS与.NET结合开发实例-殷良胜

    《ExtJS与.NET结合开发实例》是一份深入探讨如何将前端框架ExtJS与后端技术.NET相结合的应用实践教程。殷良胜和adyhpq作为主要的贡献者,提供了丰富的示例,帮助开发者理解和掌握这两者的集成技巧。 1. **ExtJS简介...

    ExtJS in Action-英文原版-完整版

    2. 书籍《ExtJS in Action》:这本书是一本关于ExtJS的学习指南,适用于快速上手ExtJS框架的开发者。它被描述为比国内作者编写的同类型工具书质量更高,是英文原版的完整版。 3. 出版信息:该书由Manning ...

    EXTJS4+MVC+JSP-buy360用户管理系统源码

    EXTJS4+MVC+JSP-buy360用户管理系统源码是一款基于EXTJS4、MVC架构和JSP技术开发的用户管理平台。...开发者可以通过源代码学习EXTJS4的组件使用、MVC模式的实践以及JSP与EXTJS的结合方式,对提升Web开发技能大有裨益。

    ExtJs学习笔记基础篇1-新手入门

    学习编程的最好方式就是案例,通过本案例可以让你迅速掌握ExtJs,初学者值得一看的资料

    ExtJs常用布局--layout详解实例代码

    ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...

    用extjs加struts做的web-QQ聊天程序源代码

    2. **STRUTS框架**:Struts负责处理来自EXTJS前端的请求,并进行相应的业务逻辑处理。例如,当用户发送消息时,前端可能会向后端发起一个POST请求,Struts控制器会捕获这个请求,调用相应的服务层方法处理消息发送,...

    extjs+extAPI+spket-1.6.11.jar

    - `Ext+3.0+中文.CHM` 是ExtJS 3.0版本的中文API文档,其中包含了ExtJS的所有类、方法、事件和配置项的详细说明,方便开发者查阅和学习。 - `CHANGES.html` 可能是框架的更新历史记录,记录了不同版本之间的改动,...

    Extjs6.2 生成的admin-dashboard官方模板

    Extjs6.2 生成的admin-dashboard官方模板

    Extjs 6.2 最新sdk ext-6.2.0-gpl.zip

    官方最新版本Extjs6.2版本sdk,创建新项目的时候需要用, 全面的核心框架,具有最新的Javascript标准支持 新的漂亮组件和主题,以创建漂亮的企业应用程序 现代工具链,用于构建优化,高性能,通用的应用程序 用于可视...

    EXTJS高级程序设计源代码6-2

    EXTJS高级程序设计源代码6-2 EXTJS高级程序设计源代码6-2

Global site tag (gtag.js) - Google Analytics