本文作者|Stephen Fluin 译者|王强 策划|李俊辰,原文链接:原文链接 https://blog.angular.io/version-10-of-angular-now-available-78960babd41
Angular v10.0.0 正式发布了!这是跨越整个平台(包括框架、Angular Material 和 CLI)的一次主要版本更新。这次的新版发布间隔比以往短一些。自我们发布 Angular 9.0 版以来只过去了四个月。
我们尝试每年发布两个主要版本,以使 Angular 与其他 JavaScript 生态系统保持同步,并给出可预测的时间表。我们计划在今年秋天发布 v11 版。
新版内容
新的日期范围选择器
Angular Material 现在提供了一个新的日期范围选择器。可以通过 mat-date-range-input 和 mat-date-range-picker 组件使用它。
请参阅 StackBlitz 上的这个示例: https://stackblitz.com/angular/nknyovevygv?file=src%2Fapp%2Fdate-range-picker-overview-example.html
更多细节请查阅 date range selection: https://next.material.angular.io/components/datepicker/overview#date-range-selection
关于 CommonJS 导入的警告
当用户使用 CommonJS 打包的依赖项时,它可能导致应用程序膨胀且变慢。
https://web.dev/commonjs-larger-bundles/
从 v10 开始,当你的构建引入这种包时就会看到警告。如果你处理依赖项时看到了这类警告,请将依赖项替换为 ECMAScript 模块(ESM)包。
CommonJS 或 AMD 依赖项可能导致优化 bailout
可选的更严格设置
当你使用 ng new 创建新的工作区时,v10 提供了一个更严格的项目设置选项。
ng new --strict
启用此标志会使用一些新设置初始化你的新项目,这些设置可以提高可维护性,帮助你提前捕获错误并允许 CLI 在你的应用上执行一些高级优化措施。具体来说,strict 标志执行以下操作:
-
在 TypeScript 中启用严格模式;
-
将模板类型检查设置为 Strict;
-
将默认包预算减少约 75%;
-
配置 linting 规则以防止声明 any 类型;
-
https://palantir.github.io/tslint/rules/no-any/
-
将你的应用配置为 side-effect-free,以实现更高级的 tree-shaking 优化。
与生态系统保持同步
与往常一样,我们对 Angular 的依赖项进行了一些更新,以与 JavaScript 生态系统保持同步。
-
TypeScript 升至 TypeScript 3.9
-
TSLib 已更新至 v2.0
-
TSLint 已更新至 v6
我们还更新了项目布局。从 v10 开始,你将看到一个新的 tsconfig.base.json。这个新增的 tsconfig.json 文件可以更好地支持 IDE 和构建工具解析类型和包配置。
https://www.typescriptlang.org/docs/handbook/tsconfig-json.html
新的默认浏览器配置
我们更新了新项目的浏览器配置,剔除了较旧和较少使用的浏览器。
v9 默认值
v10 默认值
新值的副作用是默认为新项目禁用了 ES5 构建。要为需要它的浏览器(例如 IE 或 UC 浏览器)启用 ES5 构建和差异化加载,只需在.browserslistrc 文件中添加你要支持的浏览器即可。 https://github.com/browserslist/browserslist#browserslist-
Angular Team Fixit
我们大幅增加了对社区合作的投入。在过去的三周中,我们在框架、工具和组件中的未解决问题数量减少了 700 多个。我们已解决了 2,000 多个问题,并计划在接下来的几个月中投入大量资源,与社区合作做更多事情。
弃用和移除
Angular 新版增加了一些新的弃用和移除。
Angular Package Format 不再包含 ESM5 或 FESM5 包,在为 Angular 包和库运行 yarn 或 npm install 时,这可以节省 119MB 的下载和安装时间。之所以不再需要这些格式,是因为支持 ES5 所需的降级操作都会在构建流程结尾完成。
经过与社区的大量协调沟通,我们不再支持一些旧版浏览器,包括 IE9、10 和 Internet Explorer Mobile。
在下方链接查阅关于弃用和移除的更多信息。 http://v10.angular.io/guide/deprecations
如何更新到 v10 版本
请访问 update.angular.io 以获取详细信息和指导。为了获得最佳的更新体验,我们建议每次只升级一个主要版本。
要更新时:
ng update @angular/cli @angular/core
你可以在我们的 v10 版本更新指南中了解更多细节。 https://v10.angular.io/guide/updating-to-version-10
逆锋起笔
是一个专注于程序员圈子的技术平台,你可以收获最新技术动态
、最新内测资格
、BAT等大厂的经验
、精品学习资料
、职业路线
、副业思维
,微信搜索逆锋起笔
关注!
相关推荐
项目需要、在网上查找angularjs支持ie低版本的问题(主要是windows7下只有IE8)整理了一个小demo 主要两点 1、ng-app="myApp" id="test11" 加上id="XXX" 加入以下代码注册到页面上 angular.element(document)....
一个库,其中有50多个针对Angular 4/5/6/7/8/9/10的加载微调器。 ( )NgxSpinner什么是新的Angular 10支持 :partying_face: :partying_face: :partying_face: :partying_face: 最新角度依赖ng add命令将ngx-spinner...
角屏匹配 用于执行屏幕尺寸相关任务的简单 Angular API。 窗口上的单个调整大小...IE10) 将模块声明为依赖项 angular . module ( 'yourmodule' , [ 'angular.screenmatch' ] ) ; 将屏幕匹配注入控制器 angular . c
如果由于某种原因不能直接使用库(IE9限制),我们直接在该项目中重用了该项目的代码。 请查看下面的库,获取一些编写精美的代码。 角带 角靴 瓦尔德 贡献 确保发布发生在master分支上: git checkout master ...
支持所有主要浏览器和IE11及更高版本(可能不支持较低版本) 特征: 坚持一切! 超级流畅! 在现实世界的项目中测试 支持Angular Universal 切换到粘性模式时防止页面跳转 没有jQuery或其他依赖项-纯粹的...
角螺纹 原始绑定史上最简单有趣的多...环境Chrome >= 5 火狐 >= 3 野生动物园 >= 5 歌剧 >= 12 IE >= 9(IE8 未得到官方支持,但可能有效) PhantomJS >= 1.7 SlimerJS >= 0.8设置加载模块作为应用程序的依赖项 var a
ngDraggable v2.x需要Angular> = 6 v1.5.0要求Angular> = 4 && <6> = 6最近更新2019.08.01:1.5.0: ngDraggable : 将功能从v2移植到v1 2019.06.10:2.3.2: ngResizable 修复 :调整不会对Windows10 IE11(工作由...
@ ks89 / angular-modal-gallery还支持键盘快捷键,滑动手势和鼠标事件。 你喜欢@ ks89 / angular-modal-gallery吗? 请加一个 :white_medium_star: 支持这个图书馆 目录 :rocket: 主要部分 :rocket: 轮播 模态...
特征使用原生 AngularJS 范围进行数据绑定在整个树中排序和移动项目防止元素接受子节点支持的浏览器Angular UI 树在以下浏览器中进行了测试: Chrome(稳定) 火狐IE 8、9 和 10 对于 IE8 支持,请确保您执行以下...
特征使用本地AngularJS范围进行数据绑定在整个树中对项目进行排序和移动防止元素接受子节点支持的浏览器Angular UI Tree已通过以下浏览器进行了测试: Chrome(稳定) 火狐浏览器IE 8、9和10 对于IE8支持,请确保您...
我们中的一些开发人员仍然必须支持上个季节的大量浏览器(即IE 8),但我们想使用Gulp,Webpack等现代工具。该项目可以用作解决使用Angular.js 1.2加载问题的解决方法。 Webpack。 Angular.js 1.3及更高版本不需要...
键入,粘贴或拖放时,Angular指令仅在输入框中允许[0-9]。 该指令同时处理Windows键盘和Mac键盘。 该指令适用于input type="text" ,而不适用于input type="number" 。 输入mask指令 该指令检查输入pattern属性...
从IE8开始支持所有浏览器。 有关完整列表,请检查: , 和 一切都是异步的,并使用承诺 使用服务或指令 用法 : 下载项目或通过Bower bower install angular-localforage或npm npm install angular-localforage ...
IE10,IE11,Edge 最近2个版本 最近2个版本 最近2个版本 -- -- 带有Webpack的Angular v4 使用Webpack的完整Angular 2入门程序可与JWT配合使用包括登录名,about,404,commons页眉和页脚组件,以创建通用框架 1 ...
浏览器支持IE10+,Android 3+,iOS 6+,基本上所有现代浏览器!用法添加依赖项: angular.module('myApp',['ImageCropper']) 包括样式表初始化指令示例代码。参数width (string) - 裁剪器的宽度height (string) -
引入以下polyfill将改善浏览器支持: 为了能够在较旧的浏览器(例如IE和Safari的较旧版本)中使用最新和最强大JavaScript功能,您可能需要将添加到您的polyfills中。 为了获得动画支持(尤其是为了获得更好的支持)...
angular-seo-header SEO(搜索引擎优化)标题的角度插件。 动态文档标题 动态标头(元标记,...) 灵感来自 。 支持 ui-router(还没有) IE8及以上 安装 (1) 通过获取 angular-seo-header $ bower install ...
应该适用于 IE(运行 Angular < 1.3,因为 1.3 不支持 i8)和 Safari。 演示 在此处查看。 安装 复制 dist/tooltip(.min).js 或通过 bower 安装: bower install angular-tooltip --save 然后向您的应用程序...
另外,SCSS 还能识别大部分 CSS hacks(一些 CSS 小技巧)和特定于浏览器的语法,例如:古老的 IE filter 语法。 由于 SCSS 是 CSS 的扩展,因此,所有在 CSS 中正常工作的代码也能在 SCSS 中正常工作。也就是说,...