原创 Sublime text3 build3143註冊碼
—– BEGIN LICENSE —– TwitterInc 200 User License EA7E-890007 1D77F72E 390CD
原创 左固定右適應
左固定右適應 //CSS樣式 html, body { margin:0; padding:0; height: 100%; } .container {
原创 通過FileReader實現多張圖片轉換成base64、上傳、預覽、刪除
方法名 參數 描述 abort none 中斷讀取 readAsBinaryString file(blob) 將文件讀取爲二進制碼 readAsDataURL file(blob) 將文件讀取爲 DataURL readAs
原创 簡單彈窗的設置(CSS方式)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
原创 移動端滾動穿透解決方案
/解決移動端滾動穿透樣式/ body.modal { position: fixed; width: 100%; } //scrollingElement兼容性代碼 (function () { if (document.
原创 JS判斷是PC端還是WAP端
var browser = { versions: function() { var u = navigator.userAgent; return
原创 模仿li標籤實現省市區三級聯動
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
原创 placeholder兼容IE8代碼
//需要引入jQuery $(function(){ handlePlaceholderForIE(); }); function handlePlaceholderForIE() { if (jQuery.brow
原创 自定義封裝fetch
// import 'es5-shim' //由於 IE8 是 ES3,需要引入 ES5 的 polyfill // require('es6-promise').polyfill(); //支持IE瀏覽器,引入 Promise 的 p
原创 vue自定義指令v-load-more實現上拉加載
vue通過自定義指令實現loadMore上拉加載,實現方法: common.js /** * 獲取style樣式 */ export const getStyle = (element, attr, NumberMode = 'in
原创 vue打包通過image-webpack-loader插件對圖片壓縮優化
vue正常打包之後一些圖片文件很大,使打包體積很大,通過image-webpack-loader插件可將大的圖片進行壓縮從而縮小打包體積 step1:npm install image-webpack-loader --save-dev
原创 react打包通過image-webpack-loader插件對圖片壓縮優化
react正常打包之後一些圖片文件很大,使打包體積很大,通過image-webpack-loader插件可將大的圖片進行壓縮從而縮小打包體積 step1:npm install image-webpack-loader --save-de
原创 快速刪除node_modules文件夾
step1: npm install rimraf -g step2: rimraf node_modules
原创 vue通過DllPlugin插件優化打包性能,減少打包時間(基於vue-cli)
step1:在build文件夾下新建 webpack.dll.conf.js 文件(即和webpack.base.conf.js同級) const path = require('path') const webpack = requi
原创 vue通過vue-router攔截實現登錄驗證
在實際開發中,有些頁面需要登錄之後才能訪問,採用vue-router+vuex+elememt-ui+axios的方式實現。 以下是案列代碼: login.vue <template> <div class="login">