1. intact
A very lightweight data-binding library to create rich web application
intact
Package: intact
Created by: Javey
Last modified: Fri, 12 Apr 2024 10:11:00 GMT
Version: 3.0.34
Downloads: 394
Repository: https://github.com/Javey/Intact

Install

npm install intact
yarn add intact

Build Status
Browser Matrix

Intact

文档 Documents

简介

Intact作为一个可继承,并且拥有强逻辑模板的前端MVVM框架,有着如下特色:

  1. 充分利用组合与继承的思想,来最高限度地复用代码
  2. 同时支持数据驱动和组件实例化调用,来最便捷地实现功能
  3. 强逻辑模板,赋予模板更多功能和职责,来完成业务逻辑和表现逻辑分离

安装

通过script标签引入

请通过npmbower或者直接到github上下载源码包。其中
dist/intact.js
为UMD方式打包的文件,直接通过script引入会暴露全局变量Intact

 <script src="/path/to/intact.js"></script>

<!-- 或者通过cdn -->
<script src="//unpkg.com/intact"></script>

NPM

在大型项目中,一般都会使用webpack构建,通过npm包管理器来管理项目依赖。

 npm install intact --save

使用

 var App = Intact.extend({
    defaults: {
        name: 'Intact'
    },
    template: '<div>Hello {self.get("name")}!</div>'
});

通过Intact.mount方法,可以将该组件挂载到指定元素下。

 window.app = Intact.mount(App, document.getElementById('app'));

许可

MIT

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code