資訊專欄INFORMATION COLUMN
摘要：在端的雄心自從去年第一個公測版本推出之后，開發(fā)者使用構建跨和的應用。我們已經(jīng)推出一個預覽版，所以開發(fā)者可以進行嘗鮮并給我們反饋。這個預覽版的核心庫是現(xiàn)有核心庫的一個臨時分支。將開發(fā)所需要的工具集成到現(xiàn)有的腳手架和編輯器中。
原文地址: https://medium.com/flutter/br...Flutter For Web原文作者: Kevin Moore
翻譯作者: Fedora
用來構建漂亮、定制化應用的跨平臺的 UI 框架 Flutter 現(xiàn)在已經(jīng)支持 Web 開發(fā)了。我們很高興推出了一個預覽版的 SDK 可以讓開發(fā)者直接使用 Flutter UI 和業(yè)務邏輯代碼構建 web 應用在瀏覽器中運行起來。
Flutter 在 Web端的雄心自從去年第一個公測版本推出之后，開發(fā)者使用 Flutter 構建跨 IOS 和 Android 的應用。但是 Flutter 自始至終被設計成一個跨平臺的 UI 框架包括 Windows ，Mac，F(xiàn)uchsia 甚至是 Raspberry Pi（樹莓派）。因為 Flutter 是由 Dart 編寫的，里面包含一個生產(chǎn)環(huán)境的編譯器來構建原生的代碼和 JavaScript 代碼，所以我們有一個堅實的基礎。剩下的挑戰(zhàn)就是替換基于 Skia-based 的圖形引擎和文本渲染來適配 Web 平臺。
要做到這些，我們需要提供：
快速，無抖動的且每秒60幀的頁面交互
考慮到 Flutter 在其他平臺提供的能力和視覺
和現(xiàn)有開發(fā)模式整合的高效率的開發(fā)體驗
支持所有現(xiàn)代瀏覽器的核心 Web 功能
雖然Flutter for web是一項正在進行中的工作，而且為了實現(xiàn)上述功能還有很多工作要做。我們已經(jīng)推出一個預覽版，所以開發(fā)者可以進行嘗鮮并給我們反饋。
Flutter Web 架構Flutter 在 Web 端的整體架構和移動端的架構差不多:
Flutter 核心層（上圖綠色部分）在移動端和 Web 端是一樣的。它提供了 Flutter UI 的高度抽象，包括動畫，手勢，基本的小部件，以及一套大部分應用需要的 Material 風格的部件。如果你已經(jīng)在客戶端開發(fā)中使用了 Flutter，那么你就會很快的在 Web 開發(fā)中上手。
神奇之處就是將這些概念（客戶端層面的）編譯到瀏覽器中。我們重新實現(xiàn)了 dart ui 庫，原本是基于 Skia 引擎被用在客戶端上，現(xiàn)在是基于 DOM 和 Canvas API。當你編譯 Flutter 代碼到 Web 端，你的應用包括 Flutter 核心庫，Web 端的 dart ui 庫，所有的用 Dart 語言寫的代碼都會被編譯成 JavaScript 代碼，能夠運行在所有的現(xiàn)代化瀏覽器中。
我們正在認真考慮采納 Web 核心的特性，像用 Flutter 的路由模型無縫銜接瀏覽器的 History 路由。我們還在與 Flutter 桌面終端 合作，來實現(xiàn)鼠標滾動，懸停和聚焦這些客戶端開發(fā)中用不到的功能。
Flutter Web 項目聚焦的核心功能就是框架提供的豐富流暢的交互體驗?；?document 的 Web 端也能從 Flutter web 可視化中 收益。
這個預覽版的核心庫是現(xiàn)有 Flutter 核心庫的一個臨時分支。這讓我們的工程師能夠很快的實現(xiàn) web 端功能而核心團隊能夠持續(xù)保持開發(fā)穩(wěn)定的用于生產(chǎn)環(huán)境的工具。我們已經(jīng)開始往主倉庫合并部分支持瀏覽器端的代碼。我們計劃提供一個 Flutter 的工具包，里面的核心框架將為移動端，web，和其他平臺提供支持。
我們計劃的工作包括:
支持文本特性例如選中，復制和粘貼。
提供插件支持。像位置信息，攝像頭，文件 API，我們希望提供一個簡單的 API 將客戶端和 web 端橋接起來。
對 PWA 提供開箱即用的技術支持。
將 web 開發(fā)所需要的工具集成到現(xiàn)有的 FLutter 腳手架和編輯器中。
能夠用 DevTools 來調(diào)試 web 開發(fā)。
提高性能，瀏覽器支持以及無障礙的訪問的能力
歡迎大家去 flutter.dev/web 查看例子，文檔以及更多的資源。我們很期待你使用 Flutter 開發(fā)的 web 應用。
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/54118.html
摘要：在端的雄心自從去年第一個公測版本推出之后，開發(fā)者使用構建跨和的應用。我們已經(jīng)推出一個預覽版，所以開發(fā)者可以進行嘗鮮并給我們反饋。這個預覽版的核心庫是現(xiàn)有核心庫的一個臨時分支。將開發(fā)所需要的工具集成到現(xiàn)有的腳手架和編輯器中。 原文地址: https://medium.com/flutter/br...原文作者: Kevin Moore 翻譯作者: Fedora Flutter For ...
摘要：一序在上，團隊宣布推出新的穩(wěn)定版本，這是迄今為止最大的一次版本發(fā)布。伴隨著的發(fā)布，同期也宣布發(fā)布的版本，正式開啟了的全平臺框架之路。隨著的發(fā)布，正式成為一個全平臺的框架。開發(fā)流程目前僅支持。showImg(https://user-gold-cdn.xitu.io/2019/5/9/16a9a8967e736208); showImg(https://user-gold-cdn.xitu.i...
摘要：掌握可能是前端開發(fā)者翻盤的唯一機會。是開發(fā)必須的代碼庫。區(qū)別與應用，我們導入的是庫而非，這是因為目前的接口并非和的完全通用，不過隨著谷歌開發(fā)的繼續(xù)，它們最終會被合并到一塊。 Flutter是一種新型的客戶端技術。它的最終目標是替代包含幾乎所有平臺的開發(fā)：iOS，Android，Web，桌面；做到了一次編寫，多處運行。掌握Flutter web可能是Web前端開發(fā)者翻盤的唯一機會。 show...
閱讀 2169·2021-10-08 10:15
閱讀 1197·2019-08-30 15:52
閱讀 524·2019-08-30 12:54
閱讀 1542·2019-08-29 15:10
閱讀 2695·2019-08-29 12:44
閱讀 3017·2019-08-29 12:28
閱讀 3365·2019-08-27 10:57
閱讀 2224·2019-08-26 12:24
