參加2017年5月20日北京首屆VueConf大會是個什麼樣的體驗？

01-02

如題
有什麼吐槽的地方歡迎指出，希望下次改進
有什麼亮點、趣事，可以分享一下

第一個全球首屆VueConf已於5月20日在北京成功舉辦。520的確可以算是一個比較特殊的日子，本來在520這一天，可以用一些更特別，更歡慶的方式開場的，但是往往計劃不如變化，一開始我就沒有把氣氛營造好，所以最開始所設計的很多流程也就被打亂了，嘿嘿，不過不管怎麼樣，我們的會議還是順利的完成了。其實最重要的還是我們的主題演講嘛，組織者不重要，主持人也不重要，大家都是為了主題演講而來的。還有就是能夠見到老朋友，交到新朋友，這也才是最重要的。

第二個全球首屆VueConf也將在本月的21日在波蘭舉辦。

全球首屆VueConf能夠順利成功的舉辦，要感謝所有的參會者、所有的演講嘉賓以及所有的贊助商，還有所有的志願者的支持與幫助。

其他的不多說，作為大會的組織者，我想給大家說的就是，本次大會的所有的PPT和演講視頻已經更新到大會的官網，有興趣的同學可以前去下載或者觀看視頻：全球首屆VueConf已於2017年5月20日在北京成功舉辦！

w3ctech已經進入第8個年頭，即將迎來第8周年的慶祝，我們最初做w3ctech的目的很簡單，就是希望可以幫助更多的人成長，我們從最初做交流會，然後做專題會議，做走進名企，不管怎麼樣，我們初心未變，就是希望可以幫助更多的人成長，促進更多的交流，為前端圈盡綿薄之力！

從人數來看，vue 在國內不是一般的火爆啊，走廊過道都坐滿了人。裕波開場 5 分鐘就哽咽了，可以看看狼叔的公眾號文章《520，VueConf，我們應該為一個男人點贊》。

由於距離原因，我昨天 5 點從天津出發，晚上 11 點到家。

只聽了尤大、狼叔的完整版，小春、陰明的聽了一部分。

尤大介紹了 vue 的過去、現在和將來。百聞不如一見，果然前端界顏值擔當。

高高在上的大神突然很親民，每次茶歇都被圍。據說連午飯都沒吃好，吃兩口就有妹子過來要求合影。

第二場狼叔上場後群里就開始吐槽，這屆一定是請了假狼叔，鬍子居然沒有了。狼叔作為國內首席 nodejs 佈道師風格還是依舊，上來先活躍氣氛把聽眾逗樂，然後就直奔主題。由於知識點太多的緣故，狼叔的語速也比平時快了很多。數量雖多，質量不減，尤其是講到前端後端帥鍋話題是，現場情不自禁的鼓掌，幾乎都打斷了狼叔的演講。

美中不足是使用了白底黑字，而會場的光照是一體的，只能全關。後來把燈光關閉後坐在後面的觀眾也能順利看清了。

狼叔這次不僅收穫了現場最多的掌聲，還收穫了微信群最多的表情包。從今天睡醒一覺我的好幾個微信群就被狼叔表情刷屏了。

下午小春的我聽了開頭和結尾，感覺應該是乾貨滿滿，偏實戰，內容也更系統化。

陰明的是我聽的最後一場，依然是半專業半娛樂的演講風格，應該很深受九零後零零後喜歡。而且掘金社區還在第一時間～不～第零時間整理了這次大會的內容，小編真努力，這應該算是加班吧。

如果說狼叔贏得了最多的掌聲，那麼說陰明贏得了最多的笑聲應該不足為過。上面有人提到要給陰明 105 分，你這是百分制嗎？這是我第三次見陰明了，如果論演講技巧和控場能力，別說 105 分，既然是給他 150 都可以。但這畢竟是技術分享，從內容上來看，還是存在不少的瑕疵的。總體上瑕不掩瑜。

然後就是大合影

我分享到朋友圈後：

我媽：哪個是你？

我：第一排，白袋子。

我媽：你是怕找不到自己，提前做的記號嗎？

我：……

其實每人都有白袋子，袋子雖然很醜，但是布料很好，可以回家給我丈母娘讓她去市場買菜時提著去。

然後其他人繼續回去聽剩下的幾場，而我提著這個丑到爆的白袋子去見了幾個知友。

晚上11點到家，老婆還沒睡，在等我。我把白袋子遞給她：明天把這個袋子給媽帶去，讓她買菜用，質量挺好的。

老婆接過袋子翻了翻：這種會以後別去參加了。

我：黑人問號.jpg

老婆：又是 T 恤！你看咱家衣櫃，你的衣服比我都多，十幾件 T 恤，七八件格子襯衫。以後有送褲子的會你再參加。還有，你中午和我轉的 520 塊錢，留在我微信里也沒用，明天陪我去逛街吧。

我：……

花點時間談談體驗吧。

鑒於票價門檻較低，和話題的傾向性，我們可以觀察大會中的聽眾絕大部分都是一線的工程師。而且年輕人、自購票的比例也十分高。這和以往 Qcon、SDCC 等會議差別還是比較大的。這可能意味著聽眾會更想聽一些細節性、技巧性的、能夠提高自己寫碼能力的話題。

