原创 @vue/cli 跟 vue-cli 相比，@vue/cli 的優勢在哪？
一、Vue CLi的初衷 Vue-cli： 開箱即用，但強制性強，需要按照它的規則進行 Vue CLI：開箱即用，簡單易用 二、爲什麼要對 Vue-cli 進行修改 舊版本的 Vue-cli 本質上只是從 GitHub 拉取模版，它就像
2021-04-16 13:53:52
4
原创 Content-Type 的值類型 對比
一、Content-Type 的值類型 1、application/x-www-form-urlencoded : 註解：窗體數據被編碼爲：名稱/值對。-----標準的編碼格式 作用：默認方式在請求過程中會對數據進行序列化處理，以鍵值對的形
2021-04-15 13:53:41
原创 封裝 Vue 組件庫
一、介紹 隨着互聯網的發展 功能性開發 已經無法滿足我們對於前端的需求，這一篇主要帶大家體驗一下如何開發一套屬於自己的組件庫 使用場景：公司內部組件庫的開發，個人組件庫的開發，與項目解耦，多項目中使用同一組件，只需維護一套組件庫 那就讓
2021-03-24 13:53:27
原创 Vue 3.0 性能提升主要是通過哪幾個方面體現的？
一. 響應式系統升級 1. Vue.js 2.x 中響應式系統的核心是 Object.definePropertry 2. Vue.js 3.x 中使用 Proxy 對象重寫響應式系統 可以一次性監聽所有屬性 可以監聽動態新增的屬性 可以
2021-03-24 13:53:27
原创 Proxy 相對於 Object.defineProperty 有哪些優點？
1. Object.defineProperty 無法一次性監聽所有屬性， Proxy 可以 const personInfo = { name: 'zhangsan', age: 18, sex: '男' } const p
2021-03-24 13:53:27
原创 vue serve 命令不管用
一、首先查看全局安裝包 npm list -g --depth 0 OR yarn global list --depth=0 二、查看 vue-cli 我們看到官網上顯示需要 vuecli 的版本號需要在4.x
2021-03-24 13:53:27
原创 Nuxt + Github Action + 阿里雲服務器 = 實現自動化部署
源於要做一個Nuxt的項目，所以標題以Nuxt爲主，其實不然，我們同時也可將 Html 包含內的任意框架，全部可通過該方式進行實現自動化部署， 注：但前提是，請勿將公司內部產品項目，放入Github中使用，Github 建議只上傳Demo，
2021-03-22 18:34:48
原创 Vue 模版編譯的過程
對於我們經常使用框架，卻不知道內部具體經歷過了什麼，確實好奇到不行，接下來我們以 斷點的形式 進入，看看是怎麼將 模版 轉化爲 虛擬 Dom 進行操作的。 Go， Go，Go，玩起來 具體經歷步驟 1、從緩存中讀取 Render 函數
2021-01-01 13:53:35
原创 Vue v-for循環 加 key 與 不 加 key的區別
在日常項目中，我們通常不會注意到這一個點，因爲具體在體現上並沒有什麼差別，但在性能層面確實不同的，也是需要我們去注意的一點，如果在小項目的情況下，可能不會存在太大的差別，但在大型的項目中，就往往會影響，比如頁面加載太慢，導致的用戶體驗差。主
2020-12-30 13:53:47
原创 Vue響應式的原理
每次面試逃不過的一道面試題，那是什麼呢？那就是 噔噔噔噔～～～ Vue的響應式，下面我們模擬一下面試的場景，看看大家是否感同身受，哈哈哈哈哈！！！！ 面試官：看過Vue源碼嗎？ 求職者：看過一點。 面試官：那你簡單講一下 Vue 的響應
2020-12-26 13:54:24
原创 Vue 首次渲染的過程
本博客將以斷點的形式帶大家瞭解一下，Vue在首次渲染的情況下經歷了哪些過程，順便對最近Vue2.6 源碼的學習，進行總結一下。 前期準備： 1. Vue2.6 源碼的 clone 2. 瀏覽器，我用的是 google 3. 瀏覽器內斷點
2020-12-25 13:59:41