操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

新聞資訊

    何在Angular中使用cli集成NW.js

    簡介

    1. 以網絡最流行的技術編寫原生應用程序的新方法
    2. 基于HTML5, CSS3, JS and WebGL而編寫
    3. 完全支持nodejs所有api及第三方模塊
    4. 可以使用DOM直接調用nodejs模塊
    5. 容易打包和分發
    6. 支持運行環境包括32位和64位的Window、Linux和Mac OS

    進入Angular工程目錄按照循序執行如下操作

    添加NW.js

    其中需要添加concurrently用于執行多個命令

    npm install --save-dev nw@sdk concurrently
    

    修改scripts部分

    打開package.json,添加如下配置,保留原來start,添加nw命名空間

    "start:nw": "concurrently \"ng serve --port=4200\" \"nw .\""
    

    添加運行環境配置

    打開package.json,添加如下配置

    "main": "http://localhost:4200",
    "node-remote": "http://localhost:4200",
    "window": {
     "width": 960,
     "height": 600,
     "min_width": 700,
     "min_height": 500,
     "icon": "your-app-logo.png"
    },
    

    Angular與Nodejs沖突

    Angular在加載時添加了一個global對象。由于Node.js使用global對象的方式與瀏覽器使用窗口對象的方式類似,因此nw.js將其公開以便于訪問。我們需要將Node.js的global對象移動到其他地方,這樣Angular可以自私地使用該名稱空間。

    修改index.html,在<head></head>中添加這段腳本

    <script>
     window.nw_global=window.global;
     window.global=undefined;
    </script>
    

    NW.js全局聲明

    如果在Angular項目中需要調用NW.js操作需要聲明NW.js存在,修改src/polyfill.ts。

    出品|開源中國

    在過去的一年里,Angular 團隊刪除了 Angular 的傳統編譯器和渲染管道,因此在過去幾個月里 Angular 改進了一系列與開發者體驗相關的內容。Angular v15 則是進一步推動了這項工作,它有幾十項改進,使開發者有更好的體驗和性能。

    獨立 API 脫離開發者預覽版

    在 Angular 14 中,引入了新的獨立 API,使開發者能夠在不使用 NgModules 的情況下構建應用程序。如今在 Angular 15 中,這些 API 已經脫離了開發者預覽,現在是穩定的 API 的一部分。從現在開始,我們將按照語義版本的方式逐步改進它們。

    Directive composition API

    指令組合式 API(Directive composition API) 將代碼重用帶到了另一個層次,這項功能的靈感來自于 GitHub 上最受歡迎的功能請求(feature request),該請求要求提供向宿主元素(Host Element)添加指令的功能。

    指令組合式 API 使開發者能夠用指令來增強宿主元素,并為 Angular 配備了強大的代碼重用策略,指令組合 API 只適用于獨立的指令。

    Image 指令現在穩定了

    在 Angular 14.2 中,Angular 帶來了與 Chrome Aurora 合作開發的 Angular image 指令的開發者預覽版。

    如今在 Angular 15 中,該指令現在已經達到穩定了,Land's End 對這一功能進行了實驗,在 lighthouse lab 測試中觀察到 LCP 有 75% 的改善。

    更好的堆棧跟蹤

    Angular 團隊從每年的開發者調查中得到了很多啟示,在深入研究開發者面臨的調試難題后,團隊發現錯誤信息可能需要得到一些改進。

    餅狀圖顯示,大多數開發者在理解 Angular 中的錯誤信息時都很困難。因此 Angular 與 Chrome DevTools 合作來解決這個問題。

    示例:

    ERROR Error: Uncaught (in promise): ErrorError
        at app.component.ts:18:11
        at Generator.next (<anonymous>)    at asyncGeneratorStep (asyncToGenerator.js:3:1)
        at _next (asyncToGenerator.js:25:1)
        at _ZoneDelegate.invoke (zone.js:372:26)
        at Object.onInvoke (core.mjs:26378:33)
        at _ZoneDelegate.invoke (zone.js:371:52)
        at Zone.run (zone.js:134:43)
        at zone.js:1275:36
        at _ZoneDelegate.invokeTask (zone.js:406:31)
        at resolvePromise (zone.js:1211:31)
        at zone.js:1118:17
        at zone.js:1134:33

    這個片段有兩個主要問題:

    • 只有一行對應于開發人員編寫的代碼。 其他一切都來自第三方依賴項(Angular 框架、Zone.js、RxJS)

    • 沒有關于導致錯誤的用戶交互的信息

    Chrome DevTools 團隊創建了一種機制,通過 Angular CLI 注釋 source maps 來忽略來自 node_modules 的腳本。還合作開發了一個異步堆棧標記 API,允許我們將獨立的、預定的異步任務連接成一個堆棧跟蹤。

    將基于 MDC 的組件發布到穩定版

    我們很高興地宣布,基于 Material Design Components for Web(MDC)的 Angular material 組件的重構工作已經完成。這一變化使 Angular 更加接近 Material Design 規范。

    對于許多組件,Angular 更新了樣式和 DOM 結構,而其他組件則從頭開始重寫了。Angular 為新組件保留了大部分 TypeScript API 和組件 / 指令選擇器,與舊的實現方式相同。

    實驗性 esbuild 支持的改進

    在 Angular 14 中,Angular 帶來了在 ng build 中實驗性地支持 esbuild,以實現更快的構建時間并簡化 Angular 管道。

    在 v15 中,現在有了實驗性的 Sass、SVG 模板、文件替換和 ng build --watch 支持。

    語言服務中的自動導入

    語言服務現在可以自動導入你在模板中使用但沒有添加到獨立組件或 NgModule 中的組件。

    CLI 改進

    在 Angular CLI 中,引入了對獨立穩定 API 的支持。現在你可以通過 ng g component --standalone 生成一個新的獨立組件。

    Angular 也在進行簡化 ng new 輸出的任務。作為第一步,通過刪除 test.tspolyfills.tsenvironments 來減少配置。現在你可以直接在 angular.json 中的 polyfills 部分指定你的 polyfills。

    "polyfills": [  "zone.js"]

    為了進一步減少配置開銷,現在使用 .browserlist 來讓你定義目標 ECMAScript 版本。

    社區貢獻

    自 v14 發布以來,Angular 收到了 210 多人對框架、組件和 CLI 的貢獻。

網站首頁   |    關于我們   |    公司新聞   |    產品方案   |    用戶案例   |    售后服務   |    合作伙伴   |    人才招聘   |   

友情鏈接: 餐飲加盟

地址:北京市海淀區    電話:010-     郵箱:@126.com

備案號:冀ICP備2024067069號-3 北京科技有限公司版權所有