原创 一款好用的時間軸預覽jQuery插件

效果圖   html <!-- 時間軸 --> <div id="timer-shaft"></div> css .f__clearfix{ *zoom: 1; } .f__clearfix:after{ visib

原创 純css寫一個好看的按鈕

以下開關按鈕, 主要還是css陰影的使用, 大多數人知都卻很少用的, 單個元素可以使用多重陰影效果 以下是css /* 開關站 */ .m-switch-station{ width: 320px; height: 3

原创 使用lodash獲取url中全部參數的對象

 獲取url中全部參數的對象 // 獲取url中全部參數的對象 function getUrlAllParams(){ // 解決亂碼問題 var url = decodeURI(window.location.

原创 css之sass混合函數方法

// 引入scss變量文件 @import "./variable.scss"; /*=================================================================== 變量

原创 css之less混合函數方法

css之less混合函數方法  /* 參數 */ // 陰影色 @shadowColor: rgba(0,0,0,.20); // 文本框提示字顏色 @placeholderColor: #97a8be; /* 函數

原创 css之stylus混合函數方法

css之stylus混合函數方法 //變量前綴爲$ ,方法前綴爲_ //---顏色變量 //黑色 $c_black = #313536 $c_black02 = $c_black + 1 * 8% + 1 * .5deg $c_bla

原创 vue 2.0 打包的時候去除掉 .map 文件 的 方法和好處

.map 的文件作用在於 項目打包後,代碼都是經過壓縮加密的,如果運行時報錯,輸出的錯誤信息無法準確得知是哪裏的代碼報錯。而.map文件就可以像未加密的代碼一樣,準確的輸出是哪一行哪一列有錯。   去除掉的原因 打包過後.map文件過大,

原创 使用js控制瀏覽器開啓全屏,判斷瀏覽器是否處於全屏狀態

// 引入lodashimport _ from 'lodash'// 切換全屏方法export function fullScreen (isOpen, target) { let dom = target || void 0 let

原创 [譯]JavaScript:如何判斷值的類型

[譯]JavaScript:如何判斷值的類型 原文:http://www.adobe.com/devnet/html5/articles/categorizing-values-in-javascript.html 轉載出自:h

原创 JS獲取客戶端IP地址、MAC和主機名的3個方法

這篇文章主要介紹了js獲取客戶端IP地址、MAC和主機名的7個方法彙總,JS本身是不支持獲取IP地址等信息的,本文通過其它方法實現,需要的朋友可以參考下 今天在搞JS(JavaScript)獲取客戶端IP的小程序,上網搜了下,好多

原创 前端開發問題之字符串日期轉日期對象在safari瀏覽器中出現Invalid Date

轉載自:http://blog.csdn.net/sinat_31257007/article/details/49208789 問題描述: 開發中需要寫一個倒計時,但是時間週期是根據後端傳過來的開始時間和結束時間進行計算的, 後端傳過

原创 view-source是一種協議,查看源碼

view-source是一種協議,早期基本上每個瀏覽器都支持這個協議。後來Microsoft考慮安全性,對於WindowsXP pack2以及更高版本以後IE就不再支持此協議。但是這個方法在FireFox和Chrome瀏覽器都還可以使用。

原创 解決vue-cli在ie9+中無效的問題

1.ie9+報錯vuex requires a Promise polyfill in this browser. 解決如下:   npm install --save-dev babel-polyfill       或者 cnpm i

原创 vue+i18n 切換語言後無法刷新數據 的 解決方案

使用國際化vue-i18n 時, 在頁面更新國際語言後 想刷新頁面數據, vue刷新不起作用, 改變思路,直接改變使用了國際化的那些數據,重新使用this.$t()方法讀取即可

原创 display:inline-block引發的間隙問題解決辦法

在網頁佈局中我們經常會用到display:inline-block;好處是:能夠將塊狀元素按照內聯元素的方式佈局,同時能設置寬高。個人感覺很好用,可是用多了慢慢的問題就來了? 1.display:inline-block;在IE6/7