发一个自己用的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, 还有些功能有待完善,请大家多多关注下,我会定时更新的 ~_~