摘要:本文介绍了 ng-bootstrap 项目中,tabset 控件的实现分析。
阅读全文
摘要:Angular 8 现在发布了!这是跨越整个平台的重要发布,包括框架、Angular Material,与主版本同步的 CLI。该发布改进了应用程序在现代浏览器上的启动时间,提供了开发 CLI 的新的 API,保持了 Angular 与业界生态和更多新的 Web 标准的同步。
阅读全文
摘要:Angular Console 是一个用于扩展 Angular CLI 的强大工具,通过提供一个图形界面的形式,方便开发者使用 CLI 的功能。
Angular CLI 提供了越来越多的功能,但是对于开发者来说,需要记住的命令和参数也日益复杂。使用 Angular Console 可以让开发者不再需要强记这些复杂的命令,直接通过图形界面完成工作。
阅读全文
摘要:想象一下,您的应用需要一些动态配置信息,这些信息在应用启动之前需要动态获取,并在应用运行中使用。
显然不能直接写道静态配置文件中,但是从客户端发出的请求又是一个异步请求,如何协调这个问题呢?
这里,我想向您演示,如何在 Angular 应用初始化期间,使用 APP_INITIALIZER 注入器来获取应用的动态配置信息。
阅读全文
摘要:对于 Web app 来说,高性能总是最高优先级,对于 Angular 也不例外。但是随着应用复杂度的不断增长,我们如何才能知道哪些内容打包到了应用中呢?如何跟踪包的尺寸?我们不希望一次发送太多的 JavaScript ,以至于拖慢应用的速度。
在这篇文章中,我们将使用 Angular CLI 和一些简单的命令来获得我们发布产品的 Angular 应用包的详细报告。
阅读全文
摘要:发布 Angular 应用的简单方式是使用 GitHub Pages.
这篇文章详细介绍了如果将一个 Angular 项目发布到 GitHub 中,在官方资料的基础上,提供了一个详尽的示例进行说买。
阅读全文
摘要:基于 Typescript 开发的时候,很麻烦的一个问题就是类型定义。导致在编译的时候,经常会看到一连串的找不到类型的提示。解决的方式经过了许多的变化,从 DefinitelyTyped 到 typings。最后是 @types。在 Typescript 2.0 之后,推荐使用 @types 方式。
阅读全文
摘要:.这一次,我们使用 Webpack 来打包 Angular 2 的应用。
与官方的 Hello, Angular 2 项目相比,我们不使用 System.js,而是使用 TypeScript 直接编译,然后使用 Webpack 打包生成代码。
阅读全文
摘要:许多程序员希望能够使用 VS2015 作为 IDE 来开发 Angular 2 应用,这里介绍如何设置 VS2015,使用快速上手文件来搭建 ASP.NET 4.x 项目。
这里介绍的内容来自 Angular 2 官网,项目使用 System.js 来加载 Angular 2,没有使用打包工具来进行打包,所以,在运行时的页面中会存在多个脚本引用。我们还可以使用打包工具打包,来使用 Angular 2.
阅读全文
摘要:通常我们希望这个项目可以分为多个独立的模块,webpack 可以直接支持 CommonJs 和 AMD 模块,对于 TypeScript ,我们还需要安装 TypeScript 和 ts-loader.
阅读全文
摘要:Webpack 是一个基于 NodeJs 的打包工具,我们可以使用它帮助我们将脚本打包,它还可以帮助我们生成宿主网页,并自动将打包之后的脚本嵌入到这个网页中。
阅读全文
摘要:伴随着 Angular 2 的正式 release,Kendo UI for Angular 2 的第一批控件已经发布了,当前是 Beta 版本,免费使用。
阅读全文
摘要:webpack 提供了一个如何开发 webpack 插件的介绍,你可以直接访问这里查看,这里提供一个扩展 HtmlWebpackPlugin 的开发实例。
前面我们介绍过 HtmlWebpackPlugin, 这个插件允许将 webpack 动态打包的输出注入到页面中,但是,有的时候我们需要在这个页面中注入一些自定义的样式表或者脚本,HtmlWebpackPlugin 并不支持这个特性。有人向插件作者提了建议,这里是讨论的内容,结果是插件提供了几个事件来支持自己来实现这个特性。我们通过一个实例来演示如何使用这些事件来扩展 webpack。
阅读全文
摘要:jQuery 中对 CommonJs 提供了直接支持,可以在 CommonJs 模块中直接引用 jQuery 对象,这是如何实现的呢?
阅读全文
摘要:分析 Bootstrap v4 中的 Component 中的 Alert 的实现.
阅读全文
摘要:一直希望在 Visual Studio Code 中使用 PowerShell,插件 CodeShell 提供了对于 PowerShell 的支持。
阅读全文
摘要:可以将 karma 与 webpack 结合起来,自动化整个单元测试过程。
阅读全文
摘要:集成 Karma 和 Angular2 我们需要做很多工作,由于需要使用 TypeScript 进行开发,首先需要正确配置 Typescript ,然后正确配置对 Angular2 的引用。还要创建 Karma 的入口文件,以便进行打包。
阅读全文
摘要:这篇文章讨论如何 Karma 集成 mocha 测试框架。
阅读全文