朋友之約，去了這一次TFC。朋友團隊來個幾人，都是一些年輕的小夥伴，想了解交流團隊建設方面，因為自己帶團隊只有3人，想學習一下方方面面，而自己在行內一來沒有什麼名氣，二來自己平時做項目多，但少有時間去做一些輪子或投入開源，畢竟在澳門企業上班，有點受環境影響。

總的來說，這次真是收穫良多，良感。技術上獲得是多是早上場的，然後才是下午場。現在開始慢慢回味了….

7:02AM，首先之前小伙伴說過，早上的鳥兒有蟲食，和朋友來會場比較早，發現自己是抽中自己最幸運的16號，盡管後來知道正態分布的抽獎，這號碼也是概率真難說。和身邊的陌生朋友打聲招呼。


8：50AM後，原來真這麼多人，全場都是，那感覺真覺得前端無限好的感覺，開始表演，民遙風格的Bang隊和有點kay tse的喜帖街，可能會讓遠道而來的朋友感受到本地民風，一些港味和文藝，但去到 成都 這首主題歌，現場有點欠準。當然，還有熱舞。

<video height=”350” controls=”controls” style=”width:100%;max-width:650px;display:block; margin:20px auto;”src=”https://download.gemer.xyz/soucre/images/tfc/hot.MOV">

9:10AM主持人致辭，是tencent前端當家黃老師，說了一些回憶，IE6那段時間，說了一些行內關於無障礙技術推廣，說了些對未來。

9：30AM接下來是 大牛 Nicolás Bevacqua 的開場，因為語言問題，抬頭看下能聽懂的很少，我口譯部份給朋友聽，主要都TC39的歷史，以及es6 各個stage情況，還介紹es6 一些新特性，async iteration,rest props, url regex/name cap,class decorators等等，其他也值得去看，特別 regex那部份，因為其他已在用。

10:00 AM 全民直播CTO張雲龍的演講，回顧來說，可以講這場是這次大會最好的反應和經歷分享。開場時，張雲龍做了一個百度張超的梗，會場反應熱烈，他的演講風格比較儒雅和吸引人，說了團隊初創的一路走來的故事，以及他個人成長歷程，對我來說產生很大共鳴，因為自己在到分公司工作，是工號001的人，對於這些還真有感覺，然後說了一些技術分享，gitlab加pinline加dophine的dom測試，以及domain map的確是初創很好的選擇。相當我們選擇docker version phabricator,有時連jekins都配不到，還是覺得他們CTO真懂技術。然後他的物理看板，還是引起會場熱鬧，不過細心想，小團隊有時真心好用，現場溝通快，反應好，相對我們的trello，有時更改真心不想看。最後的軟廣直是極致，心最想跟著走。。。

10:50AM justjavac迷渡的面對v8性能優化，可能面向有點深，現場氣氛真點迷，不過有接觸過raspberry pi和C有點基礎,印象比較就是那javascript 各類型加法以及原理，以及關於內存以及 complied後落入低位float 32的優化以及未來 big Number引用，以及在js中引入C各種優化，還是加強了底層的認識。

13:40PM 午場中很熱烈，各大攤位，各種擴廣，拿了點stick,大牛 Nicolás Bevacqua 也在簽售，我也買了本書和找他簽名，但見之前很少人和他交談，見此，我也主動和他，畢竟我也有點英語功底，開場大概如下：

