原创 Vuex複習
1.Vuex概述 Vuex是實現組件全局狀態（數據）管理的一種機制，可以方便的實現組件之間的數據共享。 比如孫子給父親傳值。要經過很多兒子(層），用vuex可以大範圍傳值，維護一個大的共享變量store。可以直接用全局變量sto
2020-06-13 00:15:13
原创 flex佈局應用
1.最大縮放倍數和最小縮放倍數 <meta name="viewport" content="width=device-width, initial-scale=1.0"> flex:1 假如5個小li，則5個
2020-06-10 08:07:35
原创 CORS和JSONP
JSONP和CORS 跨域的基本概念 瀏覽器爲了一定的安全因素，增加了同源策略。有違同源策略的操作都是被禁止的，這個時候就會發生我們所說的跨域。 但其實瀏覽器加載的資源很多都是跨域的，只是有些資源的加載瀏覽器是允許的。 圖片
2020-06-10 08:07:35
原创 瀏覽器與進程和線程
瀏覽器是多線程的（多進程） 每創建了一個Tab頁。就相當於一個獨立的瀏覽器進程。(瀏覽器的優化，一些進程被合併了） 瀏覽器能運行：是因爲系統給它的進程分配了資源（cpu和內存） 瀏覽器有哪些進程 瀏覽器主控進程（負責協調
2020-06-10 08:07:35
原创 瀏覽器繪製過程
1.迴流和重繪？ 迴流：渲染樹中元素的外觀尺寸，外觀，隱藏變化時，重繪。 重繪：渲染樹中顏色發生變化，不影響佈局，產生重繪。迴流一定會重繪，重繪不一定會迴流。 如果最小化重繪和迴流： 對DOM操作進行復雜的操作時，可
2020-06-10 08:07:35
原创 主頁內容
主頁內容 除了登錄接口，必須有服務端授權才能請求數據。 使用授權的API，必須在請求頭中使用Autorization字段提供token令牌。 通過axios請求攔截器添加token，保證擁有獲取數據的權限。 請求函數，到
2020-05-26 04:20:11
原创 前段優化學習
網絡優化 CDN的緩存與回源機制解析 CDN指的是將源網站的資源緩存到分別在不同地理位置的服務器上，這些服務器存儲着數據的副本，因此服務器可以根據哪些服務器與用戶距離最近來滿足數據的獲取。CDN提供快速服務，較少受高流
2020-05-24 14:41:39
原创 Vue實現Tab切換
Tab切換 - 點擊之後更改索引：v-on:click='change(index) 顏色變化 v-bind:class='currentIndex==index?"active":""'，active是css裏的類。 圖
2020-05-24 14:41:39
原创 webpack打包學習和Vue腳手架和ElementUI基本使用
webpack的概念 -webpack是一個流行的前端項目構建工具，可以解決目前web開發的困境。 webpack提供了模塊化支持，代碼壓縮混淆，解決js兼容問題，性能優化等特性，提高了開發效率和項目的可維護性 webpack
2020-05-24 14:41:39
原创 使用vue腳手架和element-ui使用
Vue腳手架 Vue腳手架可以快速生成Vue項目基礎的架構。 安裝3.x版本的Vue腳手架： npm install -g @vue/cli 基於3.x版本的腳手架創建Vue項目： 使用命令創建Vue項目：vue c
2020-05-24 14:41:39
原创 後臺管理系統總結
vue項目製作 vue init webpack vcustomers customers是文件名。 到customers文件夾cnpm install 項目啓動 定位到vue文件夾，首先vue開啓8080端口，npm ru
2020-05-24 14:41:39
原创 閉包和函數
1.函數的定義和調用 函數的定義方式 函數聲明方式 function 關鍵字 (命名函數) function fn(){} 函數表達式(匿名函數) var fn = function(){} new
2020-05-24 14:41:39
原创 構造函數和原型
對象的三種創建方式 字面量方式 var obj = {}; new關鍵字 var obj = new Object(); 構造函數方式(ES6之前大量生成對象) function Person(name,age
2020-05-24 14:41:39
原创 項目優化和發佈
項目優化 實現步驟： 生成打包報告，根據報告優化項目 第三方庫啓用CDN（通過externals加載外部CDN） 通過CDN加載Element-UI，在main-prod.js中註釋掉按需加載，同時在index.html頭部
2020-05-24 14:41:39
原创 Vue項目實戰(博客)
安裝腳手架 安裝node.js 安裝淘寶鏡像npm config set registry https://registry.npm.taobao.org 安裝腳手架npm install -g @vue/cli 使用 vu
2020-05-21 07:41:36