原创 實際業務中碰到的幾種ajax請求方法總結

最近在做一個針對單個節點測速的功能頁面,測速的邏輯是,測上傳速度時,前端傳5m數據給server,記錄上傳和返回數據的時間,測下載速度時,從server下載1m的數據,記錄下載和下載成功的時間,上傳和下載用的是ajax同步以避免客戶端帶寬

原创 React-Redux初實踐

這禮拜終於把手頭的需求完結的差不多了,終於有時間沉澱下這段時間學習到的新技術了。redux,我是在阮一峯大神的教程裏學習的,先粘上傳送門,大神在3篇連續的教程中,很詳細的講解了redux和React-Redux 的原理和用法,而我接下來主

原创 vue實現多種複選框,含搜索

最近在重構一個複選框組件,原型是select2這個jquery插件, 有興趣的可以去搜下,封裝的很好,但是並不能滿足業務所有需求,最要命的是jquery插件這種以dom驅動數據的庫,並不能和vue和angular這種數據驅動dom的框架很

原创 純前端js生成csv文件下載

昨天公司的一個需求,頁面上導出excel,按之前我的做法都是後端生成這個file,放到服務器上,返一個下載link給前端,前端通過link下載,這樣做的缺點就是等待的時間比較長,後端創建文件,http通信都會影響響應速度,在網上折騰半天,

原创 js處理時間(一)

最近正好閒下來了!整理了一下時間處理的方法,都是自己寫的哈!! 本篇封裝: (1) js取得2016-08-11 19:46:01格式的時間 (2) js取得本週第一天/最後一天 (3) js取得本月第一天/最後一天 <scrip

原创 react中(父子/祖先/路由)數據和事件的通信方法總結

好久沒更博了啊,0.0,最近手頭的一個前端控制檯項目,我是用阿里開源的ant框架搭建的,用着還是蠻順手了,在使用過程中,碰到一些數據通信的問題,有些和vue相同,有些不一樣的地方還是踩了些坑的,特地整理了下。1.子組件調用父級的數據和方法

原创 在linux服務器上進行vue2的動態編譯

之前有提到,我這邊進行的前端項目是基於vue2搭建的,編譯一直是在本地進行的,然後合併到master分支上,再上線代碼,這樣做有一個問題就是,因爲編譯後的dist目錄時存在於git代碼庫裏的,後期分支多了,開發人員多了,經常merge和p

原创 vue2.0開發過程中踩的坑!

昨天素素終於跳了誅仙台,我好開心呀!今兒個特地整理了下vue2.0開發過程中踩得坑!希望和大家交流! 一、聲明週期 聲明週期鉤子詳見這張圖 https://segmentfault.com/q/1010000007704114 1.0的

原创 vue2中(路由/父子/組件/事件)數據通信方法總結

最近一直在搞我司官網控制檯的重構,被產品虐的這叫一個死去活來,今天終於有時間,整理下最近用到的vue數據通信的幾種場景。 1.組件通信 這是最普通的交互場景,如下圖中,報表頁面用到了一個自己寫的下拉菜單的組件,用戶在子組件內部勾選完成後,

原创 js處理時間(二)

緊接上篇; 本篇封裝: (1)unix時間戳相互轉化 (2)兩天相隔 <script type="text/javascript"> /*unix時間戳轉正常時間*/ var unixtime=1359727392; var unixTi

原创 js排序(二維數組/英文/中文)方法封裝

在實際業務中,往往會碰到排序的問題,今天我就特地梳理下我常用到的幾個小方法,放到公共util裏能提高不少效率呢! 1.一維數組排序 (1)js原生sort /* * @Name 數組排序 * @Param * list {arra

原创 基於antd的上傳文件進度條

最新新搭了一個控制檯,是基於阿里antd框架搭建的,總體上來講,antd從UI交互和組件的api上來看,還都是很好的框架了,不過還是踩了不少坑的,哈哈,後面慢慢整理出來。 這裏碰到的情況是,有個上傳大文件的需求,需要在前端展示出上傳的進度

原创 基於瀏覽器的m3u8和flv的播放器

最近手頭的一個項目,基於瀏覽器的要做一個視頻播放器,h5的新標籤只支持mp4和ogg,還有webm三種格式,我這邊的需求是flv和m3u8,flv還好說,很多sfw媒體都支持,m3u8流媒體就不成了,也是折騰了半天哈,從老外那邊找到的解決

原创 angular 組件化

在做sass產品頁面的時候,往往每個頁面的header和footer都是一樣的,還有最近我做的頁面,類似datetimepicker這種組件,其實都是可以複用的代碼,所以如果能把這些公用的UI組件提取出來,對於維護就會方便很多啦!! an

原创 vue2.0環境搭建(含router路由)

現如今這四海八荒都在用vue啊!年前我手頭新做一個運營平臺,截圖如下,前後端分離,費了半天勁終於把環境搭建起來了,年後有功夫了,特地整理下,希望大家能少走些彎路! 一、搭建環境 用官方的腳手架cli一步一步按流程走,我整理出的流程如下,