原创 JS實現Virtual Dom && Diff

前言 文章開篇,我們先思考一個問題,大家都說 virtual dom 這,virtual dom 那的,那麼 virtual dom 到底是啥? 首先,我們得明確一點,所謂的 virtual dom,也就是虛擬節點。它通過 JS 的 Ob

原创 vue-admin-template改成中文

直接開始 有些人git clone下來發現他都是英文然後就開始百度改成中文發現都是這樣的博客看下面代碼 如果有人要做國際化可以去element官網國際化看看寫的很詳細 import locale from 'element-ui/lib

原创 VScode官方歷史版本下載 包含 32位 64位(個人收藏)

VScode 官方歷史版本下載地址 https://code.visualstudio.com/updates VScode 在github上的release列表 https://github.com/Microsoft/vscode/r

原创 一文搞懂 Webpack 多入口配置 (收藏)

最近在做項目的時候遇到了一個場景:一個項目有多個入口,不同的入口,路由、組件、資源等有重疊部分,也有各自不同的部分。由於不同入口下的路由頁面有一些是重複的,因此我考慮使用 Webpack 多入口配置來解決這個需求。 再一次,在網上找的不少

原创 vue-cli3.0 打包空白 無任何報錯(解決方法)

npm run build打包之後上傳到服務器後,index.html打開一片空白,vue-cli2.0是這麼解決的: assetsPublicPath: './', 就多加個點就行 但是vue-cli3.0的時候得自己配置代理文件這個

原创 vue組件在一張頁面引入多個 傳入相同的數據出現的bug

上圖: 當我點擊的時候這兩個tree的狀態同時變這是我遇到的問題 是什麼原因導致的,上代碼 this.treeList= []這個是樹的數據 this.treeList1 = this.treeList; this.treeList2

原创 vue-cli3.0中大屏使用rem做響應式(引入rem.js)

因爲目前有px轉換rem的插件但是我不想用感覺費勁 首先我們先找一段rem.js引入到vue的index.html中 上代碼:   <script type="text/javascript"> /* * @ p

原创 vue-cli (2.0.0版本)目錄

關於項目 目前該 vue-cli 使用的是 3.0.0 版本。 該項的src文件夾中加入了一些我在寫vue項目時的一些常用目錄構架,下面會詳細說。 另外項目中我都有對代碼的註釋,來了解 vue-cli這個腳手架。 該項並不可以直接使用,目

原创 解決 vue 項目一直出現 sockjs-node/info?t=1554978****問題

首先先上圖   看到很多人都是這麼幹的: 1. 找到/node_modules/sockjs-client/dist/sockjs.js 2.找到代碼的 1605行 try { // self.xhr.send(p

原创 徹底搞懂Vue中keep-alive

徹底搞懂Vue中keep-alive的魔法(上) 上一節最後稍微提到了Vue內置組件的相關內容,從這一節開始,將會對某個具體的內置組件進行分析。首先是keep-alive,它是我們日常開發中經常使用的組件,我們在不同組件間切換時,經常要

原创 在element中使用@blur無效

@blur.native="isVal"// 不好使 @blur.native.capture="isVal()" // 好使 VUE裏面使用.capture是啥意思? <!-- 添加事件偵聽器時使用 capture 模式 -->

原创 Vue3.0 中的數據偵測

在10月05日凌晨Vue3的源代碼正式發佈了,來自官方的消息:       目前的版本是 Pre-Alpha , 倉庫地址: Vue-next, 可以通過 Composition API瞭解更多新版本的信息, 目前版本單元測試相關情況

原创 cnpm沒反應的解決辦法 (自己收藏)

cnpm命令無任何反應的解決辦法 在家辦公 家裏電腦搭的環境 cnpm命令沒有任何反應 困擾了好幾天  查網上說要刪除.npmrc文件 但是windows 根本就解決不了 後來在一篇文章裏豁然開朗 終於找到解決辦法 只需要在命令行先輸入下

原创 vue-cli3.0 環境變量解釋(自己收藏)

1.配置npm run 的模式  在項目的根目錄編輯package.json,分爲開發 測試 生產 甚至更多。 "scripts": { "dev": "vue-cli-service serve --mode dev", "t

原创 Vue-cli3 開啓gzip壓縮

開啓 gzip 壓縮 gzip 是 GNUzip 的縮寫,最早用於 UNIX 系統的文件壓縮。HTTP 協議上的 gzip 編碼是一種用來改進 web 應用程序性能的技術,web 服務器和客戶端(瀏覽器)必須共同支持 gzip。目前主流的