小白使用JavaScript封装的一个类似于JQuery的框架(欢迎一起学习交流)
本帖最后由 向善的灯 于 2019-1-17 18:47 编辑当然主要也只是结合自己的理解和参考了JQuery的一些源码结构,并参见了一些关于框架封装的书籍,实现的这个小型的库,取名为xframe.js
主要还是用于一起学习交流使用,对分享的源码基本上都作出了详细的注释,方便于初学者学习,如果觉得不错可以star一下。
对于想学习一些开源框架,或者源码的同学应该还是有点帮助的,总共的代码量在3000行左右,但是实现的功能也只是实现了JQuery的30%左右,想继续深入学习的同学可以继续参考其他书籍深入学习。
* @Desc: 实现一个类似于JQuery功能的框架
* V 1.0: 实现了基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架的搭建
* V 2.0:实现了框架的进一步优化,具有良好的扩展性, 可以支持链式访问
* V 3.0:种子模块:命名空间、对象扩展、数组化、类型的判定、domReady,无冲突处理
* V 4.0: 数据类型的检测、正则表达式的基本用法,数据绑定的知识(模板的使用)
* V 5.0:实现继承的基本理解,事件框架的封装和测试
* V 6.0: 实现了CSS样式框架封装和测试
* V 7.0: 实现了选择框架的封装和测试
* V 8.0: 实现了属性框架的封装和测试
* V 8.0: 实现了DOM框架的封装和测试
* V 9.0:实现了本地存储框架的封装(缓存框架、cookie、Localstorage框架)
* V 10.0 实现了动画框架的封装和本地测试
* V 11.0 在每一个立即函数+闭包的前面添加;实现框架的兼容性
* */
Xframe.js的GIthub源码:https://github.com/xiugangzhang/xframe.js
其他的项目源码:
ChineseChess中国象棋小游戏:https://github.com/xiugangzhang/ChineseChess
SuperMario超级马里奥小游戏:https://github.com/xiugangzhang/SuperMarioGame
GAMEEngine小框架:https://github.com/xiugangzhang/GameEngine
鉴于代码过长,已将代码打包为附件资源供大家下载,
或直接在线查看:https://github.com/xiugangzhang/xframe.js欢迎一起学习交流。
sunzhiqiang 发表于 2019-1-17 19:25
感觉自己开发的框架总的来说更适合自己,例如jQuery这种开源框架是经过数个版本与大众使用习惯开发出来的。 ...
你好,感谢你提供的建议哈,这个也仅是自己在学习过程中总结的一个库吧,欢迎一起学习交流! 楼主真的是很无聊啊,跟我当年一样。JQ用习惯了,写普通JS代码就比较痛苦了,一些老项目维护又不好引进JQ资源,就自己实现了好多仿JQ的方法。年纪轻的时候什么都自己写,有轮子也不要,总觉得自己写的更符合自己的需求,更轻量化。 这么好的贴子竟然没有人评论!!!!!
刮开有奖:【哈哈哈哈,你被忽悠了,不过帖子还是很好的,楼主多多加油!】
{:1_892:}{:1_892:}{:1_892:}{:1_892:}{:1_892:}{:1_892:}{:1_892:}{:1_892:}{:1_892:}{:1_892:} 人的估计快了护额 厉害,大神 感谢楼主分享!! 那么长的js 放在附件比较好 人才啊,我还没到看一些成熟框架源码修改源码的程度,看不懂,膜拜 虽然看不懂,还是要支持一下,学习中 yy54007 发表于 2018-10-20 20:17
这么好的贴子竟然没有人评论!!!!!
刮开有奖:【哈哈哈哈,你被忽悠了,不过帖子还是很好的,楼主多 ...
感谢支持!{:301_975:}{:301_975:}{:301_988:}