原创 記一次Vue框架升級
框架升級背景 公司目前業務迭代很快，且大部分的流量都在公衆號上。然而我們公衆號所使用的框架卻是3年前的Vue 1.0.16。面對Vue這3年來帶來的無數新特性，我們只能望洋興嘆：看得見，摸不着，因爲升級這事看起來太難了。 經常可以
2020-06-25 05:35:34
原创 隨機/線性顏色生成器（RandomColorGenerator）
最近在實現https://javascript30.com/的課程，其中有一門課程要求利用Canvas實現一個效果，我發現這個效果其中的顏色是線性生成的。結合我之前已經寫過一個隨機顏色生成器，就想將這個隨機顏色生成器寫出來，作爲一
2020-06-25 04:35:13
原创 前端應用開發架構圖譜
個人整理的前端架構圖譜，之後會根據這個圖譜不斷的完善內容。希望這個圖譜可以對開發同學的知識脈絡有個梳理的作用。 相關圖譜文件已上傳至Github：https://github.com/sahadev/front-end-archi
2020-06-25 04:35:13
原创 我在小程序工程化方面的一些實踐
我在小程序工程化方面的一些實踐 早期做小程序時，還是原始時代，項目結構混亂，各種冗餘代碼，每次迭代時由於高昂的維護成本，極爲頭疼。遂在一次次的更迭中完成了基礎組件的初版，極爲酸爽。從此之後在當時的情況下只需要關注於業務，對於通用的
2020-06-25 04:35:13
2
原创 整理一波國外前端學習網站
國內的普通開發者對於掌握一門新的技術不知道從哪裏下手，看哪些書。爲了獲得相關知識會關注各種公衆號、購買各種視頻課程來學習，但由於這些內容本身有碎片化的特點，效果往往不太理想。以至於付出了大量的時間到最後不能夠形成系統化的知識。 我
2020-06-25 04:35:13
1
原创 深入解析Node.js setTimeout方法的執行過程
深入瞭解setTimeout源碼之前，本有兩個選擇。一是通過chromium源碼分析，二是通過Node.js源碼分析。後來發現第一種方案的源碼獲取成本太大，於是從Node官網獲取了幾十兆的代碼用來了解。 當前的Node版本爲：v
2020-06-06 23:54:20
2
原创 Promise源碼解析
Promise源碼解析 紙上得來終覺淺，絕知此事要躬行。之前只是很淺顯的知道Promise的用法，也大概猜測到它的內部是如何實現的。但是總是有一種不深究一下就不踏實的感覺。於是從npm上獲得早期的Promise源代碼，拿過來讀一讀
2020-06-06 23:54:20
1
原创 axios網絡請求框架源碼解析
早期axios0.1.0版本做了對IE瀏覽器與包含XmlHttpRequest的瀏覽器的支持。並且做了對請求參數拼接、Json對象序列化等基本功能。 到0.19.0版本時，內部請求已經變爲了在Node環境下與主流瀏覽器的支持，其中
2020-06-06 23:54:20
原创 Android官方開發文檔Training系列課程中文版：佈局性能優化之按需加載View
原文地址：http://android.xsoftlab.net/training/improving-layouts/loading-ondemand.html 有時應用程序中會有一些很少用到的複雜佈局。在需要它們的時候再加載可
2020-02-21 02:43:31
原创 Android官方開發文檔Training系列課程中文版：電池續航時間優化之按需開啓廣播接收器
原文地址：http://android.xsoftlab.net/training/monitoring-device-state/manifest-receivers.html 監測設備狀態變化最簡單的實現方式就是爲每種狀態都創
2020-02-21 02:43:31
原创 Android官方開發文檔Training系列課程中文版：線程執行操作之定義線程執行代碼
原文地址：http://android.xsoftlab.net/training/multiple-threads/index.html 引言 大量的數據處理往往需要花費很長的時間，但如果將這些工作切分並行處理，那麼它的速度與效
2020-02-21 02:43:31
原创 Webpack構建性能優化指南
本指南翻譯自webpack官方性能指南文檔：https://webpack.js.org/guides/build-performance/ 構建性能 本指南涵蓋了對增進構建或編譯性能的一些有效的提示。 General 以下提示
2020-02-21 02:43:31
原创 Android官方開發文檔Training系列課程中文版：線程執行操作之創建多線程管理器
原文地址：http://android.xsoftlab.net/training/multiple-threads/create-threadpool.html 上節課我們學習瞭如何定義一個任務。如果只是執行單次任務，那麼剛剛所
2020-02-21 02:43:31
原创 Android官方開發文檔Training系列課程中文版：電池續航時間優化之檢查、檢測網絡連接狀態
原文地址：http://android.xsoftlab.net/training/monitoring-device-state/connectivity-monitoring.html 通常會有一些後臺服務需要連接到網絡來更新
2020-02-21 02:43:31
原创 Android官方開發文檔Training系列課程中文版：線程執行操作之線程池操作
原文地址：http://android.xsoftlab.net/training/multiple-threads/run-code.html#StopThread 上節課我們學習瞭如何定義一個類用於管理線程以及任務。這節課將會
2020-02-21 02:43:31