原创 webpack4配置說明(插件篇)

1.打包代碼壓縮 JSCSS圖片壓縮 2.自動清理構建腳本 clean-webpack-plugin const { CleanWebpackPlugin } = require('clean-webpack-plugin');

原创 webpack4 配置說明(基礎篇)

1. entry entrt是webpack的打包入口 單頁面入口 entry: './src/pages/index` 多頁面入口 glob.sync('./src/pages/**/app.js').forEach(

原创 webpack熱跟新和文件指紋

一: 熱跟新 1 watch 文件監聽(非熱跟新) watch文件監聽是需要手動的刷新瀏覽器。頁面才能刷新內容。因爲他是輪詢文件的最後修改時間是否變化,當文件發生變化時,不會立刻告訴監聽者,而是先緩存起來等待aggregateTi

原创 webpack配置插件項

這篇博客是記了一個關於webpack的筆記 postcss-loader 首先postcss-loader 和 postcss-cssnext 是關於css自動補充前綴的一個插件, webpack 裏面rules配置use:

原创 webpack代碼壓縮

JS壓縮 webpack4 內置了 uglifyjs-webpack-plugin CSS壓縮 使⽤ optimize-css-assets-webpack-plugin,同時使⽤ cssnano plugins: [ new

原创 rem兩段話兼容H5 REM

document.documentElement.style.fontSize = 100 * window.innerWidth / 750 + 'px'; window.addEventListener("resize", ()

原创 JS 執行機制

macro-task(宏任務):包括整體代碼script,setTimeout,setInterval micro-task(微任務):Promise,process.nextTick 方便後續的複習或者用上,特此碼上, 這一次,

原创 VueCli3 多頁開發 token權限控制的一個框架說明

1:項目結構 assets目錄:放置靜態文件的地方 filtres: 放置全局過濾器的地方 pages:放置頁面 plugins: 放配置文件 axios.js 設置axios check-token:操作token的地方 e

原创 ES7+ES8學習筆記

Object.entries() 1:作用 作用:將一個對象中可枚舉屬性的鍵名和鍵值按照二維數組的方式返回。 若對象是數組,則會將數組的下標作爲鍵值返回。 Object.entries({ one: 1, two: 2 })

原创 VUE-CLI3全局引入less的變量

VUE-CLI3全局引入less的變量 首先確定是vue-cli3.x而不是2.9.x,我昨天就被這個給坑了, 其實這個東西也簡單,用style-resources-loader來處理就OK了 vue add style-resou

原创 軟鍵盤彈出對背景圖片的擠壓和fixed定位的影響

1:對背景圖片的影響 其實我們可以在頁面初始化的時候把頁面高度設置死,而不用設置height: 100% 這種 // 獲取瀏覽器的高度 let h = document.body.clientHeight || document.d

原创 實現手機端的1px像素 border的實現

實現1px像素需要知道min-device-pixel-ratio設備像素比。如不清除的情移步瞭解下張鑫旭大神的設備像素比devicePixelRatio簡單介紹 @media (-webkit-device-pixel-ratio: 1

原创 VUE+audio 自定義簡單的音樂播放器

H5的audio標籤在不設置controls這個屬性的情況下,那麼他會默認的隱藏本身的空間。但是方法還能用。 本文主要用的API的方法和事件: 1: ended 當視頻/音頻播放完時觸發(事件) 2:play 播放 (方法) 3