原创 axios 源碼深入分析之 源碼實現分析
一、源碼實現分析 axios 源碼目錄結構，如下所示： ├── /dist/ # 項目輸出目錄 ├── /lib/ # 項目源碼目錄 │ ├──
2020-06-30 21:55:42
原创 axios 源碼深入分析之 HTTP 和 json-server
一、 HTTP 相關內容 前後臺交互的基本過程，如下所示： 前後應用從瀏覽器端向服務器發送 HTTP 請求(請求報文) 後臺服務器接收到請求後, 調度服務器應用處理請求, 向瀏覽器端返回 HTTP 響應(響應報文) 瀏覽器端
2020-06-29 11:41:40
12
原创 axios 源碼深入分析之 XHR 和 axios 的理解和使用
一、XHR 的相關內容 MDN 文檔 ：https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest 理解 XHR，如下所示： 使用 XMLHttpReque
2020-06-29 10:56:30
1
原创 react 項目中在開發時跨域問題的解決
一、方案一 在使用 create-react-app 腳手架創建 react 項目的時候，在開發時進行接口訪問的時候，會出現跨域問題。 解決方法是在 package.json 文件中增加如下配置，如下所示："proxy": "h
2020-06-27 21:34:48
原创 前端框架面試之 Vue 的使用 和 Vue 的原理萬字長文總結
一、 Vue 的使用 vue 基本知識點，如下所示： 插值、表達式，指令、動態屬性，v-html 會有 XSS 風險，會覆蓋子組件，代碼如下所示： <template> <div> <p>文本插值
2020-06-27 07:09:40
原创 Vue 源碼深入解析之 Flow 流程準備、源碼設計、源碼構建和入口配置
一、認識 Flow Flow 是 facebook 出品的 JavaScript 靜態類型檢查工具，和 Typescript 功能類型。Vue.js 的源碼利用了 Flow 做了靜態類型檢查，所以瞭解 Flow 有助於我們閱讀
2020-06-27 07:09:40
1
原创 Vue 源碼深入解析之 組件化、createComponent、patch 和 合併配置
一、組件化 Vue.js 另一個核心思想是組件化。所謂組件化，就是把頁面拆分成多個組件 (component)，每個組件依賴的 CSS、JavaScript、模板、圖片等資源放在一起開發和維護。組件是資源獨立的，組件在系統內部
2020-06-27 07:09:40
原创 Vue 源碼深入解析之 深入響應式原理、響應式對象、依賴收集 和 派發更新
一、深入響應式原理 之前都是 Vue 怎麼實現數據渲染和組件化的，主要是初始化的過程，把原始的數據最終映射到 DOM 中，但並沒有涉及到數據變化到 DOM 變化的部分。而 Vue 的數據驅動除了數據渲染 DOM 之外，還有一個
2020-06-27 07:09:40
原创 前端面試錦集之 react 萬字長文面試總結
一、react 面試題 redux 中間件的原理的理解，答案如下所示： redux 是一個應用數據流框架，主要是解決了組件間狀態共享的問題，原理是集中式管理，主要有三個核心方法，action，store，reducer 工作
2020-06-27 07:09:40
原创 Vue 源碼深入解析之 編譯、編譯入口、parse、optimize 和 codegen
一、編譯 模板到真實 DOM 渲染的過程，中間有一個環節是把模板編譯成 render 函數，這個過程我們把它稱作編譯。雖然我們可以直接爲組件編寫 render 函數，但是編寫 template 模板更加直觀，也更符合我們的開發
2020-06-27 07:09:40
原创 前端框架面試之 Vue 面試真題 和 Vue3 相關考點
一、Vue 面試真題 v-show 和 v-if 的區別，答案如下所示： v-show 通過 CSS display 控制顯示與隱藏 v-if 組件真正的渲染和銷燬，而不是顯示與隱藏 頻繁切換顯示狀態用 v-show，否則用
2020-06-27 07:09:40
原创 前端框架面試之 webpack、babel 和 webpack 的面試真題
一、webpack 和 babel 對於 webpack，分爲基本配置、高級配置、優化打包效率、優化產出代碼、構建流程概述和 babel。 對於 webpack 的基本配置，拆分配置和 merge，啓動本地服務，處理 ES6，處
2020-06-27 07:09:40
原创 前端面試錦集之 node.js 及項目工程化
一、node.js 及項目工程化 使用 Node.js 編寫代碼實現遍歷文件夾及所有文件名，代碼如下所示： // 實現遍歷文件下，獲取所有的文件 // 這裏使用同步的方式比異步的方式簡單的多，異步需要回調裏面嵌套回調 cons
2020-06-27 07:09:40
原创 Vue 源碼深入解析之 生命週期、組件註冊和異步組件
一、生命週期 每個 Vue 實例在被創建之前都要經過一系列的初始化過程。例如需要設置數據監聽、編譯模板、掛載實例到 DOM、在數據變化時更新 DOM 等。同時在這個過程中也會運行一些叫做生命週期鉤子的函數，給予用戶機會在一些特定
2020-06-27 07:09:40
原创 前端框架面試之 React 的使用、 React 的原理和 React 的面試真題
一、 React 的使用 React 的基本知識點，如下所示： JSX 基本使用，變量、表達式、class style、子元素和組件等等，代碼如下所示： import React from 'react' import '
2020-06-27 07:09:40