摘要：規則分為可能是錯誤，最佳實踐，變量聲明等等，賀前輩的建議是能用的規則都用上。峰會中獎品挺多的，可惜與我擦肩而過。

iWeb峰會的消息是在開場前兩天才從朋友圈看到，稍微有點匆忙，只花了不到兩個小時的時間了解下相關主題。發現涉及的知識還是蠻多的，甚至一些平時也沒有接觸過。所以一些關注點，理解的層次都很有限，甚至可能有誤區，僅供參考及知識面的拓展。

峰會的主題是HTML5，又分為三個大的模塊：游戲、工具及營銷。我主要關注的工具專場，把這個放前面總結。

由野狗聯合創始人肖光宇演講的，一開始就提出一個問題：為什么需要實時？隨后舉出一些例子加以說明：我們平時不停的刷微博，就是想得到實時的數據；股票軟件也需要實時展示出價格的跌漲；一個團隊進行協同開發，如果代碼能實時更新，可降低協作的成本。
web前端為什么不能實時，是由基因決定的。web 技術幾乎都通過 HTTP 協議，而其特點：無連接，含義是限制每次連接只處理一個請求，服務器處理完客戶的請求，并收到客戶的應答后，即斷開連接；無狀態，服務器端在處理相應請求后不會保留任何客戶端的信息。
接下來講到了基于 HTTP 實時化的嘗試：polling與long polling。
后續說到了HTML5 時代的實時技術WebSocket。
接著是實時基礎即消息訂閱模型(pub/sub)，數據同步(Data Sync)。
最后是實時web的未來，兩個技術點：WebPush和WebRTC。

涉及到的知識較多，只是有個模糊的印象。感興趣根據技術點搜索下，也可以看下官網及 API，個人開發者可免費使用。
搜到了相關的文章，應該和分享內容差不多： Web 前端的實時化
他們的博客： https://blog.wilddog.com/
他們的公眾號：野狗

英特爾有兩場演講，主推了他們的開源項目Crosswalk。Crosswalk 可以簡單理解為增強版的 webkit，用于 Hybird 項目中，可替代原生的瀏覽器。
優勢描述了很多，比如多平臺支持，對 WEBGL支持，對 VR，RealSense支持，知名應用比如有道云接入，谷歌的Mobile Chrome App團隊接入，對兼容性，對性能的處理等等。
有三種接入模式：嵌入模式，和native打包到一起，作為 HTML5頁面的 webview 使用；共享模式：不用打包到單個App中，系統只需要一個 crosswalk供所有應用去調用；還有一種下載模式：好像是應用需要依賴 crosswalk，然后自動會去 app store下載？這個沒聽很明白，我猜想是不是和PC上有些應用需要依賴 .net framework那種模式？
最后我覺得想在團隊中推廣使用的硬傷還是體積問題，完整包還想是20M，輕
量版也有10M，為了引入 crosswalk 安裝包多10M，產品不一定能接受。
展位現場體驗了webVR小游戲，效果很炫，感受很真實，不由得想到了"刀劍神域"這部動漫。演講中還講到一項技術web for RealSense，用手隔空操作小車的移動。技術發展真的改變自身很多的認識，以前的夢想未來或許就可以實現。

主要做了大概的介紹，Demo展示，如何調試，還有一些技術實現細節。Weex目前還是私有項目也只有Android部分，可以在官網通過申請獲取權限，計劃在6月份完全開源。
和react-native 是同類型的框架，但 weex 主打的是輕量，語法簡單，上手容易。weex借鑒了 vue，而 vue 和 react 相比學習成本還是比較低的。
weex框架也再次肯定了用js開發原生的這種模式，作為前端開發人員還是需要去多關注下。此外，vue社區今年應該會更活躍，關注度更高。
相關的資料：
關于Weex你需要知道的一切
深度揭秘阿里移動端高性能動態化方案Weex
對無線電商動態化方案的思考
如何看待阿里無線前端發布的Weex?