講師這方面，個人覺得還是頗為豪華的。大部分講師在社區都有一定的影響力或者做出了挺多的貢獻。

演講內容感想

1. @尤雨溪開場簡介，Vue 的起源與展望

講了一些過去 Vue 的故事和現狀。已經有答者提及這裡就不再贅述了。

值得一提的點主要包括

強調了 2.3.x 版本對 ssr 的優化。

ssr 基本上是現階段各大框架比較大的痛點，而 Vue 的確解決的不錯，在該版本內性能大幅提升。
如果大家有看到過騰訊郭佳倫同學的實測Vue SSR的渲染性能：避開20倍耗時。可以看到通過字元串拼接的確可以大幅優化 ssr 的性能。而小右也在會上簡單的闡述了這個方案可能帶來的一些問題（組件里的 render 無法做成字元串拼接）。不過個人認為如果對 ssr 要求很高的話，可以考慮嚴控寫法採取該策略。當然其他絕大部分用官方的最新版本就好了。
但說實話 ssr 到目前為止也並不是銀彈。在採取的策略上仍然要有所克制。如果是為了單純的 seo ，靜態頁會是更簡便的做法。如果是為了首屏體驗，app shell 或者像後來陰明所提到的只渲染首屏組件也更為的合理。

利用 proxy 代替 Object.definedProperty

利用該方法後大家可以不再麻煩的使用 set / get 了。但是瀏覽器的支持度嘛……
雖然小右的代碼已經被各種分析膜拜，但是依舊不斷地自我提升覺得這是最好的一點。

2. @i5ting 的Vue SSR與API Proxy層深度實踐

狼叔其實是最早報名的講師，當時看到他報的題目是 ssr 我也挺期待的，可能大部分聽眾和我一樣希望聽到狼叔更多的關於 Vue ssr 和 node 結合的技巧，如何提高渲染性能等。不過狼叔的整個演講則顯得更為靠近 node ，並且涉及的點也更為宏觀，應該會讓部分觀眾失望了。

然而總體來說整個演講還是挺有啟發性的。前面演進部分的內容我就不提了，感興趣的可以看ppt。但是狼叔在ppt中提出的幾個普適性問題還是值得關注。

如何整合複雜的業務 API ？
如何協調前後端合作？

mock就可以了嗎？
前端除了依賴後端是不是也可以反過來監督後端

3. 小春 - 比較性思維談工程化在 Vue.js 的優雅設計

小春依舊走乾貨策略。這次主要是談論工程化方面的一些工具。涵蓋了非常非常多的工具。但是內容因為太多，而且組織邏輯不算太明顯，聽眾應該會聽得有一些吃力。而且部分聽眾可能還是想聽源碼分析。不過源碼分析在這個場合講好像不是太對……

工程化十分重要。好的工程化能讓工程師更好地去關注編碼的內容。而工程化也是很龐大的問題。本質上小春的選題十分實用，內容也很充足，更像是工程化問題和工具的展覽。但是可能恰當地控制下時長，有更清楚的邏輯，大家會更容易受益。

他的ppt還是十分建議大家瞅一眼。

4. @kalasoo 帶來的 - 掘金 Vue.js 2.0 後端渲染及重構實踐

作為從 Vue.js 0.x 版本就開始使用 Vue 的陰明，更多地向我們展示了掘金和 Vue 緊密結合的發展歷程。其中也包括他們的多次重構。

陰明的內容可能會更適合大部分觀眾的胃口，其中還是涉及到一些編寫 Vue 的好習慣。在目錄結構方面也有一些自己的思考。可以讓大家相應的吸收。

至於是不是最佳實踐這個個人覺得還是要根據自己項目因地制宜，也沒有太多好吵的……

陰明在演講中多次提到的重構經歷，當然這也與他的項目一直隨著 Vue 成長有關。但是怎麼劃分重構的層次、重構的任務以及是否需要為日後的重構提早做籌備也是一個龐大的值得探討的話題。就像陰明所說的，他們現在已經將 View 層分離出來，以防日後發生不測可以替換整個框架。不知道大家在自己做項目的時候，有沒有為這些日後的變化預留一部分空間呢。

5. 李清偉 - Vue在餓了么的應用

清偉的這次分享更像是介紹餓了么在移動端做了哪些工作。從 Vue 組件化到頁面交由運營自動生成，還有包括一些在 weex 和 PWA 上的嘗試。介紹的可能稍顯平淡和簡單。思路是值得借鑒的，事實上在挺多大廠都有類似的機制，甚至有將相關的頁面編輯器產品化的。

可能大家更想聽的是在製作 Element 中的奇技淫巧？或者一些組件化的心得？

但個人覺得對於一線工程師還是有幫助的。如何你能順著他的優化路徑去優化自己手頭上的業務。我相信你也能升職加薪走上人生巔峰的。

6. Weex核心開發馬天翼（早弦）帶來的 - 當weex遇上了vue.js 2.0

