原创 【docker】windows 10 以下的電腦 解決docker終端啓動失敗的問題

在win10 64位機器上安裝docker比較簡單,直接安裝官方的安裝包即可開始使用docker,在win10以下的機子上安裝docker稍微複雜一點 win10以下的電腦安裝docker https://docs.docker.com/t

原创 原生實現img-lazyLoad:圖片延遲加載(基於intersection Observer)

intersection Observer簡介 點擊查閱MDN關於此api的使用說明 這個api是用來檢測dom元素交集的,常見的應用場景之一就是本文提到的對圖片進行懶加載,即:拖動窗口滾動條,到達當前這個圖片的時候,再去讀取掛在自定義屬性

原创 使用angular框架離線你的應用(pwa指南)

簡介 關於service worker,網絡上已經有了較多的文章。總的來說它依靠緩存資源,攔截http請求,來幫助我們達到離線使用網站的效果。 而angular cli爲了讓使用service worker更加便利,爲開發者提供了一個配置窗

原创 封裝一個自動resize的textarea(Angular)

>> 前往stackblitz編輯代碼 核心思路 創建兩個textarea,這裏暫取名爲text和text1。(最後會將text1隱藏,調試時先讓text1顯示)。 將text1的高度和rows設置爲僅能輸入一行,這麼做是爲了用元素的

原创 js小拔高——寫一個reduce

緣起:最近看油管裏面有一個關於js面試的視頻,裏面提到了可能會讓你寫一寫reduce等函數,於是也來一起小拔高拔高。 先寫寫map 首先回憶平時是如何使用的map。 // const newarr = arr.map(v=>v*v)

原创 js小拔高系列——寫一個深拷貝

最近想全職當碼農,面試時候被問到了深拷貝,我噼裏啪啦說了一通,感覺很牛逼,問我自己寫過沒有,我說沒有,但是我可以寫。其實我很心虛,估計現場寫會卡殼。。。。。 思路 深拷貝需要迭代拷貝對象的所有屬性,如果屬性是引用型:Object,則繼續遞歸

原创 在angular裏面寫一個push delete指令

stackblitz錄了個視頻玩 思路 監聽到鼠標按下後發出一個流 將這個流轉接到一個定時產出的流, 通過監聽這個流得知鼠標按下的時間, 當時間到達時取消訂閱。 當鼠標擡起時取消訂閱。 實作 爲了達成思路,首先需要兩個流

原创 前端新手的ubuntu初始化設置

遠程登錄,增加用戶,提升權限 linux允許多人、同時、在不同的地點,操作同一臺服務器。可以設置多個用戶,分組,可以修改設置每個用戶的權限。通過ssh協議進行遠程鏈接,登錄雲主機。 當擁有了一臺雲主機後: 先用root賬戶進行ssh遠程

原创 ngxs入門

ngxs文檔 https://ngxs.gitbook.io/ngxs ngxs是什麼 ngxs是一款angular的狀態管理框架。他能幫助我們全局性的管理應用程序的所有狀態,狀態的概念無所不包,我們的數據,登錄認證,等等,都可以稱爲狀態