发一个自己用的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
投稿

猜你喜欢

  • 3个比较好用的asp检查函数

    2007-09-24 13:25:00
  • Python流程控制 while循环实现解析

    2023-02-07 04:16:33
  • Numpy 理解ndarray对象的示例代码

    2023-07-17 00:56:20
  • 浅析Python中MySQLdb的事务处理功能

    2024-01-14 01:23:10
  • 如何让页面在打开时自动刷新一次让图片全部显示

    2024-04-17 10:10:44
  • javascript自定义加载loading效果

    2024-04-27 15:23:14
  • asp中Adodb.Stream 的使用说明

    2007-09-11 13:53:00
  • Keras loss函数剖析

    2021-01-24 05:25:27
  • Python实现将16进制字符串转化为ascii字符的方法分析

    2023-11-17 12:26:25
  • 如何基于Python实现电子邮件的发送

    2022-03-16 11:49:16
  • python用字节处理文件实例讲解

    2023-07-18 12:44:50
  • javascript使用正则表达式检测IP地址

    2024-03-15 11:06:52
  • python点云地面点滤波(Progressive Morphological Filter)算法介绍(PCL库)

    2021-12-23 00:38:29
  • python操作oracle的完整教程分享

    2023-08-28 01:18:49
  • 如何用Python绘制3D柱形图

    2022-12-19 04:22:04
  • 类似google的ASP分页代码[测试通过]

    2009-03-13 12:43:00
  • 在Python中处理XML的教程

    2021-08-04 17:36:01
  • GitHub上值得推荐的8个python 项目

    2021-01-11 22:40:12
  • python之从文件读取数据到list的实例讲解

    2021-11-11 08:04:26
  • Python 格式化输出字符串的方法(输出字符串+数字的几种方法)

    2021-05-03 21:25:00
  • asp之家 网络编程 m.aspxhome.com