网络编程
位置:首页>> 网络编程>> JavaScript>> 发一个自己用的JS框架(试用版^_^)

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

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

标签:js框架,框架

框架特色:

一、统一命名空间
        默认命名空间为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, 还有些功能有待完善,请大家多多关注下,我会定时更新的 ~_~

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com