Giter Club home page Giter Club logo

xiugangzhang / xframe.js Goto Github PK

View Code? Open in Web Editor NEW
9.0 3.0 6.0 98 KB

:trophy: @Desc: 通过分析jQuery源码实现的一个类似于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 在每一个立即函数+闭包的前面添加;实现框架的兼容性

JavaScript 98.44% HTML 1.56%
javascript module

xframe.js's Introduction

JavaScript-Xframe.js

@Author: xiugang * @Time: 20180722

@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 9.0: 实现了DOM框架的封装和测试

V 10.0:实现了本地存储框架的封装(缓存框架、cookie、Localstorage框架)

V 11.0 实现了动画框架的封装和本地测试

V 12.0 在每一个立即函数+闭包的前面添加;实现框架的兼容性

以上是前期代码封装过程中的每一个过程版本信息,最终实现了这个最终封装好的框架[Release V1.0],目前主要有两个版本。

版本1:立即函数+闭包实现的JQuery版本

版本2:使用require.js实现的模块化的JQuery版本

JavaScript-Xframe.js

@Author: xiugang * @Time: 20180722

@Desc: Implement a framework similar to JQuery functionality

V 1.0: Implement the basic framework, event framework, CSS framework, property framework, content framework, animation framework

V 2.0: Implemented further optimization of the framework, with good scalability, can support chained access

V 3.0: seed module: namespace, object extension, array, type determination, domReady, no conflict handling

V 4.0: Detection of data types, basic usage of regular expressions, knowledge of data binding (use of templates)

V 5.0: basic understanding of implementation inheritance, encapsulation and testing of event frameworks

V 6.0: implementation of CSS style frameworks Packaging and Testing

V 7.0: Encapsulation and testing of the selection framework is implemented

V 8.0: Encapsulation and testing of the attribute framework is implemented

V 9.0: Encapsulation and testing of the DOM framework is implemented

V 10.0: Encapsulation of the local storage framework is implemented (Cache Framework, Cookies, Localstorage Framework)

V 11.0 implements encapsulation and local testing of animation frameworks

V 12.0 in every immediate function + closure Added before; implements framework compatibility

The above is the version of each process in the pre-code encapsulation process, and finally the final packaged framework

[Release V1.0] is implemented. There are currently two versions.

Version 1: JQuery version of immediate function + closure implementation

Version 2: Modular JQuery version implemented with require.js

GitHub tag

xframe.js's People

Contributors

xiugangzhang avatar

Stargazers

叶绍亭 avatar bettermonter avatar Liam avatar Curt Hammes avatar Wei Tian avatar  avatar DogeJian avatar DoubleIcy avatar  avatar

Watchers

James Cloos avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.