Weex 對於 Vue.js 重要性不言而喻。Weex 和 React Native 的正面交鋒一定程度上決定著 Vue.js 和 React 的未來存亡。所以在 Vue conf 上 Weex 自然是不能缺席的。

但是每次聽 Weex 的講座大家都會擔心，會不會都是廣告呀。又或者只是秀成果？然而個人覺得 Gaki 重度愛好者這次帶來的內容真的是誠意十足。講解了很多底層原理，讓大家對 Weex 的理解更為清晰，還帶來了一個內存小課堂。PPT 和演講視頻都值得一看。

儘管演講內容還是有一定門檻的，大家聽起來可能還是會有點疑問，但個人覺得天翼已經極盡所能用最好的方法介紹給大家了。

7. 陸金所王駱菲帶來的- 用Vue，vuex構建超大Web應用—IDE

其實之前我在 SDCC 與 SFDC 也分享過類似的話題，從類似 IDE 產品的開發其實大家可以提取出很多組件模塊化、組件通信的思考。當然這方面的思考 @徐飛也探討過很多。駱菲的演講則更多的是從自己的經歷去描述這種體會。可能對於一線寫碼者會容易理解點。

個人更喜歡這場演講後 @Jasin Yip 的一些提問（果然是做過 IDE 的）。

為什麼要做這款產品？

為了個人的技術提升還是真的想做產品覺得這個大家可以想清楚。

IDE 可不可以幫我們做更多

如何將更多重複性的工作交給 IDE，例如自動雙向綁定？

個人覺得這種求問、偷懶的心態正是工程師所必須的。

最後瞎說一下：

我對演講的期望

Vue conf 和大家習慣的很多會議都不同。從他的命名就可以看到他更專註於技術和細節，某種程度上更像一大群愛好者的聚會。所以其實在選題方面是不是應該走更親民的路線會更佳？

一開始看演講主題時就我個人來說，我希望聽到的主題是

Vue 的未來發展
Vue 和 node 如何結合
如何打造靠譜的 Vue 的工程流
Vue.js 項目重構的那點破事
談談如何用 Vue 開發組件
Weex
我如何利用 Vue 打造自己的產品

事實上昨天聽到的和我期望的還是有差距。不過我還是會有很多收穫。

講師的演講水平的確有待加強。雖然我也知道講師們真的很累，小右高燒、狼叔從銀川回來延誤四個多小時、小春寫 ppt 到凌晨等等。不過觀眾的期望還是可以理解的。

我對觀眾的期望

昨天其實還是挺多不愉快的事情。 @裕波一開場就哭了嚇得我台下一臉懵逼。幾百塊的價錢在北京真的找不到太好的場地，而且在活動中又送T恤又送書的（Qcon 也沒有送那麼多啊！）。所有講師都是免費自願的。一大群人聚在一起好好交流不是挺好的嗎。

昨天也有聽到小左和裕波在聊關於社區的事。其實更多時候真的可以捫心自問為社區貢獻了什麼。但我們在要求這要求那的時候，是不是自己也可以幫幫忙。又或者，不要散發太多的戾氣？

最後希望 Vue.js 和前端社區都有更好的發展～

D2三年連續之後，很久不參加這種現場廣告嚴重的論壇活動，一是覺得風氣不對了，二是有的門票真心貴，買不起！！！

但是vue不一樣，對vue是真的熱愛，於是我來北京了，其實來北京很多次，包括之前在支付寶北京辦公過，該去的地方都去過了，但是學校這種一個都沒去過，第一次來北航，還在北航打了一場球和同學，哈哈，文字不多說，上圖吧：

期待520：

519到會場附近的酒店，路過北航：

在北航打球：

520簽到：

尤大致辭，vue的前世和未來：

社區建設

敬佩的大神，開放的心態做產品，掘金CEO陰明：

來自杭州的小夥伴（怎麼就這麼幾個？）

：

合影，反正我沒找到我自己：

對第二屆的期待：

1.更多的乾貨

2.來杭州吧，也許阿里可以免費提供場地

女友問：「到底是我重要還是 vue 重要？」

================================

當然是女友啊，沒有右手我怎麼寫代碼？

========== 更新於參會後 ===========

其他人對會議的描述已經講了很多了，我就不說了，不過裕波開場白哽咽那一幕，著實印象深刻，主辦方們辛苦了，裕波辛苦了。

嗯，總的來說辦的還是挺棒的，北航的飯菜很好吃(?????)

前端小透明前來回答體驗：

1. 尤雨溪開場簡介，Vue 的起源與展望

介紹了Vue這個項目的發展歷程與設計初衷
這一年來社區活躍度進一步提高，根據vue-devtool提供的數據來看，現今的vue活躍開發大概是全球react的 1/4。
大致介紹了Vue目前的SSR的能力
對Vue 2.4一些將要到來的feature介紹，e.g. 與TS更好的整合、SSR 未來2~8x的性能提升、Code splitting、CLI升級
長期展望，諸如與Google合作的HTML Component規範，基於Proxy的響應式系統重構，單文件組件的CSS改進。

整個開場，有條有理，邏輯清晰，先點一個贊

