原创 【微前端】qiankun 到底是個什麼鬼

前言 在上一篇文章【微前端】single-spa 到底是個什麼鬼 聊到了 single-spa 這個框架僅僅實現了子應用的生命週期的調度以及 url 變化的監聽。微前端的一個特點都沒有實現,嚴格來說算不上微前端框架。 今天就來聊一個真正的

原创 【微前端】single-spa 到底是個什麼鬼

前言 說起微前端框架,很多人第一反應就是 single-spa。但是再問深入一點:它是幹嘛的,它有什麼用,可能就回答不出來了。 一方面沒多少人研究和使用微前端。可能還沒來得及用微前端擴展項目,公司就已經倒閉了。 另一方面是中文博客對微前端

原创 【面試題】debounce vs throttle

Github 代碼:https://github.com/Haixiang6123/debounce-throttle 預覽:http://yanhaixiang.com/debounce-throttle/ debounce 和 t

原创 【面試題】如何用 CSS 畫一個正方體

最近在 http://algoexpert.io/ 上看到一個非常好玩的東西。 剛開始的時候,我還要以爲要用到什麼 JS 庫來實現的,打開控制檯研究了一下,原來用 CSS 就可以實現了,好吧,算我孤陋寡聞了,哈哈。於是,寫篇博客記錄一下吧

原创 【微前端】10分鐘學會乾坤大挪移

前言 今天剛剛學習了一個微前端框架——乾坤,正着熱乎勁,寫一篇入門博客。這篇文章不會討論太多的原理和實現,只是一個入門寫 Hello World 的教程。 文章的很多地方都參考官網,但是官網的教程太簡潔了,個人覺得還是做不到無腦上手,希望

原创 【前端小白向】前端常見名詞大盤點

最近寫了太多技術文章,今天想寫一點簡單的東西。當一個新人問:如何開始學前端?很多知乎人都會發這樣的腦圖: 新人表示很淦,並點上右上角的“關閉”。 個人也有很討厭找學習資源的時候,老手總是給一些“大而全”但對新人極度不友好的答案,我知道發

原创 造一個 supertest 輪子

文章源碼:https://github.com/Haixiang6123/my-supertest 參考輪子:https://www.npmjs.com/package/supertest supertest 是一個短小精悍的接口測試

原创 造一個 redux-thunk 輪子

源碼倉庫:https://github.com/Haixiang6123/my-redux-thunk 哈?redux-thunk 不就是那個只有 14 行代碼的輪子嘛?我一行就能寫出來還要你來教我做事? 不錯,redux-thunk

原创 造一個 redux 輪子

文章源碼:https://github.com/Haixiang6123/my-redux 參考輪子:https://www.npmjs.com/package/redux 前言吐槽 Redux 應該是很多前端新手的噩夢。還記得我剛接

原创 造一個 react-contenteditable 輪子

文章源碼:https://github.com/Haixiang6123/my-react-contenteditable 預覽鏈接:http://yanhaixiang.com/my-react-contenteditable/ 參考輪

原创 造一個 react-infinite-scroller 輪子

文章源碼: https://github.com/Haixiang6123/my-react-infinite-scroller 預覽鏈接: http://yanhaixiang.com/my-react-infinite-scroll

原创 造一個 promise-poller 輪子

項目代碼:https://github.com/Haixiang6123/my-promise-poller 預覽鏈接:http://yanhaixiang.com/my-promise-poller/ 參考輪子:https://www

原创 造一個 copy-to-clipboard 輪子

項目代碼:https://github.com/Haixiang6123/my-copy-to-clipboard 預覽地址:http://yanhaixiang.com/my-copy-to-clipboard/ 參考輪子:https

原创 造一個 React 錯誤邊界的輪子

以下所有代碼都已整理到 Github:https://github.com/Haixiang6123/learn-error-bounday 參考的輪子:https://www.npmjs.com/package/react-error-

原创 造一個 idb-keyval 輪子

項目源碼:https://github.com/Haixiang6123/learn-idb-keyval 預覽鏈接:http://yanhaixiang.com/learn-idb-keyval/ 參考輪子:https://github