原创 【微前端】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