賀前輩講的，找到了演講用的原版資料：http://johnhax.net/2015/es6-code-style/#0
在現場有印象的幾個點：Eslint具有高度可配置、預置大量規則、可共享復用(git搜索 eslint-config)等等優勢，可以在團隊中推廣使用起來。規則分為：可能是錯誤，最佳實踐，變量聲明等等，賀前輩的建議是能用的規則都用上。ES6+的總體原則：盡量用Es6的語法，比如：ajax => promise,Class工廠 => 原生 Class 語法，arguments => ...args，|| => 函數默認參數，回調函數 => 剪頭函數等等。
接著討論了space和tab 問題，并分享賀老寫的一個Atom插件: elastic-tabstops。已經親自嘗試，灰常好用。同時推薦下Atom編輯器，聽說 PC 上比較卡，自己Mac上使用很流暢，插件很豐富，容易定制，顏值高。使用中碰到一個問題：插件不生效，解決方法：在設置中將Tab type這一項選擇為hard,然后重啟。插件生效后發現如果制表符太明顯，不美觀，可自行定制樣式（入口文件：Atom -> Stylesheet）。方法是commond+option+i調出調試工具，找到相應的class，然后在樣式文件中重寫。比如我是用的是Seti，代碼如下：

atom-text-editor::shadow {
    span.hard-tab {
         box-shadow : inset -1px 0;
         display    : inline-block;

         &:not(.indent-guide) {
            color: rgba(255, 255, 255, .1);
         }

        &.indent-guide:first-child {
             box-shadow : inset 1px 0, inset -1px 0;
        }
    }
}

atom-text-editor::shadow span.hard-tab{
    color: rgba(255, 255, 255, .1);
}

Hilo是一款輕量的游戲開發引擎，主要解決渲染問題，用于電商項目的快速開發，比如淘寶的雙11中很多小游戲。界面構建仍然可以使用原生的canvas和css。其中分享中講到一個技術點：將flash動畫自動轉成css動畫，工具名好像叫做Tahiti，但網上未找到相關資料。
感興趣可以看下官網，還有這篇文章： 揭秘天貓雙11晚會與狂歡城背后的技術

是由去哪網的開發總監杜瑤演講，簡單說下自己有印象的幾個點。
從自身出發，對內：思考自己在團隊中的扮演的角色，所起到的作用以及自身的影響力；對外:推動能力，資源的協調能力及判斷力。
從團隊出發：盡自己的能力為團隊多爭取利益，提高團隊的穩定性。
發揮團隊成員的最大能力
人員組成與技術棧：招團隊目前需要的人才，比如推動react-native可能需要招一個原生開發人員；招到不同性格的成員協調搭配；
每個項目指定負責人，調動主人翁精神
重要性優先策略，如果某段時期團隊人員滿足不了業務需求，根據重要性選擇進行開發工作

有一位嘉賓問到一個很普篇的問題，我覺得很有參考意義。大概是這樣：團隊中新入職的員工能力欠缺，手頭任務比較多又緊急。如果自己一人承擔，不利于團隊成員的成長；而如果任務分給新員工做，可能用在指導方面的時間更多，而且怕影響項目進度？
回復是這樣的：將項目的架子搭好，讓新同事做些業務方面的工作，慢慢熟悉，而自己也要在初期多加引導。其實也體現上面說到的調動主人翁精神，調動團隊成員的積極性，提高他們的成就感，也更有利于其自身的成長。

游戲我平時不太關注，但上午場是混在一起的，所以也稍微聽了下。
首先是蝴蝶互動的CEO凌海講解了"HTML5游戲的質量與服務"。蝴蝶互動好像是國內HTML5游戲的老大哥，旗下的"傳奇世界"網頁版月流水2000萬。我感覺整個演講都給整個 HTML5游戲行業帶來了一些希望與憧憬。

其他：
寫的很糾結，演講中很多點可能沒get到，但與畢業第一次參加D2相比還是多了一些收獲，記錄下來年再進行對比。
還有幾點經驗和大家分享下：

當初覺得去上海麻煩想看現場直播的，去了之后感覺現場氛圍非常好，看直播不一定能堅持下來；
參加分享會包括自己公司的內部分享，事先一定要做一些準備。因為演講者肯定想將自己學到的最核心的東西分享給聽眾，也花費了很多精力，而聽眾沒有基礎可能很難理解；有了一些基礎，聽分享時多思考，才能提出一些比較有價值的問題，不浪費機會。
如果聽不懂也沒關系，整體把握下前端技術發展的趨勢，或者就漲漲見識。說不定某個技術框架或解決方案就比較適合自己的團隊。

峰會中獎品挺多的，可惜與我擦肩而過。不過也有一個小禮品是coding發的勺和叉，上面印了coding這個單詞。總感覺很詭異，是吃飯的時候提醒：如果不好好寫代碼就沒飯吃的意思？