原创 前端框架面試之 項目設計 和 項目流程
一、項目設計 對於組件和狀態設計，從數據驅動視圖、狀態的數據結構設計，React-state、Vue-data，視圖中組件結構和拆分。 對於 React 實現 TodoList，state 數據結構設計、組件設計組件通訊和結合
2020-06-27 07:09:40
原创 Vue 源碼深入解析之 keep-alive、transition 和 transition-group
一、 keep-alive 的理解 在我們的平時開發工作中，經常爲了組件的緩存優化而使用 <keep-alive> 組件，但很少有人關注它的實現原理，下面就讓我們看一下。 內置組件，<keep-alive> 是 Vue 源
2020-06-27 07:09:40
原创 前端面試錦集之 vue 面試總結
一、 vue 面試題 axios 是什麼？怎麼使用？描述使用它實現登錄功能的流程？它與 fetch、ajax 的區別是什麼？答案如下： axios 是基於 promise 用於瀏覽器和 node.js 的一個 http 客戶
2020-06-27 07:09:40
原创 Vue 源碼深入解析之 nextTick、檢測變化的注意事項、計算屬性和偵聽屬性、組件更新 和 Props
一、nextTick 的理解 nextTick 是 Vue 的一個核心實現，在介紹 Vue 的 nextTick 之前，爲了方便大家理解，先簡單介紹一下 JS 的運行機制。 JS 運行機制，JS 執行是單線程的，它是基於事
2020-06-27 07:09:31
原创 TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_3__.default.create(...) is not a function
一、問題的出現： 在進行 react 項目開發的時候，出現了這個錯誤，TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_3__.default.create(...) is not
2020-06-27 07:09:30
原创 Vue 源碼深入解析之 Vue Router、路由註冊 和 VueRouter 對象
一、Vue-Router 路由，它的作用就是根據不同的路徑映射到不同的視圖。我們在用 Vue 開發過實際項目的時候都會用到 Vue-Router 這個官方插件來幫我們解決路由的問題。Vue-Router 的能力十分強大，它支持
2020-06-27 07:09:30
原创 Vue 源碼深入解析之 Vuex 和 Vuex 初始化
一、Vuex 的理解 Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。 狀態管理模式，讓我們從一個簡單的 Vue
2020-06-27 07:09:30
原创 Vue 源碼深入解析之 擴展、event、 v-model 和 slot
一、擴展 前面分析了 Vue 的核心以及編譯過程，除此之外，Vue 還提供了很多好用的 feature， 如 event、v-model、slot、keep-alive、transition 等等。對他們的理解有助於我們在平時開
2020-06-27 07:09:30
原创 Vue 源碼深入解析之 API 和 插件
一、API 的理解 之前我們對 Vuex 的初始化過程有了深入的分析，在我們構造好這個 store 後，需要提供一些 API 對這個 store 做存取的操作，那麼就從源碼的角度對這些 API 做分析。 數據獲取，Vuex
2020-06-27 07:09:30
原创 Vue 源碼深入解析之 matcher 和 路徑切換
一、 matcher matcher 相關的實現都在 src/create-matcher.js 中，我們先來看一下 matcher 的數據結構： export type Matcher = { match: (raw:
2020-06-27 07:09:30
1
原创 Vue 源碼深入解析之 數據驅動、new Vue 發生的過程、Vue 實例掛載的實現、render 、Virtual DOM 、createElement 和 update
一、數據驅動 Vue.js 一個核心思想是數據驅動。所謂數據驅動，是指視圖是由數據驅動生成的，我們對視圖的修改，不會直接操作 DOM，而是通過修改數據。它相比我們傳統的前端開發，如使用 jQuery 等前端庫直接修改 DOM，
2020-06-27 07:09:30
原创 ValidationError: Invalid options object. Less Loader has been initialized using an options object
一、問題的出現： 在進行 react 項目開發的時候，出現了這個錯誤，ValidationError: Invalid options object. Less Loader has been initialized using
2020-06-27 07:09:30
原创 Typescript 的基礎語法之認識、類數組、元組、接口和類
一、Typescript 的認識 Typescript 是 Javascript 類型的超集，它可以編譯成純 Javascript。Typescript 可以在任何瀏覽器、任何計算機和任何操作系統上運行，並且是開源的。 TS 遵
2020-06-17 17:37:41
原创 前端面試錦集之基礎題總結
一、面試基礎題 作用域和值類型引用類型的傳遞，代碼如下所示： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head
2020-06-17 17:37:40
原创 前端跳槽面試總結之渲染機制、運行機制、頁面性能和錯誤監控
一、渲染機制 對於渲染機制，會從 DOCTYPE 及作用、瀏覽器渲染過程、重排 Reflow、重繪 Repaint和 佈局 Layout 這幾個方面。 對於 DOCTYPE 及作用，DTD 是文檔類型定義，是一系列的語法規則，用
2020-06-16 03:42:18