原创 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">