技術期刊 · 天工人巧日爭新 | 把 Node.js 搬進瀏覽器;GitHub 團隊的跨框架組件;系統架構整潔的基本要素;改寫規則的 Shell 腳本工具;思考

蒲公英 · JELLY技術期刊 Vol.40

時代老是滾滾洪流不斷向前，總有新的事物和各類有趣的東西不斷出如今咱們的眼前。所謂「刪繁就簡三秋樹，領異標新二月花」，簡化開發流程，優化技術方案，經過量變帶來質變，帶來新的需求與思考。

就好像咱們在開發的過程當中去追求構架的整潔之道，就能夠幫助咱們更高效的去管理代碼和項目中的各個模塊。一樣的，不管是通用的組件庫，仍是簡單易用的腳本工具、Cloud IDE……都能更好的幫助咱們高效高質量的完成「靠譜」的項目，而項目自己也會成爲助力，幫助你們去完成更多充滿想象力的設想……

觀海志

爬山則情滿於山，觀海則意溢於海

把 Node.js 搬進瀏覽器

梗概：幾年前，咱們意識到網絡正朝着一個關鍵的拐點發展。WebAssembly 的出現讓咱們能夠有能力編寫基於 WebAssembly 的操做系統，這個操做系統的功能強大到能夠徹底在瀏覽器中運行 Node.js。咱們設計了一個比本地環境更快，更安全和一致的高級開發環境，能夠實現無縫代碼協做，而不須要設置本地環境。兩年後的今天，他終於誕生了！

推薦語：在最近的 Google I/O 主題演講中，Stackblitz 向你們介紹了他們與 Next.js 和 Google 團隊合做開發的 IDE WebContainers，給 CloudIDE 帶來了革命性的變化，很是驚豔！

GitHub 團隊的跨框架組件

梗概：爲何徹底移除了 jQuery 並轉向 Web Components？怎麼高效書寫健壯、無依賴、高質量的 Web Components？ViewComponent 、Catalyst 真的好用麼？這篇基於 GitHub 團隊開發 Web Components 並大量實踐使用的總結文章會給你答案，同時 GitHub 團隊將以「Github Elements」的名義開源更多通用的 Web Components。

推薦語：Web Compoents 技術是由 Google 推進的瀏覽器原生組件，已發佈將近四年的時間，一直處於不溫不火的狀態。在 GitHub 大規模使用 Web Components，而且開源自家的 GitHub Elements 組件以後，Web Components 可否有所轉機呢，敬請期待吧~

系統架構整潔的基本要素

梗概：關於總體系統架構的想法有很是多，有着類似之處。本文圍繞這些系統架構的關鍵點展開講解，由內及外分別是實體、用例、適配器、框架和驅動。須要遵循的規則是內層永遠不能依賴於外層的數據結構或者邏輯，對於代碼的易讀、可擴展、可維護、可重用將有很大提高。翻譯版本

推薦語：本文爲 Uncle Bob 的 The Clean Architecture 《架構整潔之道》 的前身。你是否能夠在短期內對所使用的 Web / RPC 或者數據庫進行切換，是否在爲項目總體架構、代碼分層踩過的坑感到困擾，經過這篇文章來獲取啓發！本文只是簡短的討論了架構設計，而書中的內容可讓你從代碼層面和宏觀兩個層面對整個軟件設計有一個全面的瞭解。

改寫規則的 Shell 腳本工具

梗概：Bash 很棒沒錯，但在編寫腳本工具時，人們一般會選擇一種更方便的編程語言。標準的 Node.js 庫在使用以前須要許多額外的操做，例如安裝依賴、引入庫等。zx 提供一個 child_process 的封裝，減小轉義參數、返回值處理等繁瑣操做。

推薦語：這是一個對開發者更友好的編寫腳本的工具，短短几天就得到破萬的 Star（谷歌出品加持）。zx 工具跟以往寫 Node.js 腳本最大的不一樣，是對 child_process 模塊的封裝，設計和體驗都俱佳，另外還支持執行遠程腳本。

友情提示：這並非谷歌官方支持的產品哦～

思考產品「靠譜程度」

梗概：本文經過一些小案例詳細介紹了「衛哲的3+1思考法」的內容：需求是從哪裏來的，目標客戶是誰？有多少人有這樣的需求，這個需求緊迫嗎？他們的痛是什麼，場景是什麼（用產品以前/以後）？解決以後在網站數據上會有什麼表現？以及在現實場景中對評估項目的幫助。

推薦語：都說要站在用戶的鞋子裏看問題，不管是產品仍是項目，找到其背後的本質問題才能更好的規劃和實現；「3+1」能夠幫助產品同窗理清思路，準確找到「用什麼方法解決哪些人的什麼問題「的答案，也能夠幫助開發同窗更好的理解需求，下降評估過程當中的偏差；文章和案例有些年頭了，可是思想仍是值得學習一下的，提供了一個思考問題的切入點。

眺望閣

一區聊寄塵囂外，萬景皆歸眺望中

專題話題: 雲巔上的 Tide\

Cloud IDE 已經不是什麼新概念了，可是做爲開發，它到底可以給咱們帶來什麼？工程化和研發上雲？選擇雲開發又會有哪些優點？很遺憾小助手也不太懂，不過近期有接到一個 Tide 插件的新需求，打算找 Tide 團隊的童鞋調研一下。

「蒲公英」期刊，每週更新，咱們專一於挖掘「基礎技術、工程化、跨端框架技術、圖形編程、服務端開發、桌面開發、人工智能、設計哲學、前端框架」等多個大方向的業界熱點，並加以專業的解讀；不只如此，咱們還會推介精選凹凸技術文章，向你們呈現團隊內的研究技術方向。

擡頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，咱們登高遠眺、滄海拾遺，以求積硅步而至千里。

蒲公英 · JELLY技術期刊貢獻指南