2. i5ting的Vue SSR與API Proxy層深度實踐

對於這個topic，我是有異議的，首先這是Vue Conf，我聽完整場分享，其實並沒有聽到整個工程實踐與Vue有太大的關聯性和必然性，除了偶爾有之卻強行應景(至少我認為)的Vue SSR。

因此這個分享看似與Vue有關聯，倒更不如說是對Node.js過去的發展的一個梳理。首先介紹了Node的現狀，分析了非同步流程式控制制，但流程式控制制這個話題我覺得已經沒有意思了，時下已然是2017年，Node的流程式控制制手段已經足夠豐富，Promise/Generator/async await/rxjs 有各種實現幫助解決這個問題，並且一定程度還達到了互相彌補。隨後展望了未來，提到了PWA、提到了Isomorphic、提到了API Proxy，提到了SSR。實際上同構和所謂的API Proxy都已經不算新鮮了，社區里討論這些話題都有些年頭了，Node做接入層的思路也在各個大廠中實踐並且落地..有幾個年頭了。至於SSR里倒是反覆提及了Vue SSR與BigPipe，但我會更傾向接受講師去比較同是Server rendering下這2者的優劣點的分析，但講師只是一筆帶過——Vue SSR是比BigPipe高級的多的技術。其實BigPipe是Facebook早年出的一個非常棒的工程化產物，原理不複雜，但卻實實在在解決了許多工程問題(可以結合新浪微博早年的一些PPT來看)，這裡面有不少值得分析的場景細節（比較有趣的是，雖然講師說Vue SSR更高級，但之後另一個講師就給出了自己的意見：可能Vue SSR還沒辦法達到大規模、高並發的生產環境部署條件。然而BigPipe不僅在Facebook上部署了，還同時切實降低了感知響應的時間)，至於再之後提到的API Proxy可以實現的某些優勢類如監聽後端欄位的變動等問題，我個人看法，還不如完善CI與各環節的測試用例來的更體系化，問題也會發現在更早的階段。

3. 小春帶來的- 比較性思維談工程化在VUE.JS的優雅設計

這個分享就是帶我們梳理了一遍從yeoman到webpack的工具鏈演變歷史，科普了webpack plugin怎麼寫，下次或許還能加一些google closure的戲份，畢竟這個老牌工具也還是有些獨到的秘籍的。

私下吐槽的話，就仍然和vue本身及其實踐關聯性並不大，因為幾乎就沒聽到和VUE優雅設計有關的內容，當然可能是時間原因。

4. 陰明帶來的 - 掘金 VUE.JS 2.0 後端渲染及重構實踐

非常棒，我給95分，考慮到這可能是陰明的最後一個技術分享，那再加10分 = 105分。

分享主要分3個部分推進：掘金的重構歷史，架構設計，某些場景下的最佳實踐。

首先是主要介紹了掘金這個網站過去基於Vue做的四次重構的進程，分析了重構的原因和結果，隨後分享了目前掘金整個項目的架構，大致包括30+ views，40+ components，富文本/markdown editor，一套用於做事件溯源的Event Bus系統等等等等。接著像前端同僚科普了在複雜應用中領域驅動設計(aka DDD)的架構設計思想，並且切入到實際場景，分享了這樣的架構解決了什麼問題。之後又是不可避免的談到了SSR，簡而言之掘金目前的方案就是：cache everything，否則硬體有可能支撐不住。

5. http://Ele.me李清偉帶來的 - Vue在餓了么的應用

由於Element UI已經成為Vue.js UI library的代表項目，因此這部分就暫時略過不談。清偉這邊主要帶來了基於Component體系的一套前端服務化的思路設計與實踐：提供一個Vue實現的編輯器，允許前端開發以插件的形式提供業務組件，方便運營的同事可以以可視化的方式直接調整並生成會場/活動頁，一定程度上解耦運營同事和前端開發之間的耦合，提高生產效率。

隨後，由於餓了么也是Weex方面除官方以外的先驅，清偉還帶來了一些這方面的心得，大致如下：

經過weex改造後的頁面渲染速度提升明顯，頁面秒開
iOS平台上表現優異，渲染時間小於.5s
但三端體驗存在不一致，對HTML5支持不完整（隨後被另一位講師補充新版本已得到更好的支持）
沒有cookies，但倒還是有workaround
沒有熱更新
對富交互的場景支持有限

6. Weex核心開發馬天翼帶來的 - 當weex遇上了vue.js 2.0

首先是補充了上一位講師所描述的一些信息，諸如HTML5的特性已經得到完善、動畫方面亦有增強。隨後是科普了一下，weex體系下，一個.we文件從引用到執行的過程，並且提到了由於weex 2.0採用了內嵌vue2 core的做法，因此對vue2.0的語法有很好的兼容性。但不可避免的，weex的開發仍然與原生web vuejs開發有一些區別，簡單羅列一些我記得的：

沒有DOM
只支持部分事件類型
默認採用Flexbox布局
默認採用scoped CSS
不能為元素設置background-image
沒有默認滾動
和原生應用共同展示時可能存在一些單位上的不匹配導致樣式錯位

