首页
学习
活动
专区
圈层
工具
发布

Angular 11 正式发布,放弃对IE 9、10的支持!

首先,比较受大家关注的两点就是: 1、Angular 11.0.0 将放弃对TypeScript 3.9的支持,转而升级到 TypeScript 4.0。...(2) 字体自动内联(Automatic Inlining of Fonts) 在编译期间,Angular CLI 将自动下载字体,并关联到相关应用中,使得应用程序更快速。...(5) 更新语言服务预览(Updated Language Service Preview) 语言服务从当前的基于视图引擎逐渐转变 , 更新后的语言服务为开发人员提供了更强大、更准确的体验。...(8) 试验性支持webpack 5(Experimental webpack 5 Support) 可以选择试用 webpack 5。...blob/master/CHANGELOG.md 如果你想现在就尝试下新版本,升级到 Angular 11.0.0 ,可以执行以下命令: ng update @angular/cli @angular/

2.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    多种前端框架的优缺点「建议收藏」

    2、插件兼容性:与上一点类似,当新版jQuery推出后,如果开发者想升级的话,要看插件作者是否支持。通常情况下,在最新版jQuery版本下,现有插件可能无法正常使用。...2.是一个比较完善的前端框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能; 3.自定义指令,自定义指令后可以在项目中多次使用。...缺点: 1.angular 入门很容易 但深入后概念很多, 学习中较难理解. 2.文档例子非常少, 官方的文档基本只写了api, 一个例子都没有, 很多时候具体怎么用都是google来的, 或直接问...misko,angular的作者. 3.对IE6/7 兼容不算特别好, 就是可以用jQuery自己手写代码解决一些. 4.指令的应用的最佳实践教程少, angular其实很灵活, 如果不看一些作者的使用原则...,需要写很多模板标签 8.ngView只能有一个,不能嵌套多个视图,虽然有angular-ui/ui-router 解决,但ui-router 对于URL的控制不是很灵活,必须是嵌套式的 9.这次从

    4.7K20

    纯前端控件集 WijmoJS 2018V2发布,在React、Vue和Angular中更易用

    VSCode设计器:用于自定义Angular 框架下WijmoJS 组件 Web在线设计器,用于创建和自定义wijmoJS 控件 VSCode设计器 此设计器是VSCode的扩展。...安装后,它会在每个Angular 框架下的WijmoJS组件上方添加“Wijmo Designer ...”操作。单击操作按钮后,它将打开一个设计界面,用于自定义该特定组件。...在安装后重新加载VSCode。 然后打开一个使用WijmoJS 控件的Angular应用程序并尝试启动设计器。 Web在线设计器 此设计器是用于创建和自定义WijmoJS控件的Web应用程序。...它允许将控件添加到设计图面,然后根据自己的喜好自定义它们。配置完成后,可以将生成的代码复制到自己的应用程序中。...目前所做的工作是将所有Demo示例升级到Angular V6,并将WijmoJS 支持的TypeScript版本升级到V2.7。

    8.4K20

    免费的可视化Web报表工具,JimuReport v1.4.4-beta版本发布

    #I4MASB 导出PDF后的条码没有显示下方的覆盖文字#754 新建报表加载缓慢,地图数据改为加载json#I4NSTK 报表查询报错#I4Y351 mongodb无法解析sql#I4XCP2 关于查询框中下拉多选样式...负数转换大写金额报错#I4XRK1 使用now()函数导出时候,导出excel日期错误#I4X0WC 图片偏移量设置 - 横向偏移(px):无效#I4X0EQ 积木1.4.3分组排序bug#I4WZ1N 升级到...上传的图片都不呈现#813 查询菜单选择日期范围页面崩溃#I4XBKF 升级到1.4.32版本 导出pdf接口空指针#I4XBM8 1.4.32版本自定义系统日期变量,查询条件中日期变成了NAN#I4YF8V....png] [up-22096123c5b6a10a801967c33cc33a7af11.png] 数据报表斑马线 [up-e77ba28f6fb56d1147c13388e7e5d19d1bc.png...│ │ ├─字体颜色 │ │ ├─背景色 │ │ ├─字体加粗 │ │ ├─支持水平和垂直的分散对齐 │ │ ├─支持文字自动换行设置 │ │ ├─图片设置为图片背景 │ │

    83320

    Angular 项目中 assetsicons 文件夹的作用详解

    在这个标准的目录结构中,/src 目录包含了项目的源代码,而 assets 是 /src 下的一个子目录,常常用于存放静态资源,比如图片、字体、样式文件等。...图标组件的封装与复用为了在项目中更高效地使用图标,尤其是 SVG 图标,Angular 中经常会封装一个 IconComponent 组件,该组件会从 /assets/icons 文件夹中加载相应的图标...动态加载图标与懒加载优化在 Angular 项目中,如果项目规模较大,图标数量众多,直接加载所有图标可能会造成页面性能问题。因此,可以结合 Angular 的懒加载机制对图标的加载进行优化。...将这些图标存储在 /assets/icons 中,并通过 Angular 的懒加载策略来按需加载,可以有效减少首屏的加载压力。...Angular Material 提供了一种方式,将自定义的 SVG 图标集成到 MatIcon 组件中。

    26710

    【开发指南】(三)认识ionic3

    页面切换、数据展示、弹出框、Modal窗体、日期选择器等功能或组件,为了提高开发效率,出现了各种前端框架,如国外的Ionic、JQuery Mobile UI、Sencha Touch、Framework 7,...而路由、网络模块、指令、管道、服务等属于angular的技术范畴。 Ionic1基于Angular1开发。...等到angular2的更新到了一定版本,一些依赖库分属于2和3,为了便于版本的统一管理,直接跳到了angular4,其实angualr2和4两者的变化不算太多。相应的ionic2也同步升级到3。...,其它变化不大,具体更新如下: Angular 4.0 新的版本下,改进 AOT 编译器,分离 animations 包,缩小生成后的代码量,运行更快,改进ngIf 和ngFor 等具体内容可以访问...并且可以更轻松的在项目中设置延迟加载,设置延迟加载页面的优先级,并为每个页面自定义配置。

    3.7K40

    Angular 应用性能调优:从全链路监控到 Performance Budget 的闭环实践

    ,以及通过 CDN 与懒加载把页面加载时间压缩 30%。...在开启懒加载与 ChangeDetectionStrategy.OnPush 后,其首屏渲染时间平均下降 25%—但前提是开发者基于监控数据找准触发点。...RxJS 泄漏治理 — 为自定义流加 takeUntil(destroy$),并使用 take(1) 处理一次性请求,Stack Overflow 讨论表明这能杜绝 50% 以上的内存泄漏案例(stackoverflow.com...字体与图片优化 — web.dev 的指南指出,延迟加载字体与采用现代图片格式能把 LCP 提前 200–500 ms。...基础设施:CDN 与网络协议CDN 加速 — 真实测试表明,将站点资源交给 Cloudflare 后,整体加载时间平均缩短 30.2%;Cloudflare Early Hints 进一步把初次访问延迟再降

    12600

    WordPress 5.7 发布,更好用的古腾堡编辑器

    ​WordPress 5.7 发布,新版本改善了古腾堡编辑器的编辑体验,并使用户能够轻松创建更多高级块,并为块编辑器添加更强大的自定义项,还有 HTTPS 切换等其他功能改进​。...古腾堡编辑器更易使用 增强字体调整:编辑器很多的地方都可以调整字体,比如列表,代码等块,并且无需切换界面。 增强可重用块,更加稳定,更好用,并且支持自动保存。...更简单的默认调色板 全新简化的调色板参照 WCAG 2.0 AA 推荐的白色或黑色对比度将 WordPress 源代码中的所有颜色分解为 7 种核心颜色和 56 种阴影。...延迟加载 iFrame iframes 也可以延迟加载了,WordPress 默认会给设置了高和宽的的 iframe 加上 loading="lazy" 的属性。...jQuery 升级到 3.5.1 WordPress 还是会一直支持 jQuery,因为太多的插件和主题是基于 jQuery 做的交互,WordPress 将 jQuery 升级到最新版,并移除 jQuery

    92620

    从 Web 图标演进历史看最佳实践

    同时由于高昂的维护成本,很难做到按需加载图标,往往整站的图标都会全部合并到同一个“雪碧图”中。 图标颜色是确定的,无法在前端根据内容上下文灵活调整图标的颜色。...另外,虽然字体图标解决了一些“雪碧图”的体验问题,它也带来了一些新问题: 字体文件加载需要时间,在文件加载完成前,图标是无法显示的,内容就很容易发生闪烁。...虽然我们可以使用 data URI 来将资源内联,事实上有很长时间我们也的确使用过将图片或者字体通过 data URI 编码后内联到 HTML 的方式来避免这个加载的时间差,但是编码本身会增加内容 1/...可访问性问题:对于患有视力障碍使用读屏器的用户,由于字体图标实际由字符承载,无论字体是否加载完毕,读屏器都无法正常朗读其内容,在默认的状态下甚至会读出“unpronounceable”这样不符合预期的内容...相比于通过图片资源加载或者图标字体,只有一个劣势: 图标成为 HTML 内容的一部分,不再能在 CSS 中指定需要使用的图标了。当然这一点从我们的实践中来看,并不构成很大的阻碍。

    2K10

    angular5面试题_大数据面试题

    Angular v8+面试系列 Angular 面试题汇总1-基本知识 Angular 面试题汇总2-Component/Service Angular 面试题汇总3-单元测试 目录 关于Angular...关于angular的编译,AOT和JIT的区别 每个Angular应用程序都包含浏览器无法理解的组件和模板。 因此,在浏览器内部运行之前,需要先编译所有Angular应用程序。...Module 延迟加载(Lazy-loading) 当一个项目做得很大后,为了提高首屏加载速度,可以通过Lazy-loading,当访问到某些具体的url时,才加载那些不常用的feature module...选择从哪个版本升级到哪个版本后,会给出一步一步的升级命令,直接执行就好。...Angular v8+面试系列 Angular 面试题汇总1-基本知识 Angular 面试题汇总2-Component/Service Angular 面试题汇总3-单元测试 版权声明:本文内容由互联网用户自发贡献

    5.8K20

    带有桌面和推荐软件的 Raspberry Pi OS免费下载

    GTK+3 不兼容,无法加载某些插件(cpufreq,最小化所有窗口) * 错误修复 - gtk+3 - 禁用新的 GDK 触摸事件以启用在触摸屏上检测到双击 * 错误修复 - xrdp -...SD 卡复印机后的杂散驱动器移除警告 * 书架应用程序现在包括自定义 PC 杂志 * 各种翻译更新 - 意大利语、韩语、波兰语、德语、亚美尼亚语 * 如果需要,启动向导现在会安装日文字体...升级到版本 1.3.4 * pigpio 升级到 1.79 版本 * Thonny 升级到版本 3.3.6 * 更新了几个包的冰岛语和意大利语翻译 * piclone:移除应用程序在其他桌面的隐藏...aes-neon-bs 以加速 OpenSSL * 树莓派固件 fcf8d2f7639ad8d0330db9c8db9b71bd33eaaa28 * Linux 内核 5.10.17 2021...快捷键添加到打开关机选项框 * Ctrl-Shift-Esc 快捷键添加到打开任务管理器 * 在 OpenSSL 中启用 NEON 例程 * Linux 内核 4.19.97 * 树莓派固件 149cd7f0487e08e148efe604f8d4d359541cecf4

    3.9K20

    走进AngularJs(二) ng模板中常用指令的使用方式

    学习ng道路还很漫长,从模板开始入手是个不错方式,因为这部分内容相对简单好理解,而且是视图层的东西,大家都喜欢可以立马看得见的东西嘛。...ng提供的或者自定义的标签和属性,用来增强HTML表现力。 标记(markup)。即双大括号{{}},可将数据单向绑定到HTML中。 过滤器(filter)。用来格式化输出数据。 表单控制。...文件并解析为DOM;   2) 浏览器加载angular.js文件;   3) angular监听DOMContentLoaded 事件,监听到时开始启动;   4) angular寻找ng-app指令...DOM中的指令、过滤器等;   8) 使用ng-init指令,将作用域中的变量进行替换;   9) 最后生成了我们在最终视图。   ...可以看到,ng框架是在DOMcontent加载完毕后才开始发挥作用。

    3.4K20

    angularjs中常用的ng指令介绍【转载】

    ng提供的或者自定义的标签和属性,用来增强HTML表现力。 标记(markup)。即双大括号{{}},可将数据单向绑定到HTML中。 过滤器(filter)。用来格式化输出数据。 表单控制。...注意:  上面的这些只是单向绑定,即只是从数据到模板,不能反作用于数据。要双向绑定,还是要使用  ng-model  。...DOM; 2) 浏览器加载angular.js文件; 3) angular监听 DOMContentLoaded  事件,监听到时开始启动; 4) angular寻找ng-app指令,确定作用范围; 5...8) 使用ng-init指令,将作用域中的变量进行替换; 9) 最后生成了我们在最终视图。...可以看到,ng框架是在DOMcontent加载完毕后才开始发挥作用。

    2.4K30

    【前端技术丨主题周】Angular 核心概念与框架演进

    小编说:在本文简单介绍了Angular的核心概念与演进过程,从七大核心概念看其背后的设计亮点,通过分析Angular 从框架到平台演进的过程来观察其发展趋势。...Angular 的七大核心概念 1. 模块 在Web 开发中,通过依赖全局状态或变量和保证JavaScript 文件引入顺序来正确加载相应的类库。...一个博客模块的组件树例子 变化监测是Angular 在应用的数据变化后,用于决定哪个组件需要随之刷新的机制。 3 ....Upgrade 模块,Angular 和AngularJS 1.x 不是孤立的,通过Upgrade 模块(原ngUpgrade)能够方便地将使用1.x 开发的应用升级到2.0 以上,面向未来编码。...首屏加载更快,使用服务端渲染和小型启动库使网络加载更快。 移动端响应大幅度提升,原生支持各种手势、触摸等。

    10.1K10

    18 个漂亮的 Bootstrap 模板

    用 AJAX 重新加载页面。 特殊的电子商务部分,大量有用的小部件,8个图表库,数百个页面,如:图库、日历、时间轴等等。 互动教程和首次打开应用时的提示。 到目前为止有 2000 次下载。...7 个仪表板,适用于 Crypto、CRM、电子商务等。 支持诸如 Material-UI、Redux、ReCharts 等流行的库。 支持动态路由。 异步加载。 代码拆分和HMR。...具有数百种可自定义多功能和多用途模板。 设计中元素、阴影、颜色、空间的完美组合。 出色的排版,具有像素优化的字体间系列和动态指标。 独家组件和精心设计的页面集。 100 多个小部件和插件。...使用的技术是Angular 8、Sass、HTML5、Firebase。 精心设计的时尚元素。 80 多种集成页面和 12 种集成语言。 随附所有必需的组件:图标、按钮、表单、表格图表。...或者你需要在一个月内启动该应用程序,而且没有时间自定义模板)。 仔细阅读使用所需技术构建的模板的演示,同时牢记从第 2 点中学到的内容。 选择模板。

    19.8K11
    领券