騰訊Web前端大會 TFC 2017 演講節選

持續整合 · 發表 2018-12-04 10:05:45

摘要： Unsplash 初創公司前端工程體系建設_張雲龍本次演講主題圍繞過去一年多在直播領域的創業歷程，介紹適合初創型公司的前端工程體系建設方案，視訊連結：初創公司前端工程體系建設_張雲龍元件化開發與系統拆分分而治...

Unsplash

本次演講主題圍繞過去一年多在直播領域的創業歷程，介紹適合初創型公司的前端工程體系建設方案，視訊連結： ofollow,noindex">初創公司前端工程體系建設_張雲龍

分而治之是軟體工程中的重要思想，是複雜系統開發和維護的基石，這點放在前端開發中同樣適用。在解決了基本開發效率執行效率問題之後，前端團隊開始思考維護效率，元件化是目前前端最流行的分治手段

通過內嵌，依賴和定位管理所有前端資源，通過資源載入框架讀取資源表，實現資源載入程式化控制

持續整合、互動、部署是團隊協作的重要基礎，初創團隊非常有必要盡全力打造完善的可自動部署的測試、預釋出、灰度釋出環境，實現持續整合，基於持續整合，進一步做到持續交付，杜絕臨上線前的返工

前端自動化測試對於快速迭代的業務來說，一直是一個痛點，Case的維護跟不上業務變更的速度，久而久之就放棄了自動化，擼起袖子手點就好了，如果能有一種不需要維護的自動化case就好了

通過建立代表工作項的便利貼，並在一個視覺化的工作流白板上跟蹤每個工作項的當前狀態，就可以很容易地實現視覺化，這是一個很棒的方式，可以幫你瞭解你的工作，反思你的工作是如何運作的，並開始發現在工作流程中的改進機會

看板原則：視覺化，限制在製品，管理流動，顯示化流程規則，建立反饋環路，協作式改進、試驗中演進

前端架構：元件化+子系統拆分

持續整合：基於GitLab-CI的環境+GitFlow開發規範

系統測試：基於DOM-Diff的自動迴歸檢查系統

敏捷開發：物理看板