I: hi, Nic, Great presentation!
Nic: yeah, thank you!
I:It`s our honor to have you here!!
Nic: yeah, yeah,thank you, what do i sign you book?
I: for Gemer.
nic: Where are you working?
I: yeah, I’s working at Macau.
nic: that name is latino ?
I:（興奮中和蒙逼中）Yeah yeah…..
I: can I take a photo with you?
nic: yeah yeah.
I: thank you, has a nice day! good lucky…

然後我才發現，興奮中發現他才我寫成 latino的gema,心中一萬個…..是自己太興奮成一個迷弟了。

2：30 PM後，回到會場1，聽完了 WebGL 和 There.js 的introdution，和3D scence場景和 material 材料，因為之前也有接觸過 maya也知道 render的事，再後面只是小demo加說了一下 camara的事也沒有什麼幹貨，我還以為有其他threejs和aframe或者現在的react vr上有點料，結果還是真沒，有點失望。然後聽了主場2 webRTC，有點CDN霧計算概念,不過聽了這場的提問，主講人沒答，但他的同事回答，但我真不想吐槽，經常用英文qoute,加上北方中文，但那發音真叫人難受，聽都聽不到說什麼，真是黑人問號在心中。還不到自己google about it.會場3多人沒去，然後聽了些圓桌會議，發現提問者是偏向於框架使用，或者行業職業的建設性，前後端分離等等，實際性真不多。最後捱到抽獎，結果運氣敵不過正態分布。

最後也沒抽中個什麼，只是認識幾個小夥伴，和朋友say goodbye.坐船回珠海了…..

總結：整體來說TFC還是可以的，酒店用sheraton，有點檔次，如果在澳門，那選擇更多了，的確也很難照顧到方方面面，對於新人來說，看到了整個前端行業有點朝氣，對於資深的也感受到方向以及行業新鮮血液的上進和同行的交流，演講者看到自己的演講能力和對比，對於所有人來說都是一次不錯的成長，雖然有些不足，見到好幾個講師緊張以及氣氛調動上，但總體來說是算是前端盛會，沒有去細說框架與喜好，更著重是項目的實踐性，以及大方面改進。當然tecent的真的對玩法及營銷去到團隊骨子，不得不佩服，wechat的贊數對於我這些不喜社交的真是被逼的感覺。可能其中遺憾是家裏有事，不能和朋友過夜聊聊天。

一切都好。

近來在寫一抽獎要用到輪盤的項目，發現當時只能用圖片難以修改長度和range的份數，後來想到用svg來實現，就用寫chart用到的 d3.js,完美解決。如圖：

下一次版本，會考慮加上九宮格抽獎以其他可以的方式抽獎，或者利用canvas做一個彩帶confftti的效果。






只要有人的地方就有恩怨，有恩怨就會有江湖，人就是江湖。— 金庸


這段時間前端最熱鬧的事莫過於阿当老師事件 ，關於一片關於前端2016的考察，文中主要觀點是，建議新人關於前端入門更多的是注重的是基礎，寫發jquery和css等，不要去追什麼reactjs和vuejs等新潮的技術，結果引來vuejs作者和同行中許多的各種爭議。

在知乎上，觀點幾乎是一邊倒的，這也無可厚非，這個開倒車的行為有點過失，邏輯存在 Major Conflict。

在這個爭議中，引起我的思考的，不是技術的對比，或者雙方論點論據的優越，而是對於前端的認知，一個心理的行為認知。

對於非科班出身的，當初進入編程行，莫過於前端與php的入門，這也是至今說php是最好語言的一個表述，因為當時入門的最容易的就是php+mysql+jquery這一套東西。對於當時只有pc的年代，另一套是java系列。

隨著手機ios和 andirod 以及多端的出現，必然出現更多複雜情況，慢慢出現前後端分離以應對，但是分離後，前端該怎樣了？以往權力是後端控制前端，只是當前端view層面，因為習慣MVC了，但是前端分離出來，在前端不斷完成自我人格的時候，必然同現要權的行為，從angular1開始，就體驗到在views拿到了control和data flow的權力，而且directive的創新概念影響後代的reactjs和vuejs以及ember等主流框架，可以說angular1有著開時代的影響，就如當年的yahoo的Mootools和Prototype。

至於現在前端主流reactjs和vuejs以及jquery之間的區別是什麼，我簡單解析下：

jquery可以說影響前端比較深遠的一個框架，是框架嗎？其實不是，準確是javascript的工具集，在這之前還有Mootools和Prototype等優勢工具集。 為什麼說jquery影響深遠，因為他將native javascript簡單歸納成易用易維護的dom操作，插件plugin易extend和開發，event以及交互上，以及樣式控制。對於當時來說，也存在很大爭議，對於寫習慣原生js的人來，就如今天之爭。

而對於現在初學者來說，怎麼學好reactjs和vuejs？一般入門者都喜歡站隊，其實不必然。因為reactjs和vuejs相似又各不同。

對於reactjs來說，可以說和jquery一樣相當影響，簡單來說，reactjs就如上文所說，現在前端框架是真是框架並不是工作集，例如：

1. 獨立的人格。就如lifecircle生命周期的概念，生命周期就如人一樣，出生，成年，死亡和回收大自然，所以有componentWillMount, componentDidMount,componentWillUnmount 等生命周期階段.

2. 生物信息流。對於state props來說,可以簡單講信息流，就是人一樣的身高，體重，以及dna,fingerprint一樣，就如人的生物信息流，那麼這些信息流會改變或不變嗎？其實不能說去量化這麼信息，reactjs只是記錄這個過程，就如你出生體重到死亡成灰都有一記錄值，就如性別一樣，你一樣可以改，但在更換性別前時就有一個記錄是什麼條件下改變的。

3. 社交記錄。至於redux，又是一個什麼概念了？其實簡單來說，各個component之間社交行為紀錄，在沒有 redux,reactjs 會將props和state的變化各自記下，就如A借錢到B,B又把錢C，C要還錢還B,B再還給A，但有 redux時就可以，C還錢給B， B可設置action在收到C錢時dispatch直接還給A。而且 redux的數據是怎麼記錄的？，你可以想像就如圖書館，你每看一本書，就要去借入記一次，歸來記一次，就如會計帳記錄，衝正也是記錄，所有行為可以trace。

4. 自我反復思考糾錯。至於virtrual dom又是什麼概念呢？因為javascript 的actural dom是一次渲染出來，以前開發時修過只是通過人工fresh才可看到，而virtrual dom只是在真正渲染前用diff算提交一个path的去更新view ，就如一个自我糾錯的行为一样。

以上也是vuejs2改版之後也具有的特性。

兩者有什麼不同？可以講都是人，可以講男女之別。

reactjs 就像男生一樣，想法多，得想到方方面面，但風氣就如農村的重男輕女，習慣繼承皇位。

vuejs 就像女生一樣，嬌小，思維直觀，template javascript style， 每個 componet 像 derivative 可自義聲明，有點女孩子富養的感覺。對於習慣MVC思維有一個好的幫助。

那 angular 4呢 angular 2開始 typescript 寫，入門門檻更高，也採用新時代特性，習慣 flowtype和強類型的前端有了一個更好的選擇。

江湖門派之爭，總有好勝之爭，這是好事。但想成為真正強者，還是知各家所長所短，不然到真正華山論劍之時，不學無術者自然是給淘汰。我的建議，潛力去研究，學其所長。