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

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

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

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

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

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

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

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

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

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

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

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

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

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