由於工作的關係對於 react 並沒有過度的深入，因此對 ant design 並無太多了解。當然也是因為工作中存在大量的 angular 專案，後來ng-zorro-antd的發布引起我極大的關注。
當我決定基於ng-zorro-antd發布一款企業後台管理模板 ng-alain 之前，我深深被 ant design 這個 ui 設計語言吸引住了。
以下是我對 ant design 的理解做一下總結，其本質上是不分 angular 還是 react 的，但示例依然以 angular 為準。
ant design 踐行『以人為本』的設計理念。
在乙個傳統列表頁面，會出現很多按鈕，可能包括：新增、搜尋、批量操作按鈕組等，這是乙個非常複雜的結構，然而使用者實際高頻率操作的可能只有乙個；而突出這類按鈕的方法，不一定要強化按鈕的視覺，也可以弱化其他按鈕的視覺，從而達到高頻率操作項。
因此在實踐ng-zorro-antd時，會發現按鈕只有四種型別，而不是用顏色區分。
從開發者的角度而言，無須關注我應該如何選擇何種顏色才能夠更好的表達按鈕的作用，轉而從按鈕的作用上來區分，相比較而言開發者更清楚業務本身，這比選擇顏色容易得多、更統一風格。
ant design 採用的是24柵格系統，相比較12柵格對於大量資訊收納解決收納的問題。
然而我想提的是[nzgutter]柵格間距屬性，其值是固定的，不受響應式影響。
ant design 是以乙個(8 * n)px為基準（n自然數），不管是橫、縱之間的間距都是依此為計算方式。
對於企業後台，以8px、16px、24px來表達小、中、大三種不規格即合適、又剛好。
當我們很熟悉這種規則的話，構建乙個『以人為本』頁面，簡直就是信手拈來。
整體布局
從 ng-zorro-antd 預設的設計規則，有幾個規則：
ng-alain 就是基於這種設計規則的一次很好實踐。
頁面布局
我們來看頁面布局，這一點相對於開發人員更值得看。當然，antd design 也提供一些預設規則：
對，沒錯，布局講究的是間距。當然我們不一定要按照這種規則，但一定要遵守(8 * n)px基數。
以 ng-alain 為例。不同區域塊（大量的nz-card元件）間以中間距（16px）間隔，**區域與項操作區域以小間距（8px）間隔。
遵守這種間隔很容易在小組中得到統一規範，也無須介紹過多。
ng-zorro-antd遵循的是 react 版本，因此預設字型大小是以12px計，其實這一點我非常奇怪，因為從ant design指引中明確表述預設字型大小為12pt，而轉成px其實差不多應該是16px左右。
而這個問題我問過ng-zorro-antd團隊也沒有得到一很好的答案。
當然，更讓我好奇的是竟然沒有使用一種相對單位（即：rem、em）。
以 angular 版本的 ant design 來講說，最可惜的是當下ng-zorro-antd的設計，很難去改變它，除非自己fork乙份源**，並修改其預設主題字型大小引數。
不管怎麼樣，羅里吧嗦一大堆。
如果你在 angular 中入坑，對 ant design 也很有好感的情況下，下列兩個工具可能會幫你做很多簡化：
我所認知的BIOS ADU exe
by lightseed 2009 5 12 在學習的過程中，肯定會要用不少的工具，作為底層的 engineer 那麼用的工具大多是 dos下。在 dos下所用的工具對於一般的人來說 相對於當今流行的圖形介面的作業系統 總是感覺比較陌生，也批著一層神秘的面紗。那麼今天我就以我最常用的 adu.exe...
我所認知的敏捷開發
實習的第乙份工作是在某一線遊戲公司做遊戲客戶端實習生，大的公司或許在管理制度上的確要更加完善先進，這是不可否認的，整整實習了一年，差不多是半年的客戶端實習生，半年的專案管理實習生，那麼談談我自己對敏捷開發的看法。一.每日站會 剛到公司的時候，每天早上我都發現旁邊的伺服器組準時在10點，所有人站在一起...
我所認知的BIOS Cache 1
lightseed 2009 11 12 另外，由於關於cache的東西比較多 當然其實有兩個大的方向，就是資料一致性和執行機制，掌握了這兩個大的目標我想cache對於您來說就不算什麼難事了。所以我準備把整理好的小結分成三篇文章放到blog裡。這樣可以降低每一篇文章的篇幅。否則篇幅太長，我擔心大家會...