原创 gulp-filter

概念 gulp.filter可以虛擬文件流中過濾特定的文件,可以當做是gulp.src的二次過濾,並且還可以restore操作恢復過濾前的gulp.src一次過濾的虛擬文件流。 安裝 $ npm install –save-dev

原创 gulp.order

概念: The gulp plugin gulp-order allows you to reorder a stream of files using the same syntax as of gulp.src,這是官方定義

原创 datatable excelHtml5 自定義列格式(百分比保留兩位小數)

概述 使用dataTable的excelHhtml5按鈕插件做導出excel時,需要自定義數據格式,官方提供了67種數據格式可以選用,詳見:https://datatables.net/reference/button/excel

原创 bootstrap中下拉菜單點擊後不關閉的方法

bootstrap中常用到的下拉菜單dropdown-menu默認是當點擊下拉菜單的任一位置就會關閉下拉菜單框了,這顯然達不到很多用戶需求,如何實現當點擊需要點擊的地方後才關閉下拉框呢,下面來簡單介紹下方法,比如要做一個下拉框篩選

原创 百度地圖 省市區縣 信息展示

先上效果圖(PS:數據爲mock數據): 1.一級地圖 2.二級地圖 3.三級地圖 、 4.四級地圖 概述 效果圖是不是有點多呀,不過能看到這裏的估計這些效果圖就是你們想要的效果啦,好,下面就來介紹一下 1.

原创 React Echarts 拖拽

具體demo見: https://github.com/liuyuqin1991/react-echart-demo 項目介紹: 這是一個react集成echart並實現動態添加,可拖拽,可配置圖表的demo例子,功能如下: 用戶

原创 React 動態增加,刪除,上下移動dom

思想 在react的世界裏,都是狀態變更(數據變更)來驅動dom變化,動態添加dom不像以前用jquery一樣append一個<li>或者一個<td> 這樣了,而是通過裝載<li> 或者<td> 數據數組[]來動態添加dom,下面

原创 ES6循環數組新方法for-of(轉)

歷史 我們如何遍歷數組中的元素?20年前JavaScript剛萌生時,你可能這樣實現數組遍歷: for (var index = 0; index < myArray.length; index++) { console.lo

原创 三種方法實現js跨域訪問(轉載)

javascript跨域訪問是web開發者經常遇到的問題,什麼是跨域,一個域上加載的腳本獲取或操作另一個域上的文檔屬性,下面將列出三種實現javascript跨域方法: 1.基於iframe實現跨域 基於iframe實現的跨

原创 jQuery基礎(樣式篇,DOM對象,選擇器,屬性樣式)

$(document).ready 的作用是等頁面的文檔(document)中的節點都加載完畢後,再執行後續的代碼,因爲我們在執行代碼的時候,可能會依賴頁面的某一個元素,我們要確保這個元素真正的的被加載完畢後才能正確的使用。 $(

原创 Bootstrapvalidator 前端自定義驗證和ajax遠程訪問後端驗證

概述 Bootstrapvalidator是一款bootstrap風格的表單驗證插件,擁有非常強大的驗證功能,如果系統使用的是bootstrap,那麼驗證插件非此莫屬。 Bootstrapvalidator的github地址:h

原创 gulp-usemin

概念 用來將HTML 文件中(或者templates/views)中沒有優化的script 和stylesheets 替換爲優化過的版本 gulp-usemin根據預先在html文件(或者其它模板/視圖中的文件)中聲明好的bloc

原创 Axure 按鈕多事件觸發

不多說,先上效果圖: 這裏”+”號實現的功能有: 1.顯示下面的表格 2.更換圖標 具體操作 拖一個”動態面板”,範圍自定義到icon大小 拖一個”button”,右側屬性中,右鍵添加鼠標點擊用例,在彈框中選擇”切換可見性”

原创 騰訊地圖 省市區縣 信息展示

話不多說,先上圖: 1.點擊省份顯示市級信息標記,點擊市顯示區縣信息標記 2.縮放到市級級別時顯示市級信息標記,縮放到區縣級別時顯示區縣信息標記 (PS:此技術也可以用來開發仿滴滴打車軟件裏的顯示附近車輛位置等功能的

原创 Handlebars.js if 功能擴展

在使用Handlebars模板時,由於在模板中if判斷很多時間無法滿足需求(if好像目前只支持對象爲否爲空),所以需要對if進行功能擴展,這裏需要用到handlebars的helper類庫,下面以兩個數比大小爲例來說明 1.定義比