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