原创 React Ref 其實是這樣的
大家好，我是Mokou，好久沒有冒泡了，最近一直在看研究算法和數據結構方面的東西，但是似乎很多前端不喜歡看這種東西，而且目前本人算法方面也很挫，就不獻醜了。 當然了，最近也開始研究React了，這篇文章主要是講述 Ref 相關的內容，如有錯
2020-10-15 13:42:11
原创 字節跳動面試官：請說一下vuex工作原理（重點就幾行代碼而已啦）
不知爲何掘金的文章最近都流行以 "字節跳動面試官" 作爲開頭，不蹭一波都不好意思說逛過掘金了。23333 最近是真到了面試的季節，那麼就說一下 Vuex 的源碼吧。看完你會發現，Vue和Vuex的實現原理主要就那麼幾行代碼。 Vue雙向綁定
2020-09-05 14:50:23
原创 vue3 深入淺出（連載三）手摸手實現 vue3
大家好，我是Mokou，最近一直在做 vue3 相關內容，比如源碼解析和mini-vue3的開發。 回顧下前幾章的內容，在前幾章中主要講述了以下內容。 新構建工具 vite 的原理和從零開始實現 vue3 使用新姿勢 新api：reac
2020-07-23 13:49:13
原创 Vue3 源碼逐行解析 Vue3 源碼解析
Vue3 源碼解析 vue3 出來有一段時間了。今天正式開始記錄一下 vue 3.0.0-beta 源碼學習心得。 本文編寫於 2020-06-10，腳手架使用 vite-app 版本 0.20.0，內置 vue 3.0.0-beta
2020-07-02 19:50:51
原创 Vue3 源碼逐行解析
Vue3 源碼解析 vue3 出來有一段時間了。今天正式開始記錄一下 vue 3.0.0-beta 源碼學習心得。 本文編寫於 2020-06-10，腳手架使用 vite-app 版本 0.20.0，內置 vue 3.0.0-beta
2020-07-02 13:29:45
原创 高頻面試手寫代碼滿分答案！ （2w字）
循序漸進，越往後越難！！！ 實現淺拷貝 如果給一個變量賦值一個對象，那麼兩者的值會是同一個引用，其中一方改變，另一方也會相應改變。針對引用類型我們需要實現數據的拷貝。 用 ... 實現 const copy = {...{x:1}}
2020-06-15 22:39:34
1
原创 2019年度最常見的JavaScript面試題和答案
2019年度已經過去了，2020年面試高峯期又來了。經過2019年的學習和麪試經歷，統計了下面一些最常見的面試題。 JavaScript 中的強制轉型（coercion）是指什麼？ 難度：簡單 在 JavaScript 中，兩種不同的內
2020-06-15 22:39:34
原创 Vue源碼解析篇 (二）keep-alive源碼解析
keep-alive是Vue.js的一個內置組件。它能夠不活動的組件實例保存在內存中，我們來探究一下它的源碼實現。 首先回顧下使用方法 舉個栗子 <keep-alive> <component-a v-if="isShow"></c
2020-06-15 22:39:34
原创 如何寫出優雅健壯的代碼？
一直以來，關於“代碼規範”的話題都備受關注，業界甚至有很多流傳甚廣的段子不斷調侃之。既然代碼規範能引起這麼大的共鳴，那麼今天我們談談一個程序員的自我修養——如何寫出優雅的代碼？ 一、接口的流暢性 好的接口是流暢易懂的，他主要體現如下幾個方面
2020-06-15 22:39:34
原创 [前端進階課] 構建自己的 webpack 知識體系 webpack
webpack webpack 最出色的功能之一就是，除了 JavaScript，還可以通過 loader 引入任何其他類型的文件。 Webpack 核心概念： Entry（入口）：Webpack 執行構建的第一步將從 Entry
2020-06-15 22:39:34
1
原创 React 最重要也最容易被遺忘的屬性 $$typeof
爲什麼說 $$typeof 是最重要的屬性？因爲它是代碼安全的一道重要防線。 如果你用過 React，對 type、 props、 key、 和 ref 應該熟悉。 但你不一定知道 $$typeof？ 首先簡單介紹下JSX 當你在寫 J
2020-06-15 22:39:34
原创 時間切片的實現和調度（原創2.6萬字）
本人系一個慣用Vue的菜雞，恰巧週末和大佬扯蛋，峯迴路轉談到了fiber，被大佬瘋狂鄙視... 大佬還和我吐槽了現在的忘了環境 百度是不可信的，百度到的東西出來廣告其他都是出自同一個作者（大部分情況確實這樣） 很多水文都是以 copy 的
2020-05-30 20:34:16
原创 [前端進階課] 構建自己的 webpack 知識體系
webpack webpack 最出色的功能之一就是，除了 JavaScript，還可以通過 loader 引入任何其他類型的文件。 Webpack 核心概念： Entry（入口）：Webpack 執行構建的第一步將從 Entry 開
2020-05-22 13:17:22
原创 手摸手：3秒打包一個three.js項目（有物證）
關於 webpack 相關的文章太多了，何不一起從零開始手寫一個配置呢？ 真的3秒能打包一個three.js項目嗎？真的，後面會提供源文件地址哦。 要打包的項目是這個樣子的。 從零開始 關於 three.js 的安裝和使用部分都省略。
2020-03-05 13:16:43
原创 React Hooks 完全指南，讀React作者博文感悟（2W字精華）
閱讀 facebook大佬：Dan Abramov 的文章頗有感悟 大佬 github地址 https://github.com/gaearon 重點總結 useEffect 是同步的 狀態是捕獲的當前 props 和 state
2020-02-20 13:18:28