Intention.js:輕量級響應式開發工具

2021-01-11 CSDN技術社區

Intention.js是一款專門用於響應式開發的輕量級開源庫，遵循MIT許可。它通過HTML屬性操作DOM，通過修改HTML即可實現所有變更，並可用來描述不同設備之間的HTML文檔差異。



Intention.js由兩部分組成：Intention.js和Context.js。Intention.js庫主要用來管理響應軸，以及基於元素規格和事件改變來操縱元素；Context.js是Intention.js的一個實現，在進行響應式設計時提供一組通用模型。

Intention.js有三個基本操作，包括：屬性操作、類操作和放置操作，開發者可以使用它們修改任何屬性值、添加或刪除一個元素，以及調整文件結構中元素的位置。Intention.js兼容目前所有主流的瀏覽器，但由於jQuery 2.x不再支持IE 6～8，建議開發者在IE環境中採用jQuery 1.x版本。

更多詳細介紹，請參閱官網：http://intentionjs.com/

託管地址：https://github.com/dowjones/intentionjs

國內鏡像地址：https://code.csdn.net/OS_Mirror/intentionjs

本文為《程式設計師》原創文章，未經允許不得轉載，如需轉載請聯繫market#csdn.net(#換成@)

相關焦點

  • 輕量級桌面應用開發的捷徑——nw.js
    每個程式設計師都希望用自己喜歡的語言，自己喜歡的平臺、工具，寫自己喜歡的程序。於是我們會看到有人在Win下用Visual Studio愉快地coding，也會看到有人在OS X下用Xcode來開發，或者是用Sublime Text不受平臺限制地玩。當然了，願望往往是美好的，然而事與願違的情況時有發生。
  • Per.js 2.5 版本發布,執行速度超快的 JS 響應式框架
    Per.js 2.5版本今天發布了，那麼讓我們來看看這次版本更新了哪些內容：修復data屬性bug修復for屬性響應式bug
  • Chart.js - 漂亮的 Javascript 圖表開源庫
    這是一個使用簡單、動效現代酷炫js圖表庫，用來構建專業美觀的數據圖表。介紹Chart.js 是一個基於 canvas 的可視化開源庫。它可以用於構建簡單漂亮的 H5 圖表，滿足產品數據可視化的需求。基於HTML5 canvas ，兼容所有現代瀏覽器，並且支持 IE7/8；無依賴的超級輕量級產品，gzip後大小僅11.01kb。
  • Per.js 2.6 版本發布,執行速度超快的 JS 響應式框架
    Per.js 2.6版本今天發布了，那麼讓我們來看看這次版本更新了哪些內容：dom方法增加info屬性，用來定義值，同時方法中的this指向info
  • Per.js 2.6.1 版本發布,執行速度超快的 JS 響應式框架
    Per.js 2.6.1版本今天發布了，那麼讓我們來看看這次版本更新了哪些內容：
  • bootstrap響應式布局
    什麼是響應式 Web 設計 　　響應式 Web 設計是一個讓用戶通過各種尺寸的設備瀏覽網站獲得良好的視覺效果的方法。 　　響應式 Web 設計工作原理 　　為了應用響應式 Web 設計，您需要創建一個包含適應各種設備尺寸樣式的 CSS。一旦頁面在特定的設備上加載，該頁面上使用了各種字體和 Web 開發技術，比如媒體查詢（Media Queries），此時，會先檢測設備的視口大小，然後加載特定於設備的樣式。
  • 前端高效開發必備的 js 庫梳理
    比如說你對移動端比較感興趣, 工作中也剛好涉及到一些技術的應用,那麼我可以專門研究移動端相關的技術和框架, 又或者你對企業後臺/中臺產品感興趣, 比較喜歡開發PC端項目, 那麼我們可以專門研究這種類型的js庫或者框架, 接下來筆者也是按照不同前端業務的需求, 來整理一份能快速應用到工作中的js庫, 以提高大家的開發效率。
  • 給Web 開發者的 25 款最有用的 AngularJS 工具
    現在有各種各樣的 AngularJS 工具提供在網際網路。今天我們來為大家介紹提供給 Web 開發者的 25 款最棒的 AngularJS 工具。1) AngulaJS 最棒的測試工具 – ProtractorProtractor 是 AngularJS 團隊構建的一個端對端的測試運行工具，模擬用戶交互，幫助你驗證你的Angular應用的運行狀況。」
  • 某課網實戰教程-所向披靡的響應式開發(免費)
    第1章 前期準備介紹了課程內容、背景和案例展示、什麼是響應式網站、怎樣分析設計圖、響應式網站設計實踐原則第2章 如何組織項目目錄結構
  • 18個免費的CSS3資源用於構建快速輕量級的網站
    在10,000個排名靠前的網站中佔5％，它為創建響應式網站提供了基礎，該網站包含更多高級組件，如彈性網格和排版。3. UIKit由於很少計劃或使用資源，用戶可以使用UIKit創建動態，響應迅速的網站。這個框架通過使用CSS3，Less.js和Sass提供了許多交互式組件，使Web設計更容易和有趣。
  • 前端開發大盤點:2015最流行前端框架TOP20
    核心概念/原則：響應式瀏覽器支持：Firefox, Chrome, Safari, IE9+，Android4.2+，iOS 7+預處理器：None響應式：Yes模塊化：Yes官網地址：http://vuejs.org/Github地址：https://github.com/vuejs/vue
  • 15個提高編程技巧的JavaScript工具
    JavaScript State ManagerJavaScript State Manager是一種輕量級的、易於使用的狀態管理器，主要用於響應式網站。它不需要任何的JavaScript框架。你可以定義斷點將運行在當前斷點的JavaScript代碼打包在一起。
  • Per.js 2.2 正式發布,中國速度最快的JS大型響應式框架?
    Per.js 2.2版本今天發布了，那麼讓我們來看看這次2.2版本更新了哪些內容：
  • 為什麼Node.js是Web開發人員必備工具?
    Node.js是Web開發人員一個有趣優秀的開發庫，它憑藉高並發性，目前已成為開發者選擇在Web開發中使用的主要工具之一，一般都是開發者的第二備選。Node.js的初學者和中級開發人員要掌握與了解基本知識內容，其實是很困難的事情，需要多次實戰練習，掌握了基本知識，開發者就可以基本可以正常開發，所以Node.js主要是最基本的基礎擴展開來的。 Node.js與JavaScript一樣是單線程的，Node.js具有事件循環。
  • 15 個提高編程技巧的 JavaScript 工具
    這篇文章收集了15個可用於提高編程技巧的JavaScript工具，助你輕鬆快速完成工作。下面的這些JavaScript工具能讓你管理 Javascript狀態、壓縮JavaScript代碼、重構腳本代碼結構等等。真誠地希望以下這些工具能對你有用。並且如果你還知道其他的 JavaScript工具，歡迎不吝賜教。1.
  • 響應式頁面的布局原理、快速構建和適用範圍
    第一種方法開發、運營、推廣各種成本幾乎就double了，但可以提供更為專業的移動端體驗，所以說，除非這個網站盈利夠大，要求很高，而且主要是有錢，可以這麼幹。第二種方法就是兩個字——省事，就是編寫一個頁面，適應所有設備。下面開始介紹這種省事又酷炫的方法。
  • 響應式Web設計七大利器
    響應式Web設計是在開發和設計網站過程中產生的一種方式，它的目的是讓內容布局能隨用戶使用顯示器的不同而變化。如今，響應式開發網站引入了一組新的工具以幫助開發者快速學習規則，開發跨瀏覽器和構建快速、有效的跨平臺網站。
  • Rxjs 響應式編程庫
    什麼是RxjsRxJS是使用Observables 的響應式編程的庫，它使編寫異步或基於回調的代碼更容易。隨著深入你會發現它採用了訂閱者模式，其中也帶有純函數的思想，比如Rxjs5中我們把「副作用」都寫在.do()中。直到在使用了RxJS 6之後才了解其少有人意識到的另一面——流。什麼是流？node中的stream,gulp中的管道流...
  • Ember.js和Vue.js,哪種框架更適合前端開發?
    與大多數前端開發框架不同，使用Ember.js，您必須遵循一套嚴格的JS體系結構，也就是說，Ember.js並不具備高度的靈活性。不過，正是得益於這套JS體系結構，Ember.js明顯更加完善、穩定，您可以使用其任意版本推出的工具與最新版本集成，卻不必過分擔憂兼容性問題。