原创 Json數據導出Excel(IE10支持)

概述 一般從後臺接口拿到的是json數組,需要導出Excel,分兩步:一、將json數組轉化成可以導出excel的json數組,二、利用一個方法函數將json數據導出csv(csv文件即可用excel打開並可以另存爲excel文件

原创 gulp.spritesmith

概念 spritesmith的作用就是拼接圖片並生成樣式表,並且還能輸出SASS,Stylus,LESS甚至是JSON。github地址:https://github.com/twolfson/gulp.spritesmith

原创 main-bower-files

概念 通過讀取並分析bower.json文件裏override屬性裏main路徑下定義的插件及相關依賴,返回一個文件數組。 Github https://github.com/ck86/main-bower-files 安裝 $

原创 svg圖片 填充顏色

需求 一張全灰色的svg圖片,根據所佔的百分比用藍色填充 方法 1. svg蒙版 + 背景漸變(控制漸變函數中間的百分比即可達到效果) mask-image: url(mask.svg); mask-size: 100% 100%;

原创 小知識積累(不斷更新中)

判斷變量的類型(數組,對象) tyopof:不推薦,因爲無法區別數組與對象,數組是對象的子對象 typeof([]) “object” typeof({}) “object” instanceof:可以使用 var a =

原创 玩轉exchange(查找郵件,修改郵件,發送郵件)

背景: 每天早上需要發站會紀要,紀要內容爲組員昨日的工作完成情況,工作完成情況需要從每個組員的exchange郵件中選擇昨日發的日報郵件,提取信息,因組員很多,每天這種重複的複製粘貼操作很麻煩,就想到了用java寫個程序來完成這個事。

原创 echarts大製作:絢麗地圖

話不多說,先上圖 實現: 前提: 引入最新版的echarts(npm install echarts --save) 引入自定義地圖配置類CommonEchartsConfig(https://github.com/liuyuqi

原创 gulp 自動化構建組件集合

1.node-hbsfy和node-pugify borwserify 支持 require handlebars模板及jade模板 Github: https://github.com/epeli/node-hbsfy http

原创 bootstrap-datepicker 月份選擇 完全指南

需求 日期選擇框只能選擇月份,且只能選擇只能是當前月份前12個月到當前月份,且可以動態顯示與刪除日期選擇框 插件 所用插件庫:bootstrap-datepicker Github:https://github.com/uxsoluti

原创 Web前端技術 Web學習資料 Web學習路線 Web入門寶典(不斷更新中)

技術:Web前端技術 Web學習資料 Web學習路線 Web入門寶典(不斷更新中) 前端學習路線: 第一章 核心 1.Node Node.js 就是運行在服務端的 JavaScript。Node.js 是一個基於Chrome JavaS

原创 Web前端技術 Web學習資料 Web學習路線 Web入門寶典(不斷更新中)

學習路線 第一章 核心 1.Node Node.js 就是運行在服務端的 JavaScript。Node.js 是一個基於Chrome JavaScript 運行時建立的一個平臺。Node.js是一個事件驅動I/O服務端JavaScr

原创 遮罩層上滾動,使下方的列表隨之滾動

效果 遮罩層爲一張邊框樣式圖(如下圖): 邊框樣式遮罩層顯示在最上方,然後是中間的列表,最下層是一個透明黑色遮罩層,滾動鼠標滾輪,能控制列表滾動 實現原理 註冊最上面遮罩層的滾動事件,拿到滾動滾動方向,然後控制列表滾動的方向和距離 上

原创 create-react-app axios 多個域名環境cors跨域

1.前端設置 前端其實在跨域上不需要進行任何設置,直接使用axios的官方示例即可 //axios.defaults.withCredentials =true;//讓ajax攜帶cookie (這個必須要,否則無法跨域攜帶cookie)

原创 create-react-app 引入less與sass

引入less 1.安裝react-app-rewired,react-app-rewire-less,babel-plugin-import 命令行: - npm install react-app-rewired –only=dev

原创 react 自定義的數字樣式滾動效果

老樣子,先上圖(mock數據) 1.實現方法 引入countup.js 數字滾動插件的react版本react-countup,github:https://github.com/glennreyes/react-countup