這款真的大推可以買

博翔科技為專業機械設備歐規/台灣TS標章/美規及半導體設備SEMI S2輔導顧問公司

博翔對於各類機械的安全技術 安全開關 安全模組 安全繼電器模組 安全繼電器 緊急停止 安全元件 歐盟電路設計 安全迴路 安全設計

由於科技的進步，各種無線通訊設備及數位裝置技術的高度發展，電磁干擾已成為電子時代中世界各國關注的問題。

機械產品的製造為迎向消費市場需求，亦朝向高速度、高精度、自動化且大量使用數值控制而使機械產品電磁干擾問題更加複雜

而博翔科技協助您解決相關安全技術問題以專業級檢測與規畫經驗並協助各種機械廠快速獲得相關認證

邀請您一起邁向世界的安全技術頂端

請立即點擊上方圖片了解更多細節吧！

好文分享

本文要點： 從我們的上一次報告算起，WebAssembly 可能是 Web 趨勢方面被討論最多的技術。WebAssembly 應用已經基於 WASI 跨越了瀏覽器的限制，WebAssembly 在 2019 年底達到了穩定的 1.0 W3C 推薦水準。我們將 WebAssembly 提升到了早期採用者狀態。 一年一度的 ECMAScript 版本即將發布，即 ES2020，它將提供自 ES2015 年以來數量最多的新語言特性，包括可選鏈、BigInt、globalThis、空值合併和動態導入。這些特性都被認為是穩定的，至少有兩個現有的瀏覽器已實現。 Web component 已經從早期採用者變成了早期大眾狀態。Web component 已經達到了主流成熟階段，並得到了 Chrome、Firefox、Safari 和其他基於這些瀏覽器引擎的其他瀏覽器（如 Edge 和 Brave）的支持。 TypeScript 已經升級到後期大眾狀態。迄今為止，TypeScript 是採用最廣泛的 JavaScript 變體，在過去幾年中取得了長足的進步，現在大多數 JavaScript 框架都利用了它的工具和基礎設施。 JavaScript 客戶端框架和庫的領域在持續發生著變化，儘管在最近幾年 React 、 Vue.js 和 Angular 取得了統治地位，但是新一波的精簡框架和應用編譯器可能會在未來幾年內改變現狀。 在 InfoQ，我們會定期更新技術生命周期主題圖，以便展示我們的理解不同的主題在技術採用曲線中的位置。在做這件事情的時候，我們會考慮實踐的狀態，以及網絡、聚會、會議、分析師活動中的新想法和新事物。我們還考慮了站點的流量以及 QCon 和其他會議上各個演講的參會人數。 如果某個主題位於圖表的右側，那麼你可能會發現在 InfoQ 上已經有很多相關的內容了，在它們還是新技術的時候，我們對其進行了介紹，創新者和早期採用者的經驗可以幫助指導個人、團隊和組織採用這些想法和實踐。 曲線左側的主題是我們認為新興的技術，正在被創新者和早期採用者使用，在我們的報告和內容中，主要的關注點在於吸引讀者的注意，這樣他們就能夠自己決定現在是否要對其進行探索，或者是暫時等待並觀察它如何進一步發展。 本報告總結了 InfoQ 編輯團隊目前是如何看待 JavaScript/Web 開發領域的技術採用情況和新興趨勢的。這是由廣泛的內部討論所形成的一篇帶有觀點性的文章，討論的參與者是我們的編輯，他們同時也是活躍的軟體工程師，並且參考了內部或私有的調查和分析結果，同時查看了瀏覽器對核心技術的支持程度，如 Web component。 JavaScript 和 Web 開發領域變更快速，每年需要不止一次的更新。以下是 2018 年第四季度最後一次回顧時的圖表。 ...2018 Q4 的 Web 開發圖表 鑒於 JavaScript 和 Web 生態系統已經發生了如此多的變化，將所有的領域放到一張圖上已經不現實了。因此，我們將它們細分成了以下 11 個主要的領域。 Web 開發語言 / 標準 / 模式 Web 開發的客戶端框架 / 庫 面向 Web 工程師的伺服器端平臺 / 框架 / 數據 /API 面向 Web 工程師的雲技術 包管理 / 打包 / 優化 Web 開發測試和自動化 移動 / 桌面環境和框架 面向 Web 工程師的 IoT/ 區塊鏈 / 機器學習 面向 Web 工程師的可視化 /XR CSS Web 開發的代碼編輯器和 IDE 我們對 Web 開發領域始終充滿興趣，幾乎每天都有新的 JavaScript 項目啟動。要決定關注哪些項目，忽視哪些項目是非常有挑戰性的。即便目前在日常開發工作中可能暫時用不到它們，開發人員也可以從有趣的方法中學習並收集靈感。 Web 開發語言 / 標準 / 模式 ...2020 Q1 的語言 / 標準 / 模式 創新者 ECMAScript 一年一度更新，今年是 ES2020 ，將提供自 ES2015 以來數量最多的新語言特性，包括可選鏈、BigInt、globalThis、空值合併（nullish coalescing）和動態導入。這些特性被認為是穩定的，至少有兩個現有的瀏覽器已實現。 PureScript 為 TypeScript 提供了一個替代語言。儘管在最近的 JavaScript 2019 狀態調查中它的得分很高，但否能在不久的將來邁出創新者狀態還存在爭議。 早期採用者 關於早期採用者，我們將持續關注 Flow （面向 JavaScript 的靜態類型檢查器）、 Elm 和 Reason （均是 JavaScript 的替代語言，可以生成基於 JavaScript 的 Web 應用）。隨著 TypeScript 的興起，Flow 的吸引力和開發似乎有所減弱，但是我們依然在跟蹤它的變化。 從上一份報告發布到現在， WebAssembly 恐怕是在網上被談論最多的趨勢。WebAssembly 應用已經藉助 WASI 將適用範圍擴展到瀏覽器之外，WebAssembly 在 2019 年底已經達到了穩定的 1.0 W3C 推薦標準。因此，我們將 WebAssembly 提升至早期採用者的階段。 除了傳統的 W3C 流程， Web Incubator CG（WICG）不斷提出涉及範圍廣泛的新特性和潛在標準。 Web Audio 也持續得到了很多的關注，它致力於讓 Web 平臺適用各種音頻應用。 早期大眾 在如何最高效地構建 JavaScript 應用方面，函數式和反應式編程依然是討論的重點。Vue 3 將會使用 TypeScript 編寫，Vue.js 創始人尤雨溪在 Twitter 中說：「我認為 TypeScript 對我最大的幫助是避免創建類，而不是使用類。Vue 3 是一個 100% 的 TS 代碼庫，卻沒有用到任何類。」 Web component 已經從早期採用者轉變為早期大眾狀態。 Web components 已經達到了主流成熟的程度，現在Chrome、Firefox、Safari 以及其他基於這些引擎的瀏覽器（如Edge 和Brave）都對Web component 提供了原生支持。許多框架和庫也對Web component 提供了原生支持，包括 Angular 、 Dojo 、 Ionic 、 Stencil 、 Svelte 和 Vue.js 。 我們將兩個條目直接加入到了早期大眾狀態：ES2019 和 AMP。 在對「#smooshgate」爭議、 Object.fromEntries以及對字符串和可選 catch 綁定的一些小改善之後，ES2019 為數組添加了flat和flatMap方法。這個相對比較小的特性集目前正在被早期大眾使用。 AMP 是一個致力於讓 Web 更加快速的替代方案，它已經加入了 OpenJS 基金會。儘管到目前為止 InfoQ 一直拒絕採用它，而是傾向於使用現有的開放 Web 標準，但是有些人在持續採用 AMP，它主要適用於媒體和新聞 Web 站點。 後期大眾 隨著 JavaScript 生態系統的成熟，有一些處於後期大眾狀態的基礎技術並沒有表現出被替代的跡象，而且幾乎每個 JavaScript 開發人員都在使用它們。 HTML5 和 ES6/2015 - ES2018 均處於後期大眾狀態，因為現在幾乎每個 Web 應用都將這些特性作為基礎。 TypeScript 也進入了後期大眾狀態。到目前為止，TypeScript 是應用最廣泛的 JavaScript 變體，在過去的幾年中，它取得了長足的進步，現在大多數的 JavaScript 框架都利用了它的工具和基礎設施。根據最近的 GitHub Octoverse 報告，TypeScript 位列十大語言之一， JS 狀態調查網將 TypeScript 列為目前使用最廣泛的 JavaScript 變種，超過 50% 的受訪者說他們在使用 TypeScript，並對 JavaScript 的超集持積極態度。 落伍者 我們用落伍者結束這一部分的報告，雖然它們依然在很多的應用中使用，但是新的開發項目對它們並沒有太大興趣。儘管 ES5 和 HTML4 所包含的底層特性依然能夠在最新版本的 JavaScript 和 HTML 中找到，但是更新的版本已經取代了 ES5 和 HTML4。 Web 開發的客戶端框架 / 庫 JavaScript 客戶端框架和庫領域在不斷變化，雖然最近幾年 React、Vue 和 Angular 占據了主導地位，但是新一波的精簡框架和應用編譯器可能會在未來幾年內改變現狀。 ...2020 Q1 的客戶端框架 / 庫 創新者 截止本報告撰寫時，Vue.js 3 尚未發布，但它是使用 TypeScript 重寫的，非常值得期待。 早期採用者 Dojo 在其確定的道路上繼續發展，目標是交付精益的、TypeScript 優先的框架，目前它的版本是 6，不久將會發布版本 7。在構建反應式 Web 應用方面，Dojo 提供了非常現代高效的方式，並對 TypeScript 和開發者工程學提供了特別好的支持。Dojo 目前是 OpenJS 基金會的一部分。 Ember 最近發布了 Ember Octane ，提供了一個新的組件模型和反應式系統。 LitElement 是 Polymer 的繼承者，提供了創建輕量級 Web component 的 JavaScript 庫。 Aurelia 依然有一批忠實的追隨者，繼續致力構建基於組件的應用環境。 Marko 也是 OpenJS 基金會項目，最初起源於 eBay，主要關注點在於創建反應式 UI 組件。 騰訊的 Omi 是個跨框架的組件創建庫，支持將 Web component、JSX 和其他組件集成到統一的庫中。 早期大眾 有三個項目首次進入早期大眾類別中。 Ionic 的 Stencil 已經成為最流行的 Web component 創建框架，與 Omi 類似，它是用來跨多個框架創建組件的框架。 Svelte 已經成為了流行的 React 替代方案，這歸功於它保持了與 HTML 的一致性，它的使用方式使其成為了一個讓人感受不到其存在的框架。 Preact 是個很小的 React 替代方案（壓縮後小於 4KB），其 API 與 React 庫是一致的。 後期大眾 Angular 已經到了後期大眾階段，在本報告撰寫時，Angular 9 處於發布候選版本，該版本會發布備受期待的 Ivy 渲染引擎更新。 Vue.js 2 也到了後期大眾狀態，如今它已經成為最廣泛使用的 JavaScript 框架。 React 依然是最流行的 JavaScript 渲染庫，並且在我們上次報告之後還進行了 hooks 等方面的更新。 RxJS 依舊是流行的反應式擴展庫，在 Angular 生態系統中得到了廣泛應用。 Moment 也是 OpenJS 基金會的一部分，在管理日期和時間等問題時，它依然是應用最廣泛的庫。 雖然對 Lodash （OpenJS 基金會）這種庫的需求在減少，但是在與 JavaScript 協作時，它依然是應用很廣泛的庫。在與現代 JavaScript 協作時， Core-js 也是廣泛使用的庫。 落後者 Dojo 1.x 和 Angular 1.x 雖然還在廣泛部署，但是它們已經處於維護模式。jQuery 雖然得到了一些改進，但基本上已經被新的 HTML 和 JavaScript 特性或更成熟的框架所取代。 面向 Web 工程師的伺服器端平臺 / 框架 / 數據 /API 最近，JavaScript 的伺服器生態系統引起了人們很大的興趣。一項重要的創新就是向伺服器端渲染、靜態預渲染和構建時渲染轉變，以減少 JavaScript 在客戶端的工作負載，在這個過程中不需要改變如今應用所使用的反應式編程模型。 伺服器端、API 和客戶端之間的界限變得越來越模糊，所以這個類別還包含了靜態生成、數據、狀態管理和 API 等方法，這些方法通常是在客戶端和伺服器端所共享的。 ...2020 Q1 的伺服器端 / 框架 / 數據 /API 創新者 Deno 已經接近 1.0 發布版本。它是由 Node.js 最初的作者 Ryan Dahl 創建的，Deno 致力於創建 TypeScript 版的 Node.js 替代方案。 Dojo 添加了一個構建時渲染方式，這樣的話，它就可以在應用構建的時候利用Node.js 的特性，從而為靜態站點的生成提供一系列的功能。與其他方案相比，Dojo 的方法運行在組件級別，為關鍵模式和特性代碼塊提供了高度可重用的方式。除此之外， Dojo stores 還提供了可預測的、一致的狀態容器，內置了對常見狀態管理模式的支持。 Hasura 是創建 GraphQL 伺服器的開源方案之一。按照 JS 2019 新星狀態報告，在 2019 年，人們對 Hasura 興趣顯著增長。 早期採用者 最初創建 Express 的團隊開發了一個名為 Koa 的 Node.js 框架，該框架持續吸引著人們的關注。 Nuxt 是個 Vue 框架，它提供了伺服器端渲染、靜態站點生成和單頁應用功能。 Strapi 和 Storyblok 是兩個開源的 Headless 內容管理系統。隨著反應式和用基於組件的架構提供現代化的內容管理方案的增多，這一領域引起了極大的興趣。 Apollo 仍然是 GraphQL 方面的流行方案，它最初來源於 Meteor 框架。 早期大眾 Nest.js 是使用 TypeScript 編寫的 Node.js 框架，因為其支持全棧 TypeScript 開發的各種選項和特性，它的受歡迎程度在不斷上升。 Next.js 是面向 React 應用的伺服器端框架，它支持伺服器端渲染、靜態站點生成等功能。 Gatsby 能夠利用 GraphQL 從各種源獲取數據，並為基於 React 的應用提供了高效的渲染方案。 Fastify 是 OpenJS 基金會項目，作為一個高性能的 Node.js Web 框架，目前它是替代 Express 的新興方案。 MobX 是除 Redux 之外的另一個狀態管理方案，它正被越來越多的人所採用。 後期大眾 到目前為止， Node.js 依然是在伺服器端運行 JavaScript 的最流行方案，也是像 Electron 這種環境的基礎，藉助該環境，我們可以使用 Web 技術創建桌面應用。Node.js 是 OpenJS 基金會的項目。 Express 依然是使用最廣泛的 Node.js Web 框架，它也是 OpenJS 基金會的項目。 儘管 REST 依然是創建 API 的最流行方式，但是 GraphQL 也得到了相當廣泛的採用，它是一種基於查詢的方案，能夠取代將所有 API 端點預先定義好的方式。在 API 中同時使用 REST 和 GraphQL 也是很常見的。 Redux 依然是 JavaScript 應用中進行狀態管理的最流行方式，不過在小型或簡單的應用中，它使用得比較少。 面向 Web 工程師的雲技術 現在有很多方案可以幫助 Web 工程師創建和部署基於雲的應用。 ...雲技術 創新者 Architect 是 OpenJS 基金會項目，支持創建 Serverless 的 JavaScript、Python 和 Ruby 應用。 早期採用者 AWS Amplify 提供了使用 AWS 構建移動和 Web 應用的開發平臺。 在快速部署 Web 應用方面， Netlify 是最流行的可選方案之一。 Azure 的 JavaScript SDK 越來越受歡迎，這很大程度上是因為其靈活的 IoT 和認知服務（Cognitive Services）API。 早期採用者 AWS Lambda 在運行 Serverless JavaScript 函數方面越來越受歡迎。 Zeit Now 憑藉其靜態和 JAMstack 部署、Serverless 函數和全球 CDN，現在已經成為部署 Web 應用的流行方式。 Google Cloud Functions 為 Google 雲提供了運行 Serverless JavaScript 函數的方法。 Firebase 是 Google 提供的另一個方案，提供基於雲的移動和 Web 基礎設施。 包管理 / 打包 / 優化 在 JavaScript 和 Web 開發中，打包（Bundling）、包管理以及應用的整體優化依然是重要的話題。 ...2020 Q1 的包管理 / 打包 / 優化 創新者 Pika 致力於為 JavaScript 提供一個工具，將其構建和部署到 ES 模塊支持的環境中。 Entropic 是 npm 的替代方案，目前還處於早期階段，它採用了一種更為分布式的方式來實現包註冊，而不是使用單個聯合註冊器。 早期採用者 Parcel 是越來越流行的 Web 應用打包器。在撰寫本報告時，Parcel 2 已經準備發布了。 Webhint 是 OpenJS 基金會項目，它是 linting 工具的補充，可以提高可訪問性、速度和跨瀏覽器兼容性。 早期大眾 Prettier 是個帶有偏好的代碼格式化器，它終結了 JavaScript 開發中關於代碼格式化的大部分爭論。 ESLint 是另一個 OpenJS 基金會項目，它有很多種查找 JavaScript 應用程式中的錯誤和反模式的方式。 TSLint 作為獨立的產品已經被棄用，現在它是 ESLint 之上的一個擴展。 Esprima 是廣泛使用的 ECMAScript 解析器，用來幫助處理抽象語法樹，它也是 OpenJS 基金會的一部分。 Yarn 是替代 npm 的包管理器，它利用了 npm 的包註冊表。 Rollup 是由 Svelte 團隊的一些成員創建的 ES 模塊打包器。Rollup 更廣泛地用於庫和模塊，而 Webpack 更廣泛地用於應用。 後期大眾 NPM 是 JavaScript 領域事實上的包管理和註冊表標準。npm 在 2019 年遇到了很廣泛的爭議，在不久的將來，生態系統可能會尋找替代方案。 Webpack 是 JavaScript 生態系統中使用最廣泛的打包器和代碼優化器。 Babel 提供了 JavaScript 轉換器（transpiler），允許開發人員在開發的過程中使用更新的特性，但是在生產環境可以使用更陳舊的變種形式。Babel 最近添加了 TypeScript 轉換功能，不過它還沒有提供類型檢查，因此用處有限。 Lighthouse 是由 Google 創建的廣泛使用的自動化工具，用來提升代碼質量和性能。 Web 開發測試和自動化 在 JavaScript 中有許多用於編寫和運行測試的可選方案。為了簡單起見，在這裡我們排除了對 Chai、Sinon、Jasmine、QUnit、Cucumber 和其他類似庫的分析，這些庫提供了非常有用和流行的測試功能，我們會繼續跟蹤這些庫和許多其他測試解決方案的進展。 ...2020 Q1 的測試和自動化 創新者 Playwright 是新發布的 Puppeteer 替代方案，用於瀏覽器自動化和測試。但是與 Puppeteer 不同的是，Playwright 面向所有現代瀏覽器渲染環境。 基於機器學習的測試是自動化測試生成的新興領域。試圖解決該問題的公司並不鮮見，包括 Applitools、SauceLabs、Testim、Sealights、Test.AI、Mabl、ReTest、ReportPortal，等等。該領域目前還沒有明確的正確答案，但是我們期待在不久的將來會有所改變。視覺人工智慧測試（Visual AI testing）也是代替傳統可視化回歸測試的新興方向。 早期採用者 Appium 適用於原生、混合和移動 Web 應用的自動化測試框架，它使用了起源於 Selenium 的 W3C WebDriver 協議。Appium 是一個 OpenJS 基金會的項目。 Intern 是使用 TypeScript 編寫的 OpenJS 基金會項目，適用於單元測試、功能測試（通過 WebDriver 或其他像 Puppeteer、Playright 這樣的環境來實現）、集成測試、性能測試和其他類型的測試。 Ava 是一個適用於 Node.js 應用的流行測試運行器。 WebdriverIO 是 OpenJS 基金會項目，它基於 WebDriver 協議提供了功能性和集成測試環境。 早期大眾 Cypress 是運行在基於 Chromium 的瀏覽器的端到端測試運行器，發布後迅速得到了廣泛歡迎，它最近添加了對 Firefox 和 Edge 的支持。 Storybook 是個測試框架，也是設計系統，還用來創建、測試和共享 UI 組件的開發環境。 後期大眾 Jest 是由 React 生態系統推廣的測試框架，可能是如今使用最廣泛的測試斷言庫。 Mocha 是 OpenJS 基金會項目，提供了簡單易用的單元測試庫。 對於 Angular 應用的測試來講， Karma 和 Protractor 依然是最流行的方式。 WebDriver 是起源於 Selenium 項目的協議，它依然是實現完整測試自動化的最常見方式。 Puppeteer 是一個只支持 Chromium 瀏覽器的自動化方案，在很多方面它都比 Selenium 更易用，但是它的功能和支持的瀏覽器都比較受限。 移動 / 桌面環境和框架 利用 Web 技術來構建移動和桌面應用在流行程度和可選方案方面都在不斷增長。 ...2020 Q1 的移動 / 桌面環境和框架 創新者 Ionic Capacitor 是 Cordova 的替代方案，在使用 Web 和原生技術創建混合應用時，它能夠提供更細粒度的控制。 早期採用者 NativeScript 為使用 Web 技術的 Angular 和 Vue.js 應用提供了原生應用編譯功能。 早期大眾 Ionic 4+ 提供了一個構建應用的框架和組件庫。最初它是個 Angular 框架，但是現在 Ionic 是框架中立的，支持 React 和其他框架。 React Native 能夠利用 React 應用程式中的 Web 技術和模式創建原生應用程式。React Native 和其他類似的解決方案到目前為止褒貶不一，因為它們在有些場景中工作良好，但在使用上仍然具有挑戰性。 Electron 是 OpenJS 基金會項目，它通過嵌入 Chromium 和 Node.js 的方式允許使用 Web 技術來創建桌面應用。我們所使用的很多應用程式都用到了 Electron，比如 Slack。 後期大眾 在創建混合移動應用方面， Cordova 依然是廣泛使用的環境，但是在不久的將來，它有淪為落後者的風險。 面向 Web 工程師的 IoT/ 區塊鏈 / 機器學習 在 IoT、區塊鏈和機器學習等新興領域，Web 技術的可選方案在不斷增加。 ...2020 Q1 的 IoT、區塊鏈和機器學習 創新者 ml.js 為 JavaScript 開發人員提供了用途廣泛的機器學習工具。 brain.js 提供了 JavaScript 上的 GPU 加速神經網絡支持。對於 JavaScript 開發者來說，儘管 TensorFlow.js 依然是使用最廣泛的機器學習基礎方案，但是這兩個庫提供了很有前景的替代方案。 Neurosity 有一個開發者預覽階段的 Notion 方案，是一個現代的思維計算和腦波測量設備。Neurosity 與其他替代方案的不同之處在於它的 JavaScript API。 早期採用者 Moddable 和 JerryScript 是 IoT 項目的輕量級 ECMAScript 引擎。JerryScript 是 OpenJS 基金會項目。 Node-Red 也是 OpenJS 基金會的一部分，它為 IoT 領域常見的事件驅動應用提供了低層級的編碼支持。 johnny-five 是由 Bocoup 推出的很受歡迎的 JavaScript 機器人和 IoT 平臺。 interledger.js 是 Interledger 協議的 JavaScript 實現，該協議是適用於帳本、區塊鏈和加密貨幣的標準集，獨立於具體實現，也是 OpenJS 基金會的一部分。 早期大眾 TensorFlow.js 是由 Google 推出的，目前是應用最廣泛的 JavaScript 機器學習包。 面向 Web 工程師的可視化 /XR 在 JavaScript 中，增強現實、虛擬現實和混合現實（mixed reality）正變得越來越受歡迎。 除了 d3 和 Three.js 之外，在眾多項目中，數據可視化、圖表以及其他方式的可視化和渲染是高度分散的。 ...2020 Q1 的可視化 /XR 早期採用者 React 360 以類似 React 的方式為開發人員提供了混合現實體驗。 WebXR 1.0 推薦標準終於快定稿了，剩餘的工作是定義增強現實標準。 BablyonJS 為 JavaScript 和 TypeScript 開發人員提供了 3D 可視化和 API 來創建沉浸式遊戲。 早期大眾 Three.js 是 WebGL 之上的低層級 API，用來在瀏覽器中繪製 3D 圖形。 A-Frame 最近發布了其 1.0 版本，初步支持了 WebXR 推薦標準。A-Frame 提供了基於 DOM 的方式來包裝 Three.js 和原生 WebXR 功能。 pixi.js 是另外一個 WebGL 抽象框架，為遊戲開發提供了基本元素。 後期大眾 如今， d3 是應用最廣泛的數據可視化庫。 CSS CSS 和設計領域在過去的幾年裡有了很廣泛的創新，在很大程度上來講，與 5~10 年前編寫的 CSS 已經完全不同了。 ... 2020 Q1 的 CSS 創新者 算法 CSS（Algorithmic CSS）是藉助內置的 CSS 算法構建可組合布局的新興方式。 早期採用者 CSS Houdini 是一種新興起的方式，它能夠通過 CSS 對象模型（CSS Object Model，CSSOM）掛鈎到瀏覽器的渲染引擎中，從而可以訪問 CSS 引擎以便於擴展 CSS。 Typed CSS 是 Dojo 和其他一些方案所採取的方式，它能夠為 TypeScript 安全地提供 CSS 模塊，從而在組件開發中實現高效且精準的樣式。 Ant Design 是現代組件使用和開發中幾個流行的設計系統之一。 TailwindCSS 藉助 PostCSS 提供了低層級的 CSS 框架。 早期大眾 對於組織和項目來說，設計系統（Design Systems）正在成為一種流行的方式來統一設計標準和組件庫，進而能夠保持一致性並鼓勵重用。 在 Web 站點和應用中， CSS Grids 正在成為管理網格布局的廣泛採用的 CSS 特性。 PostCSS 是 CSS 預處理的替代方案，它與 Babel 的作用比較類似，會將新的 CSS 語法轉換成生產環境所支持的語法。 CSS-in-JS 主要是在 React 生態系統中流行的一種模式，用於在組件中編寫內聯 CSS。更好的 CSS-in-JS 實現會將內聯 CSS 轉換成單獨的 CSS 文件，以便於在生產環境實現更快的渲染。 Material Design 是第一個大型的開源設計規範和系統，在很多框架和項目中都非常流行。 Linaria 是在 CSS-in-JS 中廣泛採用的一種方式。 後期大眾 響應式設計的誕生來源於手機、平板電腦和桌上型電腦上擴展應用程式的需要，一直以來都是設計應用程式的主流方法。響應式設計鼓勵採用矢量驅動的方式，在過去的十年里，世界上絕大多數公司都更新了 Logo 和設計標準，以支持響應式原則，該原則不僅適用於軟體應用，而且也適用於物理世界。 CSS Flexbox 是廣泛用於應用程式布局的模型。 SASS 仍然是最流行和廣泛使用的 CSS 預處理器。 Web 開發的代碼編輯器和 IDE JavaScript 和 Web 開發所需的 IDE 和代碼編輯器在靈活性和特性方面在持續得到改善。基於 Web 的 IDE 在傳統特性和協作能力方面變得越來越強大。 ...2020 Q1 的代碼編輯器和 IDE 早期採用者 StackBlitz 是一個雲託管的在瀏覽器中使用的 IDE，它提供了很多的特性，在幾年前這些特性還只能在桌面端 IDE 中才能實現。 早期大眾 CodeSandbox 是使用最廣泛的雲託管 IDE，通常描述為瀏覽器中的 VS Code。 後期大眾 VS Code 項目在一開始因為起源於微軟而被忽視，但是在短短幾年內就成為了 JavaScript 和 TypeScript 生態系統中使用最廣泛的 IDE。 WebStorm 依然是創建 Web 應用時使用最廣泛的商用桌面 IDE。WebStorm 和 IntelliJ 來自同一個項目家族，從 Java 進入 JavaScript 領域的工程師經常會使用 IntelliJ。 vim 和 emacs 仍然是流行的代碼編輯器，不過它們都可以通過一系列的擴展和工具轉換成 IDE。大多數 vim 和 emacs 的鐵粉已經積累了多年使用經驗，不太可能轉向其他編輯器。 隨著微軟對 GitHub 的收購，一些人期望 Atom 能夠被合併到 VS Code 中，但目前它們仍然是獨立的項目。Atom 和 VS Code 的桌面環境都使用了 Electron。 Sublime Text 仍然是很多人在使用的編輯器，不過隨著 Atom 和 VS Code 的出現，Sublime Text 的受歡迎程度在持續下降。 結論 JavaScript 和 Web 生態系統正在蓬勃發展，儘管跟上變化的速度可能很具有挑戰性，但我們相信這個領域中的許多基礎部分已經變得比較穩定，這也在其他的領域為創新者提供了機會。InfoQ 的團隊將持續提供 JavaScript 和 Web 領域的專家報導，我們歡迎您的反饋、評論並貢獻文章。 關注我並轉發此篇文章，私信我「領取資料」，即可免費獲得InfoQ價值4999元迷你書！

TTT77941YYDDEE156365GG

文章來源取自於：

每日頭條 https://kknews.cc/code/x49xlaq.html

如有侵權，請來信告知，我們會立刻下架。

DMCA：dmca(at)kubonews.com

聯絡我們：contact(at)kubonews.com

台南壓力感測踏墊安全繼電器高雄智慧型無效化致動器設計與電路設計高雄HS1L型電磁式安全開關台中XN系列緊急停止用按鈕開關﹝組合型﹞台南HE2B型促動開關
台中HE2G型手握式促動開關 高雄HS2P型盤面安裝型安全插頭元件 安全元件輔導符合歐規電路的CE認證公司台北HS1L型電磁式安全開關 台南XA系列緊急停止用按鈕開關﹝圓角弧面按鈕型/組合型﹞ 安全繼電器模組協助符合歐規電路的CE認證公司台北XA系列緊急停止用按鈕開關﹝一體型﹞ 台北智慧型無效化致動器設計與電路設計 由於具備明確的夾持力，可免除維護台北HS6B型安全開關 台南發光緊急停止開關 機械操作標示貼紙，工安標示貼紙製作批發與設計