摘要:看到一個(gè)很棒的時(shí)間軸工具,分享一下地址主頁(yè)地址項(xiàng)目介紹通過(guò)和,把數(shù)據(jù)和事件進(jìn)行可視化處理,用創(chuàng)建事件軸,用美化樣式,還有適合移動(dòng)端的方法。創(chuàng)建簡(jiǎn)單的時(shí)間軸只需要一個(gè)保存事件的數(shù)組使用安裝
看到一個(gè)很棒的時(shí)間軸工具,分享一下:
github地址 https://github.com/sbstjn/timesheet.js
主頁(yè)地址:http://sbstjn.github.io/timesheet.js/
通過(guò)html5和CSS3,把數(shù)據(jù)和事件進(jìn)行可視化處理,用JavaScript創(chuàng)建事件軸,用CSS美化樣式,還有適合移動(dòng)端的方法。
作者最近一直在更新,github上有超過(guò)4500個(gè)star、300多fork,還是比較值得信賴的。
效果圖 使用只需要引入 Timesheet.js 和配置你的數(shù)據(jù),不依賴別的庫(kù),不需要 jQuery 、Angular.JS。只是用幾行JavaScript去創(chuàng)建HTML5布局的界面、用CSS自定義界面樣式。
創(chuàng)建簡(jiǎn)單的時(shí)間軸只需要一個(gè)保存事件的JS數(shù)組:
new Timesheet("timesheet-default", 2002, 2013, [ ["2002", "09/2002", "A freaking awesome time", "lorem"], ["06/2002", "09/2003", "Some great memories", "ipsum"], ["2003", "Had very bad luck"], ["10/2003", "2006", "At least had fun", "dolor"], ["02/2005", "05/2006", "Enjoyed those times as well", "ipsum"], ["07/2005", "09/2005", "Bad luck again", "default"], ["10/2005", "2008", "For a long time nothing happened", "dolor"], ["01/2008", "05/2009", "LOST Season #4", "lorem"], ["01/2009", "05/2009", "LOST Season #4", "lorem"], ["02/2010", "05/2010", "LOST Season #5", "lorem"], ["09/2008", "06/2010", "FRINGE #1 & #2", "ipsum"] ]);使用Bower安裝
$ > bower install https://github.com/sbstjn/timesheet.js.git
·
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/91484.html
摘要:一個(gè)專注于瀏覽器端和兼容的包管理器。一個(gè)整合和的最佳思想,使開(kāi)發(fā)者能快速方便地組織和編寫(xiě)前端代碼的下一代包管理器。完全插件化的工具,能在中識(shí)別和記錄模式。健壯的優(yōu)雅且功能豐富的模板引擎。完整的經(jīng)過(guò)充分測(cè)試和記錄數(shù)據(jù)結(jié)構(gòu)的庫(kù)。 【導(dǎo)讀】:GitHub 上有一個(gè) Awesome – XXX 系列的資源整理。awesome-javascript 是 sorrycc 發(fā)起維護(hù)的 JS 資源列表...
摘要:轉(zhuǎn)載來(lái)源包管理器管理著庫(kù),并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個(gè)整合和的最佳思想,使開(kāi)發(fā)者能快速方便地組織和編寫(xiě)前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來(lái)源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫(kù),并提供讀取和打包它們的工具。?npm – npm 是 javasc...
摘要:轉(zhuǎn)載來(lái)源包管理器管理著庫(kù),并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個(gè)整合和的最佳思想,使開(kāi)發(fā)者能快速方便地組織和編寫(xiě)前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來(lái)源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫(kù),并提供讀取和打包它們的工具。?npm – npm 是 javasc...
摘要:官網(wǎng)全新的靜態(tài)包管理器。官網(wǎng)一個(gè)整合和官網(wǎng)的最佳思想,使開(kāi)發(fā)者能快速方便地組織和編寫(xiě)前端代碼的下一代包管理器。官網(wǎng)小巧的兼容的所見(jiàn)即所得的富文本編輯器。官網(wǎng)富文本編輯器。官網(wǎng)由制作,適用于每天寫(xiě)作的富文本編輯器。 1. 包管理器 管理著 javascript 庫(kù),并提供讀取和打包它們的工具。 npm:npm 是 javascript 的包管理器。官網(wǎng) cnpm:cnpm 是 由于國(guó)...
閱讀 2495·2021-10-19 11:45
閱讀 2485·2021-09-30 09:56
閱讀 1441·2021-09-30 09:47
閱讀 599·2019-08-30 15:53
閱讀 1840·2019-08-30 15:44
閱讀 589·2019-08-30 12:52
閱讀 1091·2019-08-30 11:16
閱讀 1616·2019-08-29 16:36