职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 1378|回复: 1

发一个自己用的JS框架(半成品^_^)

[复制链接]
feiguo 发表于 2011-9-3 10:01 | 显示全部楼层 |阅读模式
框架特色:

一、统一命名空间
        默认命名空间为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

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

江南枫 发表于 2011-9-3 10:01 | 显示全部楼层
推荐链接
3G培训就业月薪平均7K+,不3K就业不花一分钱!

见证又一个准百万富翁的诞生!
20-30万急聘多名天才Java/MTA软件工程师

您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-4-27 13:12 , Processed in 0.128596 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表