D2-現代前端-對視覺和交互的探索

01-25

在我的BLOG上觀看獲得最佳體驗。

今年我作為分享者參與了阿里D2會議，做了一個關於B站近來對視覺和交互方面探索的分享。在這裡，我將以一篇文章的方式，將分享里PPT的內容再論述一遍，算是加深印象，也方便未來鞭策自己。

PPT在此：現代前端-對視覺和交互的探索

視頻在此

圈內的大家想必都明白一個現狀——現在的WEB前端圈子、尤其是國內的前端圈子，工程師們自己對前端工作的評價和用戶對前端工作的評價其實是脫節的。也就是說，很多時候，我們自己覺得用了一個十分牛逼的技術，做了很多工程、架構上的突破，但用戶卻要麼沒什麼感覺、要麼反而覺得還不如原來的。誠然，我們可以用所謂用戶的「慣性」或者「不懂」來麻痹自己，但這並不能解決任何問題。

個人來看，這其實和近年來前端的飛速發展和從傳統領域一下搬運了很多概念有關。飛速發展並非不好，但現在來看，相比傳統前端「直接服務於用戶感官」的方向，大前端方向顯然吸引了更多前端從業者的目光。這也不難理解，畢竟對於個人發展而言，掌握更多的技術資源總是好的，而且相較於傳統前端的視覺和交互方向，大前端看起來能做更多事、更能被老闆重視。可悲的是，這一點在國內很多時候也確實是事實——這樣導致的結果就是我上面所言，前端從業者逐漸脫離了用戶、不再去研究用戶觀感和交互，而是一窩蜂向著後端侵襲。

這使得當下的WEB前端處於一個尷尬的位置——拋棄了老本行，和後端搶飯碗。但本質上，在後端領域，我們其實也就是二把手，根本接觸不到核心、也做不到核心。所以，我覺得拋棄「視覺」和「交互」這兩個屬於我們本職的技術是不合理的。我知道很多程序員都會覺得單純粗暴的邏輯、優雅的工程架構更加有親和性，這一點曾身為FPGA工程師的我也十分清楚。但我們也不能為做效果、探索交互麻煩就不去研究它，如果失去了這兩樣，我們前端的核心競爭力又到底是什麼——畢竟只是寫邏輯的話，後端或者演算法同學不一定比我們差，對吧。

工程化確實要研究，如何讓系統更加魯棒也是必要的，代碼規範、設計模式、基本數據結構和演算法、FP等也確實需要學習，但那些是每個程序員都應該做到的，和前後端並無太大關係。我們真正的核心競爭力還是在於研究如何讓用戶更好地體驗到新技術帶來的感官衝擊、帶來的交互便捷，這才是我們的老本行。

所以這一年來，我在B站的工作基本完全由活動後台系統轉到了大型活動開發，在這樣的一些活動上，我得以運用一些新的技術、去做一些新的嘗試。其中一個明顯的例子在於在這些活動上我幹掉了IE全家桶、安卓5以下、iOS8.3以下，這使得在做活動的時候也可以伸展拳腳。

而這也是我本次分享主題的來源——《現代前端——對視覺和交互的探索》。

本次分享分為幾部分：

第一部分是我關於前面所做活動的回顧，技術分析我以前也放過了，主要是BML2017主視覺技術剖析、Bilibili《七夕之約 - Double;7》技術剖析還有下周要上線的聖誕活動（活動文章已經寫好，等上線放出）。畢竟是一場技術分享，所以還是要有一些乾貨的。不過受限於時間，無法講的太細，所以可能會有些同學覺得太散了，這一點可以利用我前面所寫的文章補齊。
第二部分是對前端老本行在過去和現在狀態的一個總結，描述了前端從單調頁面到現在的SPA發展了許久，並且有了Electron和RN等使得WEB前端逐漸和桌面應用和APP等分擔壓力，拋出了一個問題——Web前端的下一步應該怎麼走？能不能像大前端方向一樣，從傳統領域搬點東西？
第三部分則承接前面的問題，論述了本人在其他領域的一些見聞，道出了桌面應用、移動應用、數據分析和藝術幾個領域一直以來的發展和趨勢，指明了前端能走的路子。
第四部分則是審視自己，表明了Web前端的潛力和責任——我們擁有最普及的平台，所以有把新技術帶給用戶的責任，而且現在Web各種標準一個接一個出現，也帶給了我們這些能力。
最後是以一個桌面、移動、VR三端適配，具有物理引擎的DEMO為例的展望，並分享了一些我覺得酷炫的網頁例子。

綜上，其實本人是有一個訴求、也希望前端大家能回歸初心，不要放棄前端的傳統任務、也就是那個初心（這麼看起來這個分享更適合上一屆2333）。當然，人各有喜好，不過其實一種技術的發展普及是必然依靠廣泛從業者的努力的，如果大家都不去做了，那麼——

當然，大前端方向還是要學習的，這已經成為了前端工程師的一個門檻，但在此之外，我么能做的、應該做的，還有更多。