网络编程
位置:首页>> 网络编程>> 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
投稿

猜你喜欢

  • 首先你要明白24bit的bmp图片的基本信息:1像素占3个字节,头部占54个字节。好了,现在开始做验证码了,这里以4位验证码(大小为20(高
  • 代码如下:<% FunctIon DownloadFIle(StrFIle) StrFIlename=StrFIle Response
  • 1、注册时验证数据库用户名是否存在。 2、输入密码时提示密码强度和验证2次密码输入是否一样。 3、注册时验证数据库联系邮箱是否存在。 4、注
  • 比如说在1-3000之内生成随机永不重复数,点击运行代码的时候请注意,此代码比较占用资源,如果硬件配置比较菜请把count改小。俺的电脑配置
  • 如果一张表的数据达到上百万条,用游标的方法来删除简直是个噩梦,因为它会执行相当长的一段时间……   开发人员的噩梦——删
  • 如何用ASP获知机器的网络配置?看看我们的例子:Option Explicit Dim WSHShell&nb
  • 一、日期类型:对于SQL Server 2008 来说(因为2000甚至2005已经稍微有被淘汰的迹象,所以在此不作过多说明,加上自己工作使
  • 移动互联网被称为“第五次科技革命”,而随着iPhone和Android等智能手机的日渐流行和iPad等平板电脑的出现,移动互联网的潜力和趋势
  • 不是炒冷饭,我添加了很多新的功能哦演示地址: xwinhtcdemo.htmCSS: global.cssHTC: xwin.htc特点:1
  • 从最基础的说起。本教程中,所有IE 均指 WindowXP + IE 6.0, 所有 FF 均指 FF 1.5。1. 不用编程的部分1.1
  • 当系统出现故障时,只要存在数据日志那么就可以利用它来恢复数据解决数据库故障。作为SQL Server数据库管理员,了解数据日志文件的作用,以
  • 我刚进入5gsns的时候,我真不知道怎么玩,我是通过白鸦的博客过去的,之前也没有怎么去玩过这类的网站。对于sns网站还算是陌生,不过还好网站
  • 近年来,广告已成为很多网站的主要收入来源。不久前,在线广告往往遭到访客的拒绝,广告客户也不确定它的价值和效力。今天,大多数访客期望在商业网站
  • 1.不要放过任何一个看上去很简单的小编程问题——他们往往并不那么简单,或者可以引伸出很多知识点;2.会用asp,并不说明你会asp;3.看a
  • 最近参与了将一个Sybase数据库移植到Microsoft SQL Server 2000上的项目,我在这一项目上获得的经验,将对Sybas
  • 比如 <div><img .../></div>想通过对这个div设置透明度来达到调整图片的透明度如果不
  • 这个函数是前几年刚流行小偷程序的时候,偶写来用于小偷程序中截取代码的;可能有些朋友在我以前的代码中看见过了,但没有写用法,现在把调用方法及使
  • 创建用户定义函数,它是返回值的已保存的 Transact-SQL 例程。用户定义函数不能用于执行一组修改全局数据库状态的操作。与系统函数一样
  • 以前在网上看到的最简单的拖动对象的代码,忘记作者叫什么了。原始代码在IE下有些小问题,并且声明了文档类型为xhtml 1.0后,在FF等非I
  • 把下面SQL里的SELECT单独执行,没有问题,但是用来CREATE VIEW 就报错了.CREATE OR REPLA
手机版 网络编程 asp之家 www.aspxhome.com