原创 SVG Sprite優化滴滴雲項目中的圖標

背景介紹 滴滴雲用戶系統隨着模塊,功能,頁面的增多,小圖標也越來越多,隨着開發人員的不斷加入以及圖片需求的不斷更新,項目中圖片的引用方法也變得多種多樣。本次調研旨在整理項目中的圖標,網站加載速率,統一開發人員引用圖片的用法。 項目現狀

原创 Angular splitter 可以拖拽的佈局

Angular原生的拖拽佈局,無其他依賴。 demo http://guguji5.top:8080/angular-splitter/ 依賴 angular 5-6 angular-cli 如何啓動 github倉庫:htt

原创 微信支付(2017-08-28)

### 寫在前邊的話 baery的公衆號,折騰了三次終於把微信支付申請下來了,喜不自勝,週末實現了一下微信支付。週末除了游泳,就一直在做它了,看了好多博客。全都說坑,小馬過河,邊搞邊填咯 — 微信支付首

原创 如何通過GZIP來優化你的網站

如果你想節省帶寬提高網站速度,壓縮是一種簡單有效的方法。當我打算提高JavaScript的傳輸速率來開啓GZIP壓縮的時候,我猶豫了因爲有舊版本瀏覽器的存在(IE6)。 然而在二十一世紀,我們大部分的流量來自於現代瀏覽器,坦白的講,我們大

原创 Powershell如何修改組策略(group policy)

上一篇,田總手把手給指導了如何實現多跳,手動實現的,沒有問題。但是機器衆多,這一篇我們用命令來實現組策略的修改。 首先,Powershell不是萬能的,Powershell是可以獲取到域的組策略(GPO),並且權限足夠還可以修改,但是,本

原创 Powershell遠程機多跳問題

何爲多跳問題,即A機器遠程到B機器,然後去C機器copy或者獲取文件。 對於Powershell新手,多跳問題(multi-hop)是一個難搞的事情,明明Winrm到遠程機沒問題,在遠程機上直接操作也是能行,爲啥兩跳以後,就會報ac

原创 一個隨機排布的面試題(洗牌算法?)

去某公司面試遇到一個這樣的題:“班裏有62個學生,學號分別爲1-62,新學期隨機排座位,要求學號相鄰的不能坐在一起” 個人解讀:一個數組有1-62個數字,要求隨機排序,數字相鄰的不能挨在一起。 肯定是遍歷啊,遍歷一遍可能不會安排完數組裏

原创 JavaScript數組的forEach、map和angular.forEach

項目中用ng1.5,經常需要遍歷數組,而angular.forEach則是首選,在脫離angular以後遍歷數組的時候就想到了forEach和map,用法怪怪的。先點出情景“確保字符串的每個單詞首字母都大寫,其餘部分小寫”,即從數據顯示在

原创 閉包(closure)

閉包是面試中常問到的一個問題,但是這種概念性的東西有時候寫的時候不自覺的就能使上,但是陳述的時候又會表達的含混不清。記錄之以備忘。 函數字面量定義在其他函數中時,它不僅可以訪問自己的參數和變量,同時它也能訪問把它嵌套在其中的父函數的參數和

原创 前端知識總結

事件流:事件傳播的順序對應瀏覽器的兩種事件流模型:捕獲型事件流和冒泡型事件流。 冒泡型事件流:事件的傳播是從最特定的事件目標到最不特定的事件目標。即從DOM樹的葉子到根。 捕獲型事件流:事件的傳播是從最不特定的事件目標到最特定的事件目

原创 gulp生成資源路徑(gulp-edit的使用)

項目中因爲引入了lazyload做懶加載,就需要配置一些常量來放置資源的路徑(如下圖),之前都是手填的,易錯且麻煩,既然項目中引入了gulp就要利用起來。 通過gulp-inject可以篩選出項目路徑,並且以數組的形式插入到目標位置

原创 由一道面試題引發的setTimeout的用法思考

有一道簡單的面試題也不怕大家笑話,先上題。 var A={ name:'guguji' }; var B={ name:'dukuan', sayName:function(){ conso

原创 五子棋online---React.js+Socket.io+Node.js

前段時間,在做項目上線前的準備,有bug就改bug,沒bug就優化一些性能,自己也有時間胡亂看一些東西。羣裏都說React火到沒朋友,就跟着React的Tutorial敲了一遍,感覺它的組織形式跟之前的jq和ng都不一樣,光說不練假把式,

原创 bootstrap模態框實現拖拽

項目中用的有點亂,jquery和angularjs一起搞,有些插件用的jquery版本的,有的插件用的ng版本的。搞到現在測試了一輪又一輪,發現modal模態框有限bug,因爲層級的問題,modal框會被左側菜單遮擋,需求就改成將moda

原创 The weird 'return' in powershell

Powershell 對於初學者來說,怪異之處良多,一個function的返回值可能並不都是你想要的,直接上代碼 function isThere(){ $arr = 1..10 foreach($item in $arr