原创 前端拼圖滑動驗證,兼容IE10 IE11

源碼摘自https://www.cnblogs.com/huangting/p/11285131.html 源碼用ES6寫的,不兼容IE10,自己做了改動,改動後親測兼容IE11,IE10 先上圖 再上代碼 css .block {

原创 IE11下,聲明加html不能加載css的問題

系統版本win10,在html中頭部聲明<!DOCTYPE html>,IE11下不能加載css,搜了下,是註冊表的問題。 把 HKEY_CLASSES_ROOT →.css → content type 數據改爲text/css就OK了

原创 關於transition max-height

今天做項目用到max-height觸發動畫,是有個二級菜單展開收縮,由於不想計算高度所以用的max-height,然後就發現展開的時候是及時的,但是收縮會等待別的展開後才收,效果不是很好,找不到原因,改爲height後是同時進行的,在此記

原创 解決file input 選擇相同文件不觸發change事件

今天做上傳圖片,圖片預覽功能,發現當第二次點擊相同的圖片時,不觸發change事件,上網搜了下,可以把file input 的value清空 $('.inputImage').val(''); ,之後再選擇就沒問題,還有種方法,reset

原创 頁面中有iframe會被撐高

今天做的網頁發現,iframe寬高是100%時,佈局會被撐高一點距離,找半天不知道這點距離是怎麼出來的,margin、padding都設爲0,沒用,後來上網搜了下,有一樣困擾的同學,然後他找出原因了,把<

原创 vue-cli 背景圖片、-webkit-box-orient: vertical打包後丟失問題

背景圖片需更改build/utils.js文件,添加publicPath: '../../'if (options.extract) { return ExtractTextPlugin.extract({ u

原创 webstorm 上通過babel將es6轉es5

webstorm 上通過babel將es6轉es5 反正我是成功了

原创 解決vue-cli打包時背景圖片丟失問題

需要更改build/utils.js的配置,如圖至於爲什麼背景圖有的打包後存在,有的丟失,那是因爲vue會把圖片轉成base64,但是圖片大小超過閾值就不轉了,直接引,而背景圖片裏用的是相對路徑最後會直接替換成static,但是明顯路徑會

原创 IE11下,<!doctype>聲明加html不能加載css的問題

系統版本win10,在html中頭部聲明<!DOCTYPE html>,IE11下不能加載css,搜了下,是註冊表的問題。 把 HKEY_CLASSES_ROOT →.css → content type 數據改爲text/css就OK了

原创 css優先級

看《CSS 揭祕》一書提到不要濫用!important打補丁,如果你熟知CSS優先級的話,然後搜了下css優先級,找到了說的比較好的,記錄一下。  特指度   特指度(specificity)。特指度表示一個css選擇器表達式的重要程

原创 JVectorMap插件使用

靠譜鏈接參數中文文檔     使用步驟