Angular 7支援虛擬滾動、拖放、CLI Prompts等特性
"routing": {
"type": "boolean",
"description": "Generates a routing module.",
"default": false,
"x-prompt" : "Would you like to add Angular routing?"
},
Angular Budgets是一項允許開發人員在angular.json配置檔案中設定預算閾值的功能,以確保應用程式的某些部分保持在界定的大小範圍內。Budgets在Angular 7中的效能得到了改進,當應用程式的初始捆綁包大小超過2MB時會向開發人員發出警告,並在包大小達到5MB時丟擲一個錯誤。定製這些預算很容易:
"budgets": [{
"type": "initial",
"maximumWarning": "2mb",
"maximumError": "5mb"
}]
與效能相關的另一個改進是Angular 7將從生產環境的polyfill.ts檔案中移除reflect-metadata,這個polyfill只在開發階段有需要,但很多開發人員都將其包含在生產環境中。
虛擬滾動已被新增到CDK中,可以基於列表的可見部分從DOM載入和解除安裝元素,並且可以為具有非常大的可滾動列表的使用者構建非常快速的體驗。
<cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">
<div *cdkVirtualFor="let item of items" class="example-item">{{item}}</div>
</cdk-virtual-scroll-viewport>
CDK中新增的另一個特性是拖放支援。它使開發人員能夠通過宣告方式輕鬆地建立拖放介面,支援自由拖動、列表排序、在列表間傳輸項、動畫、觸控裝置等。
對於大多數開發人員,只需要執行一個命令就可以更新到Angular 7:
ng update @angular/cli @angular/core
有關將應用程式更新到Angular 7的詳細資訊和指導,請訪問update.angular.io。根據Google的說法,早期採用者報告稱這個版本的更新速度比以往都要快,很多應用程式的更新時間不到10分鐘。
文件也得到更新,現在包含了Angular CLI的參考資料。發行說明中提供了完整的變更列表。
檢視英文原文:Angular 7 Comes with Virtual Scroll, Drag and Drop, CLI Prompts and More
相關推薦
Angular 7支援虛擬滾動、拖放、CLI Prompts等特性
Google已經正式釋出了Angular 7。Angular 7是Google推出的Web框架的一個新的主要版本。新版本帶來了虛擬滾動、拖放、CLI Prompts等。 Angular CLI開發人員用來初始化、開發、搭建和維護Angular應用程式的命令列工具,現在在開發人員執行諸如ng new或ng a
專案實戰:流水線影象顯示控制元件(列重新整理、1ms一次、縮放、拽拖、拽拖預覽、效能優化、支援OpenGL GPU加速)
需求 流水線影象掃描採集控制元件(帶模擬資料測試)效能需求 1.需至少滿足可1ms接收一次列資料,而不丟包(接收後可不必立馬顯示) 2.圖片重新整理率可達30HZ;限制需求 1.圖片高度最小隻能縮小為控制元件在介面顯的高度 2.控制元件在介面顯示的大小可任意調整,圖片可自適應控
17.QT-事件處理分析、事件過濾器、拖放事件
期待 使用 lis 相關 事件處理 [] 支持 實現 endif Qt事件處理介紹 Qt平臺會將系統產生的消息轉換為Qt事件 Qt事件是一個QEvent的對象 Qt事件用來描述程序內部或外部發生的動作 任意的QObject對象都具備事件處理的能力 Qt常見
js仿百度地圖拖拽、縮放、添加圖層功能(原創)
ets tle clas 火狐 相對 inner tlist posit css 最近項目中完成的需求,仿百度地圖中的功能: 要求:1.底層圖可以拖拽、縮放。 2.拖拽一個圖標,在底層圖上對應位置添加一個標註點,該標註點位置要隨底層圖移動。 3.添加的標註
WinForm版影象編輯小程式(實現影象拖動、縮放、旋轉、摳圖)
WinForm版影象編輯小程式(實現影象拖動、縮放、旋轉、摳圖) 閒暇之餘,開發一個圖片編輯小程式。程式主要特點就是可方便的對多個影象編輯,實現了一些基本的操作。本文主要介紹一下程式的功能、設計思路。 執行程式 下載地址: 百度網盤。https://pan.baidu.com/s/1cs
html5新特性與用法大全瞭解一下例如canvas、svg、地理定位(移動、pc)、拖放API(僅pc端)、web Socket、儲存等等!
有好多小夥伴私聊我問我html5新特性 和用法,下面我給大傢俱體介紹一下html5都新加了哪些新特性 1)新的語義標籤 footer header 等等2)增強型表單 表單2.03)音訊和視訊4)canvas 繪圖5) SVG繪圖6)地理定位7) 拖放API8)web worker 用來執行耗時任務9)web
js仿百度地圖拖拽、縮放、新增圖層功能(原創)
最近專案中完成的需求,仿百度地圖中的功能: 要求:1.底層圖可以拖拽、縮放。 2.拖拽一個圖示,在底層圖上對應位置新增一個標註點,該標註點位置要隨底層圖移動。 3.新增的標註點,可以拖動,刪除。 主要知識點和難點就是各個瀏覽器的點選、拖拽、縮放事件相容性,對js運動屬性、運動偏移位置的瞭解,
研究中完美顯示K線圖:縮放、拖動、多圖MACD疊加
原文請看:https://www.joinquant.com/post/13121?tag=algorithm 2018年11月30日更新: 修正了MACD線不顯示的問題。 以下是原文: 想展現資料,圖無疑是最好的方式。展示股票資料,當然是K線圖了,之前論內有人用matplotlib
Android開發學習之ImageView手勢拖拽、縮放、旋轉
在Android應用中,圖片隨手勢的拖拽、縮放、旋轉在很多場景中都會用到,今天我們要做的就是在ImageView的基礎上實現一個可以拖拽、縮放、轉轉的TouchView。 一、實現原理 OnTouc
縮放系列(三):一個可以手勢縮放、拖拽、旋轉的layout
弄了一個下午,終於搞出來了,PowerfulLayout 下面是一個功能強大的改造的例子: 可以實現以下需求: 1.兩個手指進行縮放佈局 2.所有子控制元件也隨著縮放, 3.子控制元件該有的功能不能丟失(像button有可被點選的功能,縮放後不能丟失該功能)
圖片拖拽、縮放、旋轉
$('body').on('click', '.imgScale', function() { $('body').append('<div class="img-dialog" style="position:fixed;z-index:999
Android自定義View實現圖片顯示,並實現縮放、拖拽、切換功能
這裡貼三個檔案的原始碼,第一個是main.java package com.example.test; import java.util.ArrayList; import java.util.List; import com.example.test.MyXZ; i
CSS佈局--transform應用(矩形旋轉、縮放、傾斜、滾動、3D轉換)程式碼
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style
vue元件系列2、拖放上傳
開發十年,就只剩下這套架構體系了! >>>
在CSS3中,可以利用transform功能來實現文字或圖像的旋轉、縮放、傾斜、移動這四種類型的變形處理
for skew 文字 values alt 實例 垂直 -o 移動 CSS3中的變形處理(transform)屬 transform的功能分類 1.旋轉 transform:rotate(45deg); 該語句使div元素順時針旋轉45度。deg是CSS 3的“V
Matlab 圖像平移、旋轉、縮放、鏡像
more msh ret 結果 src end 初始 求解 http 今天學習了用Matlab實現對圖像的基本操作。在Matlab中,圖像是按照二維矩陣的形式表示的。所以對圖像的操作就是對矩陣的操作。 對圖像進行縮放、平移、旋轉,都可以轉化為矩陣的運算。 關於變換矩陣的構
基本動畫、復合動畫設置 平移、縮放、旋轉、透明度 編碼實現 xml實現
sca ons new rpo 頂點 進行 clas imageview abs public class VAActivity extends Activity { private ImageView iv_animation; private Tex
影象處理之影象基本變化(平移、縮放、旋轉)(Octave實現)
在模式識別及計算機視覺中,要經常進行影象的變化。 例如:在識別手寫數字中,我們可能在廣泛應用中要求所有的圖片都是20*20這麼好的規格。所以,我們就需要進行縮放來達到目的。 今天來總結下學到的影象的基本變換。 首先我們計 (w,v) (w,v)為源影象的
屬性動畫(旋轉、平移、縮放、透明、綜合)
@Override public void onClick(View v) { switch (v.getId()) { case R.id.btn_rotate://360度旋轉 ObjectAnimator rotate = ObjectAnima
屬性動畫---平移、旋轉、縮放、漸變、組合
佈局—5個按鈕,一個ImageView 平移 private void transAnimator() { ObjectAnimator objectAnimator = new ObjectAnimator().ofFloat(image,