原创 vue學習--vue修飾符
一、事件修飾符 vue爲v-on或者@的方式提供了事件修飾符，通過點(.)表示的指令後綴來調用修飾符。如v-on:click.stop。 .stop 阻止事件向外冒泡 .prevent 阻止默認行爲 .capture 將事件冒泡改爲
2020-06-24 03:05:01
原创 webpack4.x 系列(三) ☞ typescript的打包
2020年了，typescript都已經大規模的使用了，你要不要learn它呢！話說，我們的瀏覽器是不支持typescript語法的，所以爲了能瀏覽器支持，特意用了webpack的打包技術！ typescript有什麼作用： 代碼不夠規範
2020-06-24 03:05:01
原创 var 與 const let的區別
一、var 變量可以掛載在window上，而const、let不會掛載的window上。 var a = 100; console.log(a,window.a); // 100 100 let b = 10; console.
2020-06-24 03:05:01
原创 webpack4.x 系列(四) ☞ webpack打包性能優化
本章講解是webpack打包時候能夠進行的性能優化，讓大型項目在打包的時候能夠變得更快，這種打包運用在開發環境下，讓編碼打包變得快捷。這裏分三塊內容演說，【webpack構建速度（用於生產環境）】、【webpack構建速度（不用於生產環境
2020-06-24 03:05:01
原创 nginx配置總結及域名解析(並部署二級域名)
百度雲購買後的操作： 1.登錄服務器 ssh root@ip 如何連接不成功，請綁定密鑰對，通過ssh -i 密鑰路徑 root@ip訪問；（密鑰路徑可以保存在本地然後鏈接上去） 2.進入到服務器根目錄 cd / 附加： ①.我們可以添
2020-06-24 03:04:51
原创 flex彈性佈局用法筆記
文章目錄0.display:flex的介紹1.flex-direction:row|row-reverse|column|column-reverse (盒子排列方向)2.flex-wrap: nowrap|wrap|wrap-r
2020-06-24 03:04:50
原创 webpack4.x 系列(一) ☞SplitChunksPlugin 代碼分割
一、SplitChunksPlugin的概念 最初，Chunks塊(以及在其中導入的模塊)是通過內部webpack圖中的父子關係連接的。CommonsChunkPlugin被用來避免它們之間的重複依賴關係，但是進一步的優化是不可能的，所以
2020-06-24 03:04:50
原创 Vue路由跳轉的方式
router-link方式 <!--不帶參數--> <!--name,path都行, 建議用name--> <router-link :to="{name:'home'}"> <router-link :to="{path:'
2020-06-11 03:21:34
原创 CSS的技巧寫法(長期更新中~)
目錄 1.當文字多時佔一行 2.清除float的一種寫法 3.文字漸變效果 4.可以通過outline: 1px solid red;查看頁面佈局 5.移動端1像素寫法 6.圖片全屏時候展示寬和高相等（padding100%） 7.動
2020-06-06 15:46:38
原创 js數組與工具-good！
文章目錄數組篇數組去重替換特定的值從對象映射出數組（map與Array.from）轉成空數組數組轉化爲對象填充數組合併數組求數組交集用過濾從數組中刪除假值，保留真值從數組中獲取隨機值數組反轉.lastindexOf用法,找到最後一
2020-06-06 15:46:38
原创 js數組的奇思妙解
以下都是整理所得！ // 數組去重 var fruits1 = ['banana', 'apple', 'orange', 'watermelon', 'apple', 'orange', 'grape', 'appl
2020-05-22 16:13:52
原创 來一波Vue.js生命週期
雖然說生命週期各種博客都有寫，但還是想來點屬於自己的輸出吧，用於自己對於生命週期的一個學習總結！ 一、Vue生命週期的四個階段 Vue 實例從創建到銷燬的過程，就是生命週期。也就是從開始創建、初始化數據、編譯模板、掛載Dom→渲染、更新→
2020-05-15 01:21:02
原创 Vue組件的渲染更新原理解析
本版本是對於vue2.x的總結，未來等學習了vue3，再完善對比一波！然後就是說，我們這裏主要介紹原理部分，所謂二八原則，我們一切都從最重要的說起吧！ 一切從這張圖開始 讓我們一步步看吧！ 一、初始化 在 new Vue() 之後。
2020-05-15 01:21:02
原创 axios學習筆記與封裝
axios的介紹 Axios是一個基於Promise的HTTP庫。類似於Ajax, 用於HTTP請求 可以用於瀏覽器和node.js。既可以用於客戶端，也可以用於服務端。 支持promise API 攔截請求和響應。可以在請求或響應前做
2020-04-29 10:42:31
原创 git rebase 和 git merge 的區別實驗
git rebase 和 git merge 一樣都是用於從一個分支獲取並且合併到當前分支，但是他們採取不同的工作方式，以下面的一個工作場景說明其區別。 場景： 如圖所示：你在一個feature分支進行新特性的開發，與此同時，mast
2020-04-29 10:42:31