D-day技術分享沙龍整理

第一次參加SegmentFault組織的活動，收穫很大。活動現場氛圍特別棒，特別是那個抽獎的頁面真的很棒，很想把源碼拿過來學習下。惟一的遺憾就是今天沒有抽到獎。

寸志 前端開發與用戶體驗

今天主要是去聽Teambition的寸志老師去的，想去聽寸志分享前端乾貨。此次寸志老師分享的主題是《前端開發與用戶體驗》，以Teambition的產品爲例介紹前端技術在改進產品用戶體驗方面的應用。
{}

以前有用過Teambition這個團隊協做工具來和後端同窗進行合做過。感受這個產品的用戶體驗過特別好。今天從寸志老師才得知產品用戶體驗過好是由於他們老闆齊俊元是很重視設計。（果真老闆重視設計就是不同啊！）
Teambition採用的前端框架是Backbone。以前據說這個前端框架，一個和AngularJs差很少前端MVC前端框架。可是比AngularJs出來早，Teambition團隊採用Backbone加上jquery的一些插件來打造無刷新的交互體驗。爲何選擇Backbone是由於沒有雙向綁定，只會更新修改的部分，而不會更新其餘部分。（對前端js框架還不是很瞭解，若是有敘述錯誤還請指正。）但我以爲對於前端工程師我的而言，AngularJs仍是很適合咱們的，畢竟它幫咱們作了太多的事情。本身最近在研究Facebook的React,很想本身用React Native搞個本身的IOS APP出來。

本身最近一直在研究HTML5的一些新的JS API，今天寸志介紹他們在本身的產品Teambition中採用HTML5新的NotificationAPI 在用戶關閉瀏覽器的狀況下來通知用戶新的信息。使用Offline Web Application來離線一些資源，這樣在用戶斷網的狀況下一樣能夠得到很好的體驗。本身在最後的圓桌環節同時也向今天的四位分享人提問了在如今的成熟的Web產品中有哪些新的HTML5的特性在產品中有應用。
我這裏初略整理了一下答案：

• 使用localStorage來儲存一些用戶的信息，在一些web的應用中會採用indexDB來儲存一些數據到本地。
• 使用NotificationAPI在用戶沒有使用瀏覽器的瀏覽網站的狀況下來通知用戶一些信息。
• 使用Offline Web Application來離線一些資源，這樣讓用戶特殊狀況下沒網時也能得到不錯的體驗!
• 使用CSS3的像animation這種新的特性來製做動畫效果。

如今網頁設計須要考慮多終端，也就是響應式，在分享中寸志老師分享了他們團隊優化響應式的經驗：

1. 他們會先設計手機的版本，而後由手機版本變動到PC版和PAD版本。
2. 對於iphone的Retina屏幕他們會把圖片的大小作到兩倍大小，而後使用CSS來把圖片大小縮小到一倍。
3. 使用CSS單位rem,而後使用js來控制根元素html裏面的font-size。
   此外分享中說起了：

• 利用CSS3的動畫來製做動畫，給用戶帶來愉悅感。
• 使用webfont來代替圖片圖標
• 用node-webkit來把網頁應用分裝成單個應用。

除了寸志老師的前端分享外以外,分享的嘉賓還有又拍雲的張聰，扇貝網，暴走漫畫的丁彥。由於本身最熟悉的是前端，對於後端和運維不是特別熟悉，因此這裏不謝關於這三位大牛的總結了。

下面是這三位大牛的演講文稿:

• 《Using ngx_lua in UPYUN》-又拍雲的張聰
• 《Ansible 在雲環境中的使用》-扇貝網的吳焱紅
• 《暴走漫畫數據挖掘從 0 到 1》—暴走漫畫的丁彥

圓桌討論問答

1. 從一個普通的技術開發，到稍有知名度的開發者，大家以爲最艱難的時段是哪一個時段？

入門階段，會受打擊，但要端正心態。

每一個人作的選擇不同，有不少路，沒有哪一條是對的，要選擇一條最合適你的。

技術面要廣，多關注，多接觸。

訂閱技術博客，天天度技術文章，提升本身閱讀量。

一個學習的心態，要不停的去了解新的東西，要不斷更新你如今的知識。

對項目有要求，讓項目造就你能力的提高。

找一個好的能解決技術問題的人，這樣提高會快一點。