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

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

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

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

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

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

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

賀前輩講的，找到了演講用的原版資料：http://johnhax.net/2015/es6-code-style/#0
在現(xiàn)場有印象的幾個點：Eslint具有高度可配置、預(yù)置大量規(guī)則、可共享復(fù)用(git搜索 eslint-config)等等優(yōu)勢，可以在團隊中推廣使用起來。規(guī)則分為：可能是錯誤，最佳實踐，變量聲明等等，賀前輩的建議是能用的規(guī)則都用上。ES6+的總體原則：盡量用Es6的語法，比如：ajax => promise,Class工廠 => 原生 Class 語法，arguments => ...args，|| => 函數(shù)默認(rèn)參數(shù)，回調(diào)函數(shù) => 剪頭函數(shù)等等。
接著討論了space和tab 問題，并分享賀老寫的一個Atom插件: elastic-tabstops。已經(jīng)親自嘗試，灰常好用。同時推薦下Atom編輯器，聽說 PC 上比較卡，自己Mac上使用很流暢，插件很豐富，容易定制，顏值高。使用中碰到一個問題：插件不生效，解決方法：在設(shè)置中將Tab type這一項選擇為hard,然后重啟。插件生效后發(fā)現(xiàn)如果制表符太明顯，不美觀，可自行定制樣式（入口文件：Atom -> Stylesheet）。方法是commond+option+i調(diào)出調(diào)試工具，找到相應(yīng)的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是一款輕量的游戲開發(fā)引擎，主要解決渲染問題，用于電商項目的快速開發(fā)，比如淘寶的雙11中很多小游戲。界面構(gòu)建仍然可以使用原生的canvas和css。其中分享中講到一個技術(shù)點：將flash動畫自動轉(zhuǎn)成css動畫，工具名好像叫做Tahiti，但網(wǎng)上未找到相關(guān)資料。
感興趣可以看下官網(wǎng)，還有這篇文章： 揭秘天貓雙11晚會與狂歡城背后的技術(shù)

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

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

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

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

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

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