另外就是開闢了一個內存小課堂，簡單描述了一下Weex中可能導致Memory leak App crash的原因，關鍵詞：盡量別在global上綁變數。

7. 陸金所王駱菲帶來的- 用Vue，vuex構建超大Web應用—IDE

講師帶來了一個基於Vue Vuex實現的IDE prototype，並得益於Vue優秀的設計，可以極其方便的為之添加新的特性與插件。IDE本身響應及時，插件組件編寫方便，但在這個議題中，我其實反而會更願意聽到講師在實現IDE中遇到的一些坑，如何使用Vue解決這些問題，而不僅僅是插件系統和Vuex的選型描述。因為眾所周知，富文本編輯器一直以來都是前端領域一個比較麻煩的問題，多一些這方面的指路，或者也可以進一步分享下，如何在IDE中對文本代碼做AST分析從而實現intelliSense，那麼我相信這個分享的質量會更加的高。

至於IDE本身，實話實說，微軟在IDE這方面浸淫更專註也更深，Language Service 很好用，有TS加持後vue開發亦會更順暢。我支持講師的自我實現(而且愛老婆的男人運氣一定不會太差，233333)，但於情於理於我本身，我更傾向用VS Code。

以上來自一名跨越千山萬水來北京的小透明的心得體會，若有冒犯還請海涵。

P.S. 本著客觀中立的態度，我會更建議事後看以下幾個分享的PPT

開場，陰明，李清偉，馬天翼

