第三期 |《早早聊搞搭建》搞過搭建的我收穫了什麼？（下篇）

時間 2020-04-05

標籤三期早早聊搞搭建搭建收穫什麼下篇简体版

原文原文鏈接

前言

上篇大體說起了本篇的主要內容，首先是把本身在搭建系統中見識的秒開、跨端、海量部署的學舌給你們（本身掌握的不牢靠，只能大概闡述），主題內容是本身在參加完大會後反芻對搭建工具的理解。html

第三期 |《早早聊搞搭建》搞過搭建的我收穫了什麼？（上篇）前端

第五場《如何設計實現 toC 營銷搭建系統 | 終端秒開》

這是供一個運營人員的快速搭建平臺，說起了其餘系統沒有的功能：灰度，更重要的主題是秒開。講師重點介紹了，如何把不一樣page的相同module代碼作到複用，頁面在進入時，雙鏈路並行提升加載速度。vue

客戶端預加載頁面代碼
請求用戶數據

這也依賴了客戶端強大的緩存能力。react

題外話

說一個小插曲，主持人對步天說： 我們如今聊的他們聽不到，而我則坐在屏幕前懷疑是否是本身的耳朵出問題了，哈哈哈。git

後邊的分享愈來愈乾貨，羣裏的同窗也有反饋說聽不太懂。 github

本身也是聽個大概思路，隨着時間的推移和經驗的積累，沒準哪天就能看得懂並用得上這些巧妙的設計了。 若是整場分享都是你所瞭解的內容，不可否定它對你瞭解的內容有強化和加深，但並不能擴寬你的認知。算法

第六場《如何設計實現跨端頁面搭建系統 - 跨端模塊》

本場和上一場的分享是相輔相成的，上一篇的主題在雙鏈路加載和模塊代碼複用，這一場則介紹了更多實現細節。再一次強調了是針對非技術人使用，頁面數據爲一維度結構，這意味着更簡單便捷的操做，沒必要讓非技術人員理解DOM樹；typescript

跨端的工做交給處理Rax處理；在用阿里開源SchemaForm工具formily，並提到一個值得注意的問題：scheam 只能定義第一次的格式，交互變化後則沒辦法定義；講師還分享了組件管理、工程化方面的心得。npm

第七場《如何設計 toB 商家搭建系統 | 海量部署》

這是一個針對B端用戶使用的營銷平臺，快速搭建營銷頁面，講師分享了一些關於編輯器的設計，但基本上以前的講師都講過了，感受最後講好吃虧。不過從標題咱們就能看出來，意不在此，擁有百萬級的頁面，更重要的是海量部署問題。c#

講師從原有的架構開始講到如何演變成現有架構，本身也就聽個七七八八，更可能是運維層面的東西，從原來使用CDN靜態資源演變到使用發佈平臺通知消息隊列，再經過消息隊列通知Node服務自動部署，有點分治之的意思。

最後真的是抗不下去睡着了😂，技術棧是midway，有用到消息隊列；思考：像算法同樣， 若是把時間維度拉長，面對海量數據，規模膨脹如何處理。

大會覆盤

最後一場要比其餘幾場時間稍微長一點，最後主持人結尾告一段落。

本身在貪婪的攝取講師們寶貴的經驗時，也記錄了本身的體檢表，也但願辦方能愈來愈好，讓參會的同窗有更好的用戶體驗。

講師注意事項
會前告知講師處理好手機問題，防止來電致使分享畫面被切出。
講解複雜架構圖時，配合鼠標指示（一頭霧水的在架構圖中找重點）。

羣消息
微信全程很打擾，但又不敢退出，怕萬一直播有問題或羣裏發佈重要消息而錯過。
提供提問模板表單，有提問的同窗直接填寫表單，主持人根據表單結果像講師提問。

參與感
在直播前收集參會同窗的問題，而後講師認領並在分享中回答，這樣互動性更強，更具備針對性。

思考與反芻

在現在這個時代，前端加上Node的如虎添翼，而前端搭建工具加vue/react的組件化後，實現一個拖拽頁面組件編輯器也再也不一個有門檻的技術活，前端可視化搭建工具更是百家爭鳴、遍地開花，前端可視化搭建工具存在的價值毋庸置疑，若是你準備或已經着手開發適合本身公司業務狀況的可視化搭建工具，有幾個問題可參考😁？

明確目標人羣

搭建平臺的類型NoCode、LowCode以及很類似的AutoCode 、ProCode，沒有最好，只要最適合，這取決於你的解決方式，毫無疑問，技術人員在代碼上是強項；相反，對於非技術人員NoCode更適合。

Schema協議

看了這麼多搭建工具，講師們無一例外都講到了Schema，解決方案也五花八門，組件Schema保障全部組件屬性可配置，頁面Schema負責組件組件間的關係，Schema協議是生成工具的核心。

組件Schema了普通數據類的定義外，更復雜的是配合頁面Schema定義事件和組件通信，至於頁面數據具體是code仍是data則可有可無。雲鳳蝶的實現是狀態外置作組件通信，雖然已經有不少開源的Schema協議，但大都沒說起關於事件和網絡請求的相關內容，一個健壯而優雅的Schema方案迫在眉睫，組件其實就是函數，而typescript的interface應該被重視。

編輯器架構

若是你作的不是傻瓜到像穿梭框組件同樣，就必須考慮模塊間的接口、擴展、維護等問題，值得參考也是業界最知名的也就是Erich Gamma 的VScode架構了。

組件管理

在組件管理方面，要考慮組件版本，組件依賴，以及文檔；組件在不一樣規模的使用量狀況下如何升級等（W+），以及安全方面的沙箱隔離，若是保證組件不影響你的平臺；相比於制定組件規範和建立生態，雲鳳蝶的方案更優雅，組件即package，交給npm管理，根據typescript讀取interface，不限制組件物料，不須要手動維護組件Schema。