发一个自己用的JS框架(试用版^_^)

作者:编程浪子 来源:51js 时间:2011-09-11 18:53:24 

框架特色:

一、统一命名空间
        默认命名空间为F,当然你也可以改成自己喜欢的名字,整个框架就一个命名空间,其他方法都是用命名空间下的调用,这样再恶劣的环境也不怕,不会跟其他框架冲突
二、命名规范
        1、总则:不能太长,记不住,也不能太短,用户不理解含义,总之就是看单词就知道它的含义
        2、API调用简洁,一律按照:[命名空间].[方法名] 的形式
        3、参考PHP,比如:range rand shuffle unique repeat isset unset url_encode url_decode html_encode html_decode
        4、参考HTML5:比如        json_stringify json_parse lambda trim map
        5、参考各大框架:比如 proxy bind unbind hover toggle capitalize
三、仿HTML5元素
        比如audio音频 video视频 canvas绘图 validator表单验证



框架内容架构:

一、核心
        框架特性、浏览器环境和cookie等、常用正则表达式、类型判断、数据转换

二、DOM链式操作
        1、查找
                指给定一个节点,轻而易举就可以找到其N层父节点、子节点、邻居节点
        2、文档操作
                增加、删除、清空等
        3、样式
                基本样式:边框、鼠标、浮动、透明、样式名等
                变形:设置元素的位置和尺寸,跟动画组件配合可以做出各种动画效果。
                显示隐藏:设置元素显示和隐藏及互相切换
                背景:背景颜色、背景图片、背景图片位置
        4、属性
                html:table、select下也没问题,还能获取outerHTML
                attr:不管原生属性还是自定义属性,都能geter和seter
               
        5、事件
                格式化的事件,再不用考虑兼容的问题
        6、批量操作
                除了能够使用几乎所有的单节点操作外,还有两个自己的方法,item定位和each迭代

三、原型扩展
        字符串、数字、数组、日期、函数、对象等函数扩展,除对象外,其他也可以作为原型扩展

四、AJAX|请求相关
        处理各种文件,包括AJAX异步加载文件,加载JS、CSS、图片,动态生成Flash、音频、视频代码等

五、表单相关
        包括表单验证、设置和获取整个表单的值、设置和获取Radio和Chessbox的值等

六、编码解码
        JSON编码解码、URL编码解码、HTML编码解码,还有自定义的编码解码

七、内部UI组件
        动画、电子商务网站上常用的幻灯片广告、拖动、弹窗、树、分页、日期选择器

八、扩展组件
        封装了一些实用的工具组件,比如代码高亮、简繁转换,网页上不常用但是很实用的东西


API演示地址: http://1stjs.googlecode.com/svn/trunk/fw4/api/index.html
组件地址: http://1stjs.googlecode.com/svn/trunk/fw4/widget/index.html

SVN checkout地址: https://1stjs.googlecode.com/svn/trunk/fw4   (可匿名)

PS:由于时间匆忙,在IE下运行可以还有BUG, 还有些功能有待完善,请大家多多关注下,我会定时更新的 ~_~

标签:js框架,框架
0
投稿

猜你喜欢

  • js“树”读取xml数据源码

    2007-08-04 19:42:00
  • 关于JS中变量的显式申明和隐式申明

    2008-09-12 13:04:00
  • 关于JS中的事件--Event对象

    2008-03-16 14:22:00
  • 不用Global.asa也能实现统计在线人数吗?

    2009-10-29 12:28:00
  • Select的OnChange()事件

    2009-03-03 12:40:00
  • 另类解读SQL Server中的DateTime数据类型

    2009-01-06 11:22:00
  • Shellcode加密解密函数

    2009-04-24 11:18:00
  • Dreamweaver技巧50问

    2008-10-16 14:00:00
  • XML教程 WEB页面工具语言XML的定义

    2008-05-29 10:54:00
  • Javascript 中截取小数位并实现四舍五入的方法

    2008-08-05 18:11:00
  • 如何优化网站图片以快速显示

    2008-04-05 10:09:00
  • 用ASP显示ACCESS数据库的GIF图象

    2008-11-16 18:09:00
  • response.setHeader()方法设置http文件头的值

    2010-03-11 22:43:00
  • 使用NetBox 编译 asp 为exe应用程序

    2009-11-29 16:13:00
  • 一个网页设计师的成长经历

    2008-05-27 12:38:00
  • SQL Server中删除重复数据的几个方法

    2009-10-30 10:50:00
  • 成为一个顶级设计师的第一准则

    2008-04-18 10:29:00
  • SQL Server 2005 SSIS技巧:动态目的文件名

    2008-12-05 15:47:00
  • 怎样取得局域网中所有SQL Server的实例

    2009-01-08 13:20:00
  • javascript在线游戏:找相同的图片

    2008-03-12 12:18:00
  • asp之家 网络编程 m.aspxhome.com