> For the complete documentation index, see [llms.txt](https://weekly-essay.mikey.wang/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://weekly-essay.mikey.wang/zh-hant/2023/w06-thoughts-after-attending-the-2023-qcon-beijing-frontend-frontier-session.md).

# W06-2023 QCon北京站 前端前沿專場觀後感

* 第一個主題是關於web動效。業界從初期的抽獎、轉盤等比較簡陋的活動，到如今類似端遊的大型活動，呈現越來越卷的趨勢。是玩法+營銷+表現力不斷迭代累加的結果，同時給前端帶來很多新挑戰。
  * 與常見的業務需求相比，複雜動效的活動在交付鏈路上，與上游的協作複雜度要遠遠高於下游。傳統需求設計階段只需要UI和UE，而複雜大型活動需要原畫、3D模型、動作、特效等多工種設計，同時都需要前端深度介入。與遊戲類似，這也是大多組織在做複雜動效時，往往從遊戲部門抽調資源的原因。
  * 包含大量3D動畫的活動，對開發者的技術儲備、知識領域有不同於傳統web工程師的要求，比如對計算機圖形學的掌握。從快手在過去春晚、冬奧等大型活動的經驗來看，內部迭代速度是很快的。但工程上要解決的問題還是在經典問題域裡。利用平臺化的思路，去解決性能、穩定性、迭代效率的平衡。
* 第二個主題是關於H5安全加固的，其實就是源碼保護。圍繞58信安做的反爬實踐展開，主要是兩類思路。
  * 一是基於AST做一些混淆、防格式化、防調試等加固。
  * 二是基於代碼虛擬化的 H5 安全加固方案。這個代碼虛擬化值的是JSVMP，全稱 Virtual Machine based code Protection for JavaScript，即 JS 代碼虛擬化保護方案。查了一下其實也不是很新鮮的東西，只不過不在大多數人的工作問題域內。一個完整的 JSVMP 保護系統，大致的架構應該是這樣子的：服務器端讀取 JavaScript 代碼 —> 詞法分析 —> 語法分析 —> 生成AST語法樹 —> 生成私有指令 —> 生成對應私有解釋器，將私有指令加密與私有解釋器發送給瀏覽器，然後一邊解釋，一邊執行。
  * 這個主題讓我聯想到去年GMTC裡Jack Works關於SES（Secure ECMAScript ）的分享。web生態下的安全問題越來越多的被提及，很多是需要在標準層面去做修補的。不然web安全大多要用性能損耗來置換，比如上述的JSVMP。我的理解，SES是創造一個完全可信的沙箱，保護的是運行時環境的安全，在源碼反爬方面應該還沒有ES標準走到stage 3/4。
* 第三個主題是關於工業軟件的，整體在呈現上不太好，沒有講清楚，感興趣的看看ppt足夠，現場沒有更多增量信息。
* 第四個主題是關於PWA的。PWA確實不是前沿科技，但有些洞察還是很新鮮的。PWA在中國的佔有率極低極低，這與國內小程序等超級平臺的超前發展有很大關係。提問環節問了一下Apple是否阻塞了PWA的發展，答案是Apple阻擋不了大勢。這裡有一個原因是演講者的背景，代表微軟力推PWA的立場。還有一個原因是“大勢”的內涵。
  * 這個“大勢”很有意思。中國的移動化進程基本見頂，在躍遷式地發展中，造成PC的滲透率與歐美存在一個巨大的gap。中國PC滲透率目前只有20%左右，而發達國家普遍在70%左右，美國更是高達90%，差距懸殊。數據來自社科院的一份報告，聽起來不可思議。我們可以粗淺地認為，移動代表數字消費，PC代表數字生產。PC漸漸從生活資料轉變為產生資料，代表生產力，代表全民運用ICT解決生產問題的素養。以發展的視角來看，中國的PC滲透率是有極大增長空間的。這就可能帶來移動化之後的逆向桌面化的趨勢，而PWA恰恰在這方面是一個不錯的選擇。
* 最後，總的來講，前端前沿這個板塊是個大雜燴，有些東西是舊事重提，讓人感覺前端前沿的天花板不太高的樣子，期待明年更精彩吧。