原创 CSS僞元素--:after-:before的炫酷用法

1、計數器效果 <ul> <li>white,我要去幫助姐姐測試,你去嗎?</li> <li>測啥呀,好玩不?</li> <li>當然好玩了,就是要給我們說的每一句話進行排序。</li> <li>咦

原创 獲取驗證碼:倒計時封裝

同一套網頁中有多個地方用到了 獲取驗證碼 的功能,上一個項目中也有這種用法,但是當時對封裝之類的實在是搞不明白,想了好多辦法依然沒能很好的複用。最近看了《JavaScript設計模式》,有一點點靈感,封裝的也不知道是不是那麼回事,

原创 canvas基礎上:chartjs

1、首先在頁面中引入 chart.js <script src="Chart.js"></script> 2、頁面設置 <div id="container" style="width: 500px"> <canvas

原创 JS:函數的記憶功能(閉包)

1.函數記憶: 讓函數記住處理過的參數和處理結果 2.函數記憶的作用: 爲避免重複運算 3.什麼時候使用函數記憶 ? 只要一個函數可能反覆計算相同的數據時 4.如何使用? 使用閉包保存住曾經計算過的參數和處理結果 5.exam

原创 Javascript設計模式 -- 靈活的javascript

推薦大家一本不錯的書 《JavaScript設計模式》。今天開始看,我希望我能堅持看。 一:靈活的語言-javascript 1.用對象收編變量 var CheckObject = { checkName:function

原创 【Vue】Vue-Router2 實現路由功能

注意:vue-router 2只適用於Vue2.x版本,下面我們是基於vue2.0講的如何使用vue-router 2實現路由功能。 在前面文章 vue-cli基礎上,開始介紹。安裝vue-cli時已經將vue-router安裝,若還沒

原创 vue Axios 跨域和params爲null的解決方案(後臺爲Java)

Axios: 1. 跨域: GET請求不贅述,如下設置後臺允許跨域便可使用 POST請求時,被轉換爲 OPTIONS,並且出現403 forbidden 2. 傳參爲null 一、 跨域問題的解決 1. 後臺設置 respon

原创 intelliJ IDEA 文件修改之後的藍色

intelliJ IDEA鏈接svn之後,當文件發生修改之後,父文件沒有變化,並且這藍色也是令人眼瞎。 1.讓父文件也有顏色變化 2.將藍色改成顯眼兒的color 3.將被修改文件的父文件修改顏色 藍色不是很明顯,修改方法:

原创 Vue 調用本地的 json 文件

Vue 用 axios 調用本地的 json 文件,json 必須存放在 “ static ” 文件夾下,static 目錄是 vue-cli 向外暴露的靜態文件夾,所有靜態數據都應該放到static目錄中。 如下圖所示: 在調用時,

原创 Web性能優化規則

https://segmentfault.com/a/1190000010927816

原创 移動端HTML5導航欄吸頂:IOS(sticky)和Android兩種實現方式

混合App,前端H5頁面,實現導航欄滑動到的時候貼頂。 注意: 首先寫的時候,監聽scroll事件,滑動到指定位置時改爲定位 position:fixed;,實際運用過程中,IOS無法實時監聽scroll事件,在滾動停止之後才觸發的 $

原创 如何在頁面引用外部的HTML?

轉載 https://segmentfault.com/a/1190000010943143 在頁面內部應用外部的html片段,是一個很常見的用法,那麼有哪些方法可以實現呢? 根據情況使用不同的方法。 iframe 如果是一個完整的外部

原创 Still unable to dial persistent://xxx:80 after 3 attempts

國慶節回來後,電腦總是動不動就有一些網站打不開,顯示error:Still unable to dial persistent://xxx:80 after 3 attempts。 解決方案如下: ① 打開IE瀏覽器的 Internet

原创 前端開發:藝術字體ttf資源文件

不管你是從事平面設計還是網頁美工都少不了這33款書法字體打包哦。直接將要安裝的字體複製到C:\WINDOWS\Fonts即可。 另外前端網頁設計中,如果在頁面中直接使用需要字母路徑,用首字母的方式改成了字母路徑,來張合影: 然後來幾張個

原创 【bootstrap】 file-input,無法多選。(總是替換前一張圖片)

<input id="myFile" type="file" name="myFile" multiple class="fileloading"> 我找了半天fileinput.js裏的參數,發現都不對,原來是 input 少了個 m