這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 前段時間在看面經的時候,發現很多份面經中都被問到了 強緩存 和 協商緩存。因此我覺得有必要寫一篇文章來好好聊聊這兩者。 強緩存和協商緩存 瀏覽器緩存是瀏覽器在本地磁碟對用戶最近請求過的文檔進行存儲,當訪問者再次訪問同一頁面時,瀏覽器就可以 ...
概述
這是一篇 React 在 kintone 上的實戰,我們需要利用看板和甘特圖來來強化項目管理 app。另外這次用到了 webpack,想瞭解基本配置思路的可以看
項目地址
效果圖
需求整理
看板
-
卡片上需要顯示負責人、時間、類型、標題、詳細信息
-
看板上不同的跑道代表不同的狀態,需要按照順序顯示
-
允許卡片在各個跑道自由切換,當移動完成時需要同步更新記錄的狀態信息
-
點擊卡片能進入詳細畫面
-
不建議用流程管理來設置狀態,因為它需要設置每個 action 動作
甘特圖
-
甘特圖需要能標示今天日期
-
甘特圖要有不同的 viewmode 來控制時間長度信息
-
能顯示父子任務關係圖
-
任務能被自由拖拽,時間被改變後需要同步更新記錄的時間信息
-
任務狀態以進度百分比的方式顯示
-
任務標題和時間信息能以文字的形式顯示出來
-
點擊任務能進入詳細畫面
其他
-
要有切換功能
-
不同的任務類型需要用不同的顏色顯示
-
和 kintone 的列表功能結合起來,來控制數據大小
-
詳細畫面要有甘特圖,只顯示自己的父子任務
-
lookup 只能查其他 app 的信息,無法利用它來實現父子關係綁定,需要有其他的手段
kintone App 設置
代碼詳解
部分代碼由於系統的原因無法完全顯示,請以github上源文件為準
第三方包選擇
index.tsx、App.tsx、KintoneAppRepository.tsx、Card.tsx 詳細代碼請見: