h5-dooring更新日誌
實現視覺化編輯器的網格參考線
之所以設計網格參考線, 是為了讓h5製作者更精準的控制項位置和大小, 作為設計輔助. 我們可以使用鍵盤快捷鍵ctrl + h(window系統)或者comand + h來顯示或者隱藏參考網格, 類似於ps軟體. 我們來看看細節:
這個功能無非需要實現兩個關鍵點:
繪製網格線
監聽鍵盤事件顯示/隱藏網格線
繪製網格線
網格線的繪製有很多種方案, 比如背景重複, canvas繪製, css實現, 這裡筆者採用第三種方案.
用css實現筆者的思路是通過背景漸變來做, 原理如下:
我們知道css3支援多背景, 所以我們可以利用背景漸變繪製乙個垂直的矩形和乙個水平的矩形, 然後設定寬高讓他們重複繪製即可, **如下:
監聽鍵盤事件顯示/隱藏網格線
// dva modalshowgrid(state)
}, // 顯示參考線
key('⌘+h, ctrl+h', () => );
})
搭建Ubuntu VNC視覺化介面
建立ubuntu伺服器 安裝和配置vncserver以及ubuntu desktop 本地使用vnc連線 建立伺服器成功後，可以用控制台自帶的遠端終端連線雲伺服器，或者使用putty xshell mobaxterm等帶有ssh功能的工具連線雲伺服器，本文使用mobaxterm，因為其功能多而強大，...
Docker搭建Portainer視覺化介面
為了解決上回說到的問題,在網上找了找 找到了乙個 非常有好的視覺化介面管理工具.我用到的圖形化管理,應用快速部署,時間日誌顯示,容器控制台操作 應為我用的比較簡單沒有太多深入了解 搜尋 docker search portainer 拉取 docker pull portainer portaine...
搭建elasticsearch視覺化外掛程式
一，搭建本地elasticsearch服務 具體搭建流程，可以參考部落格 elasticsearch搭建完畢後，使用命令啟動 brew services start elasticsearch 這個時候elasticsearch,在9200埠啟動 我們可以通過http localhost 9200 ...