原创 css 樣式 常用水平/垂直居中

居中樣式,都是比較常用的方法,不常用的就不舉例了 有這幾種就夠用了 1/2 都是固定寬高 3 個人覺得是最好用的,可以不考慮寬高問題 text-align:center; <div class="box"> <span>測試

原创 vue-cli H5 在app(ios9/android4) 不兼容白屏,頁面空白

ios9/android4 不支持es6寫法,包括一些低版本安卓機,超級坑!!! 最先是要配babel-polyfill import babel-polyfill // 在module.exports裏 entry: { /

原创 兼容 監聽事件 監聽滾動事件

兼容 監聽事件 主要以滾動事件爲例 在敲代碼時候會發現個問題 ----場景是全屏滾動,其中某個頁會通過點擊事件,出現一個固定的video標籤覆蓋全屏 原代碼是這樣(具體哪裏抄的不太記得了) if(document.addEvent

原创 vue/react 路由匹配問題,/:id 與其他頁面影響

現在頁面上好多路由配置需要用id來區分不用數據頁 所以問題就會出現:配的/:id路由會影響其他路由 就是例如我有一個 /tab的頁面訪問時會變成 /:id的頁面 問題原因很簡單就是路由匹配不嚴格導致的 舉例下面兩個路由 {

原创 時間格式問題 ios/ie不兼容 new Date(xxxx-xx-xx xx:xx).getTime() 時間戳

時間格式問題 ios/ie不兼容 new Date(xxxx-xx-xx xx:xx).getTime() 時間戳 new Date(2020-03-16 10:00).getTime() 會在手機出現bug 開發中發現後臺返回數

原创 超出容器的圖片在容器裏左右居中,不使圖片變形(大圖片居中問題)

超出容器的圖片在容器裏左右劇中,不使圖片變形(大圖片居中問題) 父元素:overflow:hidden; text-align:center; 子元素(img標籤):margin:0 -100%; 實例代碼片段: <li clas

原创 CleanWebpackPlugin is not a constructor 安裝clean-webpack-plugin報錯

使用插件 clean-webpack-plugin 時候報錯 CleanWebpackPlugin is not a constructor 注意引用插件版本問題,版本太高也不行,“clean-webpack-plugin”:

原创 設置頁面title爲空 document.title

設置頁面title爲空 如果是H5頁面,需要注意的是app抓取title時候要過濾一下,不然一直都是空 document.title=’\u200E’;

原创 console 的常用方法 console.log() console.clear() console.dir()

console.log() 瀏覽器控制檯打印信息 console.warn() 瀏覽器控制檯打印警告信息(黃色) console.error() 瀏覽器控制檯打印錯誤信息(紅色) console.time() 計時開始 conso

原创 Charles抓正式包配置 proxy

Charles抓正式包配置 Charles proxy 的 ssl Proxying添加鏈接域名(是在菜單欄上,不是設置裏) 手機鏈接代理訪問chis.pro/ssl 下載描述文件 在手機設置-通用-描述文件裏 下載成功之後

原创 Js計算小數點時,會有浮點數精度問題 .toFixed(num)也不是很完美

Js計算小數點時,會有數值不精準的問題 .toFixed(num)也不是很完美 例如下圖: 解決辦法 (0.1 + 0.2).toFixed(1) 但是不確定是否滿足一位小數的需求 (0.1*100 + 0.2*100) /

原创 Cannot destructure property `createHash` of 'undefined' or 'null'. 安裝mini-css-extract-plugin報錯

安裝了這個插件 mini-css-extract-plugin 之後 webpack打包總在報錯 Cannot destructure property “createHash” of ‘undefined’ or ‘null’.

原创 blur與click事件優先級問題

父元素添加點擊事件click,子元素有blur事件 因爲js是單線程機制,一次只能執行一個事件,所以click與blur存在優先級問題,所以只執行來blur事件 解決辦法: 1. 給blur一個事件緩衝setimeout 2. 可

原创 vue項目中 img標籤加載失敗方法,onerror事件的兩種方法

vue項目中 img標籤加載失敗方法 ?css第一種方法第二種方法本人寫的第一篇文章,希望對你有幫助 第一種方法 < img src=“123” :οnerrοr=“defaultImg” /> 默認圖地址 defaultImg:

原创 Cannot find module 'vue-loader/lib/plugin'

安裝了 webpack4 的版本之後發現報這個錯 Cannot find module ‘vue-loader/lib/plugin’ 然後上node-modules 裏找了一下還真沒有/plugin,所以我肯定是 vue-loa