(先匿，後逃，回我珞珈山

看了眼ppt 有個人介紹了一大堆工具感覺不到意義在哪裡……

搬運下這個問題的答案：如何評價5.20在北京舉辦的vueconf？ - 知乎

1. 裕波開場

裕波有點哽咽，好像是因為門票超售，有的人沒有座位，有些不滿導致的。裕波向大家解釋了超售的原因，以及大會並不賺錢，同時表示了歉意，並聲明可以退票。個人覺得裕波是出於好心，讓更多的人聽到演講，但是事情沒有處理好。超售的最好是站票（價格可以低一點），這可以避免之前買了票的觀眾引起不滿。

2. 優大講 vue 的過去，現在和未來

講了 vue 的發展史，現狀，還有一些大公司的合作，下一步好像為 TS 提供了更好的類型推導支持，更好性能的 ssr (基於字元串模板)，以及 vue-cli 的計劃。聽完感覺 vue 在世界範圍應該是越來越受歡迎了，許多大公司都都開始從不同維度的支持 vue。

3. 狼叔講 vue ssr 和 api proxy

本來我很想聽 vue ssr 這塊的，但是狼叔 vue ssr 部分講的不多，主要講了 nodejs 的發展現狀和用 nodejs 實現 api proxy 層的思路。我覺得對我來說沒有太多收穫，都是自己熟悉並使用過的東西。

4. 小春講工程化和工具鏈

小春說自己的 ppt 有100多頁，結果時間有限沒有講完。對比了幾個主流框架的 cli，腳手架工具，最後講了下 vue-cli 的一些細節。正好我自己也寫個一些命令行工具和現在的項目腳手架，所以講的東西我之前也都研究過了，對於沒有用 nodejs 開發過命令行工具的朋友來說應該會有收穫。

5. 陰明講掘金的 vue 應用

主要講的是掘金的 vue 使用歷史，然後是項目架構，ssr 的處理，最後講了為啥不用 weex 的理由。提了下微服務架構，這也是我們公司使用的業務架構，所以深表贊同。這種更細粒度的業務劃分，對於項目技術人員的更換，是比傳統的業務架構有優勢的。

6. 餓了么的同學講 vue 的應用

沒聽，在打王者榮耀。

7. 馬天翼講 weex

沒聽，在打王者榮耀。

8. 講如何用 vue 來構建一個 IDE

沒聽，在打王者榮耀。

由於我司（美菜網）的大多數技術棧都基於 Vue，小夥伴們抱有很大熱情，在公司的部分贊助下參加了大會。和尤大合影之後決心以後也要化身一個帥一點的前端大牛。

正題：

相比於去年的 JSConf，VueConf 因為是首屆，並且是更加細分的領域，其實規模上要小很多，目測人數為2016年 JSConf 的1/4，不過到場的應該都是 Vue 的實際使用者，共同語言相對還是多一些。

大會的內容在其他回答裡面提到了很多，不重複了。組織者很辛苦，開場的時候主持人有些哽咽，可能是因為超售了一些票的原因和參會者產生了爭執。不過還好沒有影響到後面的進度，整個大會的時間進程把控非常好。很贊。

尤大的一些規劃，因為我們團隊技術現狀，SSR 暫時走不到，但是我們目前也在調研 TypeScript 遷移的可能性，算是給了一些支持。

個人覺得小春、陰明、李清偉、馬天翼的一系列分享當中，雖然介紹了一大堆工具，看上去比較混亂，但是其實都是一線開發者解決一些實際問題的乾貨。個人方面對小春的整套解決架構映像深刻，可以反射到目前公司移動端 web 架構中。而餓了么的CMS系統，也是我們前面半年正在實際操作的東西，挺厚開拓了一些思路。這幾個資料之後會稍微回顧一下，下周和組內的同學再做一些討論。另外狼叔提到的監督後端的系統，我們正好在設計，但是不會走他介紹的定時掃描監控，而是做成類似錯誤預警的Api監控系統。

最後一位分享基於 Vuex 的 IDE，個人覺得有些多餘，當然還是要積極性還是要鼓勵的。。。還好他也沒有講很久，沒有耽誤會後和妹子的約會、吃飯、電影、泡吧。。。

去年黑過參加寧JS（JSConf CN 2016）是個什麼樣的體驗？，今年還是想吐槽，Vue 大會的提問。提問者們關注在開發中的細節問題解決，這沒有問題，但是這些問題如果在 github issue 上提出會更好（當然也體諒現場提問可能能引起開發者的直接重視），現場幾百個聽眾的時間比較寶貴，可能需要一些更加有價值的問題，而不是由於開發者自己升級版本或者不明白怎麼使用組件而造成 bug 的問題。其實不做提問也是可以的，畢竟大多數時候回答問題的講師已經對某些問題略顯尷尬。

會上加了一些群，會後也退了。。。一般技術群的乾貨實在比較少，還老跑流量= =。參加過幾次前端大會以後，感覺還是有點浪費時間的，少不了乾貨，也貼近去更多時間成本，短期內不會再以普通嘉賓身份參與了。

以上

我們是美菜網的商城前端團隊，目前正在使用vue的技術棧開發移動端商城和 PC CMS 後台系統。尋求志同道合的資深/高級前端工程師 or 牛逼的實習生，可以私信我 or yanweiqing@meicai.cn。

各種禮品紅包搶不到；

加入了一堆群（比如北京vue擼串群）；

收穫了一堆表情…

老哥，你這不厚道，才 13 號，為了提問而提問，沒意思吧？

同事幫我買的票，520 元。

微信轉賬還錢的時候，糾結是轉 521 還是 519 好。

現在大家都開始搶問問題了嗎？逃...

看了某些回復，給陰明105分的就知道答主水平了，那目錄結構，那分層，那三十個頁面，也好意思給那麼高分，值得讚賞的是演講技巧、心態和盲目的自信。尤大不必點評，狼叔本身就是佈道node，所以很正常，小春做了很多準備，對腳手架分析的不錯，可惜大家關注點是vue源碼，期望值沒有完全匹配上，很風趣，李清偉和王洛菲的有內容但略平淡，沒有把出彩的地方表達出來，最後的那個馬天翼(早弦)的分享據說是weex首次無廣告深度分享，我聽懂了，很不錯，不點評weex使用如何，從原理上看確實不錯。

大家做開源都不容易，都是三個以下的團伙，大家多包容，多貢獻吧！

狼叔昨晚發了一篇《520，VueConf，我們應該給一個男人點贊》，裡面說了裕波組織會的種種辛苦，確實應該點贊！希望國內有更多這樣活動！希望Vue發展越來越好~

強行回答一下吧。只是我自己個人的觀點，不喜忽略就好。

1、尤大的開場演講——《Vue 2017 現狀與展望》

掘金第一時間就發了VueConf 大會現場筆記，有興趣的可以自己去看一下。

Vue從第一次提交代碼到現在，差不多正好四年的時間了。剛開始本意只是想做一個視圖層的框架，後續慢慢發展為一個MVVM的框架，到現在成為github上star數排名前十的項目。月npm下載百萬、Chrome 開發者插件 17.4 萬周活躍用戶、多個依賴Vue的開源項目、300多位貢獻代碼者。

因為前一段時間剛剛更新了2.3版本，所以講了一下新版本在SSR上做的優化（通過分析 Webpack 服務端和客戶端的構建信息，自動推導需要在客戶端預載入的文件，生成最優的 & 和 &鏈接），以及對函數式組件（對props和on的處理）和非同步組件（可以配置loading組件和error時的降級組件）的優化。

最後說了一下下一個版本2.4要做的事兒，包括更好的和TypeScript整合，VScode團隊會針對Vue提供更好的類型推到等支持；SSR性能的進一步優化，之前qq空間的郭佳倫在前端之巔上發了實測Vue SSR的渲染性能：避開20倍耗時的文章，尤大應該是收到了他的建議（會上沒有明說），在下一個版本會在SSR時，對內容進行分析，能字元串化的就進行字元串化，不能字元串化的保留vdom。

還是有就是要對vue-cli進行升級，還有一些長期上的展望。

2、狼叔的Vue SSR和API Proxy層深度實踐

這部分內容和Vue本身的關係可能不是很大，主要是Node和服務端渲染。狼叔先是講了Node的現狀，提了一下非同步控制的發展callback——thunk——promise——generator——async，還講了模塊系統和打包工具的演變。然後講了通過BigPipe來優化首屏載入時間，利用LRU演算法來優化cache。

後面講的更多的是在實際項目中總結出來的實踐經驗吧，由於API可能來自不同的部門，對前端不友好，跨域等；產品需求經常變但後端不好變，後端更願意給客戶端、前端一個統一的介面。所以引入一個API Proxy層，向後請求其它底層或其它業務的介面，向前通過BigPipe提升首屏優化並提供非同步請求的介面。

還講了對請求的優化，盡量復用request、通過response對api進行反向檢查。後面有些走神，只記得講了mock數據方便了fe，但增加了後端的工作量，要是變了要改兩份比較麻煩，但我們可以利mock來反向測試服務端API。

3、小春的用比較性思維談工程化在Vue.js的優雅設計

這一部分由於講師準備的內容太多，最後沒講完。

首先講了幾大框架腳手架工具create-react-app、vue-cli、angular-cli等的實現原理和它們之間的優劣對比。

我們開發時，使用的構建工具基本都是webpack。接下來的內容就是講了在配置webpack時的一些更好的做法，以及處理不同的內容，常用的插件有哪些，並講解了部分工具的實現原理。

講了babel、ESlint、講了Flow、.vue單文件組件編譯的原理、vueify原理、vue-loader的原理、還講了Vue源碼中使用的構建工具Rollup。

最後是自己的一些收穫。總之是乾貨滿滿，對於只會用不懂原理的人來說，可以學到很多很多。需要自己慢慢消化的內容也有很多，知乎上也有人單獨提了聽前滴滴公共前端團隊負責人、vue權威指南作者張耀春在 vue conf 大會的演講是怎麼樣的體驗？的問題。

4、陰明的掘金 Vue.js 2.0 後端渲染及重構實踐

這部分內容主要講的是掘金從剛開始到現在經歷了四次大的重構，以及每次重構都做了哪些改進。分享了他們實踐中架構的調整、service等模塊的增加；重構後現在他們的目錄結構是什麼樣的，每個目錄中分別放置哪些內容；開發環境、生成環境如何切換等。還有就是Vue SSR服務端渲染的性能問題，掘金做了6分鐘的緩存。

5、李清偉的Vue 在餓了么的應用

恩，餓了么單身前端工程師

首先講了做一個開源的Vue組件，都要考慮哪些問題，比如易用性、可定製化、國際化等，還要做完成的單元測試、文檔的更新、社區的維護等。

還有就是他們在業務中的一些使用，講了一個配置生成banner的例子；還有就是pwa和weex上的一些嘗試，對比了H5、RN、Weex的一些優劣。具體感興趣的可以自行查看ppt。

6、馬天翼的當 Weex 遇上 Vue.js 2.0

多次強調自己喜歡女的單身前端

這次對Weex的分享，廣告成分很少，內容也是比較好的。

首先回答了之前講師提出的一些weex上的問題，然後分享了Vue2.0出現之前，weex的整體流程，以及每一步都進行了哪些操作、進行了哪些處理。

①.we文件打包成一個js文件

②通過js framework來解析bundle，將內容映射到內存模型。之前是利用eval解析bundle文件字元串，現在改為通過new Function，後者的性能更高。

③舉例講解如何與Native進行通信。用戶行為和原生Native之間引入了一個mvvm。

vue2.0出現後，weex的架構做了調整。

①.we文件改為.vue文件

②之前bundle編譯是模板、腳本、樣式分別編譯為js，然後通過webpack合併，現在改為模板編譯為render函數並通過vue-loader處理。

③之前的js framework改為vue core + weex runtime

還講了web和weex的不同包括DOM、BOM、事件、布局、適配等。並且weex已經解決了其中的一部分問題。

最後講了內存泄露的問題，已經我們如何利用Safari提供的工具來調試內存。

7、王駱菲的用Vue，vuex構建超大Web應用—IDE

這是最後一個話題，作者使用vue+vuex做了一個編輯器VIDE。主要講了在開發這個大型交互應用的過程中，組件之間通信、事件處理等上做了哪些處理。

剛開始通過event bus來組件之間通信，各個組件之間猶如一張蜘蛛網，錯綜複雜。由於業務越來越複雜，引發了架構上的調整，包括引入vuex管理全局狀態和組件之間通信，功能插件化等。插件化還可以方便其他開發者來提供插件。實現一個編輯器還是比較有難度的，畢竟涉及到的內容比較多。

個人感覺組件通信、事件處理這種東西，自己親身實踐感悟會比較多，而且有了因為vuex加上自己的一些擴展，可能並沒有什麼高大上。這種富交互大型應用，主要是要架構上設計要合理，其它就是一點一點填坑了。

以上內容僅代表個人觀點。。。說錯的地方歡迎指正，遠離撕逼，從我做起。

另外，打個廣告，最近在寫[Vue源碼分析](liutao/vue2.0-source)，歡迎吐槽學習。

感性的方面講，感受到濃濃的大家庭的氛圍，每個人都想把這一件事情做好，簡簡單單，單純的都像個孩子。全程聽完，乾貨滿滿，收穫很多，我還可以再來聽一天。

附尤大一張照片

因為技術比較菜，而且目前所做的項目用不到SSR和weex之類的，只能說大概了解了下大牛們都在研究什麼趨勢。最大的收穫是現場找到了eleme的李清偉寫了個demo提了個工作里遇到的eleme組件性能問題，可惜也沒有當場解決。。
感嘆一句大牛們都好年輕啊，94年的馬天翼，李清偉年紀看起來也很小，真是羨慕

當偶像好累啊，吃飯的時候坐在尤雨溪隔壁桌，從頭到尾一直有人要求跟他合影拍照。。吃個飯都不消停

大會質量還行，是我太功利了

第一次參加conf好激動的說，能把自己的第一次獻給Vue的第一次簡直棒！

具體內容可以參考：VueConf 感想與總結 - 掘金

精簡版如下：

1. 會後才知道，原來尤大大昨天凌晨發高燒，今早還是帶病來進行了本屆大會的開場主題演講，在會後還熱情地和喜愛Vue的小夥伴們一個個合影，不由得深感敬佩！近距離接觸尤大大，發現他特別平易近人，絲毫沒有大神的架子。了解到尤大大是86年出生的，13年（也就是27歲）寫出了第一版Vue。打算把尤大大作為自己的男神和榜樣，希望自己五年後也可以像尤大大一樣做出屬於自己的東西。（貌似有點不自量力23333，總之要加油！You can make it !!）

2. 狼叔還是很有個人魅力的，嗯。對SSR的原理有了一些基本的認識，知道了目前主流的打包工具為webpack 2，正好最近開始學習webpack，看來沒有學錯哈哈！狼叔還說如果你想晉陞，那麼最好學學webpack，看來自己需要更加重視webpack的運用以及原理的學習。

3. 小春的演講誠意滿滿乾貨十足，由於講的太細還有點超時了。由於小春剛剛從滴滴跳槽到了，導致主辦方的關於小春的信息還沒更新。自己回來之後重新學了一遍PPT，感覺很多vue的原理性的東西，收穫不少。

4. 陰明說這真的是他最後一次技術分享了，不知道大家信不信？我覺得陰明的這次演講還是很不錯的，既有乾貨又有情懷。在回答問題階段，陰明說他不是為了學前端而學的前端，他最開始學習的目的單純只是做自己的個人主頁來裝逼，因為想要給自己的主頁加上炫酷的效果，所以開始自學相關的知識。他認為，抱著一種解決問題的態度去學習知識是最有效率的。我十分認同。以後在自己學習前端的過程中，也要注意問題導向，項目驅動。自己給自己定個目標，例如做出自己的App，小程序。然後讓目標驅使自己去主動地獲取知識。（與此同時，也要注意紮實的基礎知識的掌握。）

5. element 僅僅只有3個人負責，一周一次更新

6. 知道了整個weex 項目原來只有13個人(其中前端僅僅3個人)，很吃驚。Weex包含了vue2.0內核，可以看作vue的三端實現。覺得自己可以嘗試用weex完成移動端的vue編寫。

7. 想嘗試在VIDE中用Vue寫插件

8. 希望自己能夠為vue社區這個大家庭做出自己的貢獻，也希望有朝一日能夠成為vue在github上的Contributors！！！加油！！！

9. 衷心感謝波大對本屆VueConf做出的貢獻！！

我就關心k開頭的動漫是啥～

總不能是k-on吧(?ω?)

一個新興的框架社區活躍了才能更快的進步！

參加完大會感覺vue的生態越來越完善所以會堅定不移的使用vue

一場非盈利性質的大會主辦方真的挺不容易！點贊！

最後非常榮幸能與尤大合影！感謝尤嫂熱情的幫拍！

看到這標題我猛地一驚，我買了票難道忘記去了... 趕緊看下日曆才13號你們這提前量有點大啊

害怕Vue狂熱粉，可恥的匿了

說幾個驚奇的醜聞吧！

1，票買超了，導致後面進來的人沒座位。講情懷說舉辦這個不賺錢，不願意的可以退票。

2，尤大前陣子遊玩了一圈，昨晚感冒發燒了。

3，狼叔身份證丟了，昨晚沒地方住，貌似是去前公司熬了一晚。

4，小春跳槽摩拜了，ppt寫到晚上4點。

5，陰明可能是最後一場演講，以後不在一線code了。在講掘金架構時，把view層單獨拿出出來，說以後可以方便的切換Vue或其他框架。回答項目重構如何平衡需求時，表示自己是老闆，他說要重構，就重構。

6，餓了么比較中肯，組件配置化的主題，可以讓運營發布廣告活動什麼的。

7，早弦表示公司可能要安排開發React，提問環節也很有意思，阿里員工問早弦怎麼使用，公司內部群沒人回復。

8，最後一個哥們花了好幾年用Vue做了一個簡易版的「Vue IDE」，說實話，這些功能，C#同學看了會無語的。

9，贈送的物品質量不錯，布制提袋，襯衣，筆記本，貼紙～以及小零食和午飯質量都不錯，比肩Qcon。

10，整個分享基本沒有深度，掘金還有點秘密，其他分享大部分在百度都可以搜到。

說下感受

本來準備用Vue開發，聽了這種情懷+培訓班似的演講，堅定的拿起React。

說下聽到的Vue方向

尤大下一步的方向是SSR優化和Vue-cli3。