人機互動
談到前端開發，先說下人機互動。人機互動是指人和計算機之間通過行為動作，互相影響互相作用的乙個過程。主要涉及：人、計算機或系統、動作行為，互相的影響結果這四個方面。
互動的過程經過這幾個階段：
由動作發起者確定【目標】。
根據目標制定【計畫】。
【確認】計畫可行性。
可行，就進行實際【執行】觸發按鈕，開關等進行作用於系統。
系統作出反饋，進行改變，動作發起者【感知】這種改變。
通過一定的方法【詮釋】這些改變。
【對比】目標，如果一致，則代表目標達成。
無意識設計
意識
我們想做一件事情時候，仔細去想，會產生很多關於這件事情的觀念、意象、情感。比方說，想喝咖啡的時候，想到星巴卡，想到它的環境、氛圍、以及放鬆的感覺。這種自己能清晰意識到的心裡活動就是意識。(摘自網上)
無意識
潛藏在我們的意識中，不需要去想，比如困了自然睡覺。下意識的行為，即習慣性，順其自然的反應。
由上面的冰山圖可以看出無意識佔據意識的很大部分，從生下來到**，我們經過無數次訓練，逐步把一些有意識的行為變成無意識的行為。這裡面蘊含著很大的空間。正基於此，日本當代著名的產品設計師深澤直人主張「無意識設計」：順其自然根據人潛藏的需求，客觀的需要去思考設計產品。
以上，理論介紹完了，下面介紹以下具體的產品感受：
上面是我買的兩款檯燈，明顯感覺左邊那個檯燈的開關的位置不太好，實際操作過程中感覺特別彆扭，總有種下意識的要去摸燈泡觸電。而右側的設計，也是普通檯燈的大多數設計，明顯體驗好的多，關燈開燈的體驗也好的多。
前端的ui互動理念和要求是朝著右側發展。
ant design
為了給使用者更好的體驗， 螞蟻集團體驗技術部經過大量專案實踐和總結，逐步打磨出乙個服務於企業級產品的設計體系：ant design。我這幾年的開發也都使用的是ant design。從我自身的感受出發：
簡單，相比之前的原生js開發，降低了門檻，整體ui邏輯和資料流思維更適合乙個後端開發者的邏輯思維。
快捷，避免了大量的樣式修改，對於乙個不善於ui的後端來說，調整樣式，作出特炫的效果是件很麻煩的事。之前同事為了實現乙個複雜的互動而寫的大量js，我看著都費勁，用業界水平衡量了下，極難維護。
設計的價值觀
自然確定意義感
生長性自然和確定是最先提出的價值觀，我感覺是結合無意識設計的理念提出的。自然保證流暢，確定更多的是降低使用者認知和判斷成本，側重的幫助使用者選擇的一種理念吧。意義感和生長性是後來提出的，前者更多的是存在是為了承載某個工作使命，而生長性更多的是乙個可擴充套件性的裡面。更詳細的內容，可參考官網的解釋。
設計原則
ant design的一些設計原則，還是需要我們遵循的：如親密性，對齊，重複，直接了當，足不出戶，簡化互動，提供邀請，巧用過渡，即時反應等。
直接概念的詳細介紹，我這裡不做解釋。
只介紹根據上述概念，我做的一些功能:
下面是之前乙個對齊的乙個案例對比：
下面是我用ant design重構另乙個功能的頁面，是不是好看多了。
再如簡化互動和足不出戶的乙個功能：
對於簡單屬性的新增修改頁面，我更建議用modal彈框，這樣，不用進入新的頁面即可完成。
乙個很有用的基於json的配置功能的開發歷程
設計模式-元件化
引自兩張經典圖來說前端元件的開發，如上兩幅圖，都是表達乙個意思，把乙個複雜的介面進行分解，分解成不同的區塊，而不同的區塊再去分解，分解成最基本的內容，我們稱之為component(元件)。
元件不關心誰呼叫它，提供給呼叫者對應的方法和屬性，當呼叫者傳入不同的資料內容時，內容根據一定的邏輯展示即可。
招聘乙個程式設計師
招聘乙個程式設計師，唯一對你有意義的是他能寫出好程式的能力。很少人像這樣去招人，他們更喜歡去挑剔程式設計師的個人癖好和性格缺點。你不如這樣說更合適 找不到那種技術上又好 又能適應企業文化的人，我就等著，一直找到為止。我們很少有敢這樣奢侈的公司，也許google可以這樣，就是google這樣的公司也一...
作為乙個前端程式設計師，不能懶惰下去
回顧一下八月，這乙個月裡面我沒有寫出一篇部落格文章，我也自己在心裡藉口工作太忙，時間太少，精神和身體都太疲勞，但是，這些都是藉口，我覺得應該是 今天是九月的第一天，雖然是個週末，但卻也是開學的日子 早上睡了個懶覺，然後出門去公司，路過乙個小學，孩子們正在為開學做準備，曾經的我們也都是這樣，九月一號有...
乙個程式設計師的忠告
諸位，咱當網路工程師也是幾年了，不算有出息，環顧四周，也沒有看見幾個有出息的！回顧工程師生涯，感慨萬千，願意講幾句掏心窩子的話，也算給咱們師弟師妹們提個醒，希望他們比咱們強！1 好好規劃自己的路，不要跟著感覺走！根據個人的理想決策安排，絕大部分人並不指望成為什麼院士或教授，而是希望活得滋潤一些，爽一...