MAC快捷鍵:
option+空格
ctrl+z 終止一個(gè)命令
command+Q 退出命令行窗口
fn+右三角 最后,類(lèi)似end鍵
fn+左三角 最前,類(lèi)似home鍵
command+Y 打開(kāi)歷史記錄
Mac下VS Code的快捷鍵:
command+shift+P 打開(kāi)控制面板
Q:如何在terminal中使用code命令打開(kāi)VS Code?
A:打開(kāi) VS Code,打開(kāi)控制面板(??P),輸入 ‘shell command’,在提示里看到 Shell Command: Install 'code' command in PATH,運(yùn)行它。
后就可以在終端中輸入code .,使用 VS Code 打開(kāi)當(dāng)前文件夾。
或者直接使用 code filename 編輯文件。
parcel,一個(gè)工具可以構(gòu)建和實(shí)時(shí)打包開(kāi)發(fā)環(huán)境,類(lèi)似webpack,我第一次聽(tīng)說(shuō),真的是太久不學(xué)習(xí)了,不過(guò)目前為止用下來(lái)的感受就是,它可以在你更改頁(yè)面的同時(shí)實(shí)時(shí)刷新頁(yè)面,無(wú)需重新部署,無(wú)需手動(dòng)刷新。
BootCDN,加速前端庫(kù)
fabric,擁有各種圖層處理的庫(kù),利用fabric可以將素材圖片載入到編輯區(qū)域
var obj = canvas.getActiveObject();//獲取畫(huà)布中處于active狀態(tài)的對(duì)象
如果沒(méi)有active的對(duì)象,則obj為undefined,所以,在獲取obj.type之前需要判斷一下obj是否為undefined
downloadjs,一個(gè)用于下載的庫(kù),這里我們可以用這個(gè)庫(kù)將畫(huà)布中的內(nèi)容保存為圖片
keypress對(duì)鍵盤(pán)按鍵的監(jiān)聽(tīng)和事件響應(yīng)
gif.js,需要注意的是,這個(gè)項(xiàng)目會(huì)依賴gif.worker.js,如果直接用BootCDN引入gif.workder.js的話會(huì)存在跨域問(wèn)題,通常會(huì)把gif.worder.js下載到項(xiàng)目中進(jìn)行使用。
通過(guò)這個(gè)小小的項(xiàng)目,我發(fā)現(xiàn)BootCDN是個(gè)好東西,大部分需要實(shí)現(xiàn)的功能或者需要捕獲的事件其實(shí)都有庫(kù)提供操作幫助,無(wú)序自己寫(xiě)原生js去實(shí)現(xiàn)。然后就是前端的打包工具還是很多的,就先這樣吧。
cd .. 返回上級(jí)目錄