Blazor 0.5.0 升級及新特性介紹

前言

喜大普奔, Blazor 0.5.0 在我刷了好幾遍 Github (表示功不可沒)以后,終于在 2018年7月25日發(fā)布了!
[Blazor 0.5.0 Announce] (https://blogs.msdn.microsoft.com/webdev/2018/07/25/blazor-0-5-0-experimental-release-now-available/
)
此版本提供的新特性:

  • 服務(wù)端 Blazor
  • 啟動模式修改為 ASP.NET Core 方式
  • Javascript 互操作提升
    • 免除 Javascript 方法預(yù)注冊需求
    • Javascript 中調(diào)用 .NET 方法
    • 通過引用方式傳遞 .NET 對象到 Javascript
  • 提供在任何 HTML 文件中使用 Blazor 的標(biāo)簽方法。
  • 渲染原始 HTML
  • 新的組件參數(shù)代碼段
  • 支持瀏覽器調(diào)試

Visual Studio 模板更新

要為 Visual Studio 安裝 Blazor Language Service extension 的開發(fā)人員 CI 版本,請點擊菜單 工具 - >選項 - >環(huán)境,將https://dotnet.myget.org/F/blazor-dev/vsix/ 添加為附加擴(kuò)展庫 - >擴(kuò)展和更新。如下圖所示:


再點擊 工具 -> 擴(kuò)展和更新,在左側(cè) 更新 里面可以看到有更新的模板。點擊對應(yīng)的模板更新即可。
以上說明用于你的VS已經(jīng)安裝有舊版本模板的更新。如果你是第一次安裝,請參考 Blazor 簡單介紹 - C# 全棧工程師的福音 說明操作即可。

VS Code CLI 更新

CLI 的更新就比較容易了,一個命令行的事。

dotnet new -i Microsoft.AspNetCore.Blazor.Templates

新版本體驗

在6月12日 ASP.NET Community Standup - Meet the Blazor team! (油管視頻,不能科學(xué)上網(wǎng)我也幫不了你),我就對 Server-side Blazor 很感興趣,這次出來新版本,上手第一件事就是試驗這個特性。
模板新建的項目,Chrome Network 對比結(jié)果如下:
Client side Blazor:
19 Request | 3.1 MB transferred | Finish: 4.26 s | DOMContentLoaded:479ms | Load: 720 ms
訪問我放在Github 的 Blazor SPA 網(wǎng)站
也歡迎你告訴我你的測試結(jié)果。

Server side Blazor:
10 Request | 97.5 KB transferred | Finish: 506 ms | DOMContenLoaded:384 ms | Load: 589 ms
本機(jī)測試結(jié)果。

在實際開發(fā)過程中,Client side Blazor 有時候加載時間達(dá)到 8-15 秒或更多, Loading 的過程是非常明顯的。這個加載慢是目前大部分 SPA 框架的普遍問題。 有人說,只要不關(guān)閉瀏覽器,加載畢竟只有開始的那一次痛,忍一忍也就過去了。
除了加載速度外,Server side blazor 的另外一個優(yōu)點是不需要通過 AJAX 訪問API數(shù)據(jù),由于所有過程都是在服務(wù)端進(jìn)行的,可以通過 ADO.NET 或 Entity Framework 等ORM直接進(jìn)行數(shù)據(jù)訪問。
選擇客戶端Blazor 或者是服務(wù)端 Blazor,需要根據(jù)不同項目需求具體分析。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,572評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,071評論 3 414
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,409評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,569評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,360評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 54,895評論 1 321
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,979評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,123評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,643評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,559評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,742評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,250評論 5 356
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 43,981評論 3 346
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,363評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,622評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,354評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 47,707評論 2 370

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,776評論 18 139
  • 關(guān)于Mongodb的全面總結(jié) MongoDB的內(nèi)部構(gòu)造《MongoDB The Definitive Guide》...
    中v中閱讀 31,985評論 2 89
  • 注:我嚴(yán)格要求自己堅守品格,本文中所有個人信息和個人隱私都做了全面保護(hù)處理,如果做的還不夠,請指正。 我看見他的第...
    厚德and自強(qiáng)閱讀 1,110評論 1 4
  • “中秋節(jié)快樂!” “同樂同樂。” 這是逢年過節(jié)的開場白和對白,我把聊天記錄翻上去,上一次我們聊天的時候,是“國慶節(jié)...
    Chosing_春幸閱讀 1,171評論 0 1
  • 何為愛情,它在生活中扮演什么樣的角色呢? 是面包后的飲料嗎?是無聊的慰籍還是什么呢?到底算是什么? 有沒有知道的朋...
    玖蘭玥閱讀 215評論 0 0