原创 webpack優化配置
文章目錄一 HMR1. webpack.config.js2. index.js二 source-map三 oneOf四 緩存五 tree shaking1. webpack.config.js配置2. package.json配
2020-06-19 10:15:18
原创 Vuex-各模塊的應用
文章目錄一 初識Vuex1. vuex安裝1. State單一狀態樹二 vuex 模塊三 vuex 模塊分佈式寫法 一 初識Vuex Vuex是vue官方推出的一款插件，採用“集中式存儲“管理所有組件的狀態（其實就是使數據共享）
2020-06-19 10:15:18
原创 完美掃清Flex佈局
文章目錄一 初識flex二 flex container上的CSS1. flex-direction（決定main axis的方向）2. justify-content（決定flex items 在main axis的對齊方式）3
2020-06-19 10:15:18
原创 axios網絡模塊封裝
文章目錄一 WHY axios二 axios 封裝 一 WHY axios 在瀏覽器中發送XMLHttpRequests請求 在nodejs中發送http請求 支持Promise API 攔截請求和響應 轉換請求和響應數據 二
2020-06-19 10:15:18
原创 JS BOM操作
文章目錄什麼是BOMNavigatorHistoryLocation定時器 什麼是BOM 瀏覽器對象模型 BOM使我們可以通過JS操作瀏覽器 在BOM中爲我們提供了一組對象來完成對瀏覽器的操作 window 代表整個瀏覽器窗口
2020-06-19 10:15:18
原创 幾個例子深刻理解this
/*this: * 1. 解析器在每次調用函數的時候都會傳遞一個隱含參數this，指向一個對象(稱爲函數執行的上下文對象) * 2. 任何函數本質上都是通過某個對象來調用的，如果沒有指定，則這個對象爲window
2020-06-19 10:15:18
原创 checkbox的實現
CSS .checkbox input{ display: none; } .checkbox input + label{ back
2020-06-19 10:15:18
原创 TS的數據類型大全
文章目錄1. TS數據類型總括2. string/字符串 number/數值 boolean/布爾3. array 數組 的三種聲明方式4. tuple 元組（array的一種）5. enum 枚舉6. any 任意數據類型7.
2020-06-19 10:15:18
原创 效果實現
box-shadow box-shadow: 5px 5px 10px 0 rgba(0,0,0,.2); box-shadow: inset 5px 5px 10px 0 rgba(0,0,0,.2); - 左
2020-06-19 10:15:18
原创 從此不用爲git煩惱啦
文章目錄一、git概述1. git本地簡介2. git遠程倉庫二、git操作與命令1. git本地與遠程倉庫關聯1. 遠程創建一個倉庫2. 本地執行`git init`創建本地倉庫3. `git add [文件名]` 推入暫存區4
2020-06-19 09:11:19
原创 不懂git？一篇掃全git基礎指令
文章目錄一、git概述1. git本地簡介2. git遠程倉庫二、git操作與命令1. git本地與遠程倉庫關聯1. 遠程創建一個倉庫2. 本地執行`git init`創建本地倉庫3. `git add [文件名]` 推入暫存區4
2020-05-22 12:52:06
原创 前端獲取視窗的兼容方法
1. 總結（網上兼容寫法） var clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientW
2020-05-22 12:52:06
原创 一文搞定TS高級語法（函數 類 多態 接口 泛型 裝飾器）
文章目錄一、 函數1. 定義函數1. 函數聲明2. 匿名函數3. 三點運算符的應用二、 類1. 類的定義2. 類的繼承3. 類修飾符1. 三種類修飾符2. 修飾符實例4. 靜態方法 實例方法 靜態屬性5. 多態的表現-重載與重寫1
2020-05-19 12:04:19
原创 TS超詳細數據類型
文章目錄1. TS數據類型總括2. string/字符串 number/數值 boolean/布爾3. array 數組 的三種聲明方式4. tuple 元組（array的一種）5. enum 枚舉6. any 任意數據類型7.
2020-05-12 20:43:03
原创 Promise-異步調用
文章目錄1. Promise有什麼作用？2. Promise三種狀態3. Promise兩種寫法1. then catch2. 寫在一個then中4. 鏈式調用1. return Promise.resolve()2. retur
2020-04-04 23:49:20