冠军

导航

随笔分类 -  Web Front

1 2 3 下一页

ng-bootstrap 组件集中 tabset 组件的实现分析
摘要:本文介绍了 ng-bootstrap 项目中,tabset 控件的实现分析。 阅读全文

posted @ 2019-07-19 00:17 冠军 阅读(1266) 评论(2) 推荐(0) 编辑

Angular 8 发布
摘要:Angular 8 现在发布了!这是跨越整个平台的重要发布,包括框架、Angular Material,与主版本同步的 CLI。该发布改进了应用程序在现代浏览器上的启动时间,提供了开发 CLI 的新的 API,保持了 Angular 与业界生态和更多新的 Web 标准的同步。 阅读全文

posted @ 2019-05-29 11:07 冠军 阅读(2540) 评论(1) 推荐(0) 编辑

使用 Angular Console 提升开发体验
摘要:Angular Console 是一个用于扩展 Angular CLI 的强大工具,通过提供一个图形界面的形式,方便开发者使用 CLI 的功能。 Angular CLI 提供了越来越多的功能,但是对于开发者来说,需要记住的命令和参数也日益复杂。使用 Angular Console 可以让开发者不再需要强记这些复杂的命令,直接通过图形界面完成工作。 阅读全文

posted @ 2019-01-10 11:29 冠军 阅读(1178) 评论(1) 推荐(0) 编辑

Angular:在应用初始化时运行代码
摘要:想象一下,您的应用需要一些动态配置信息,这些信息在应用启动之前需要动态获取,并在应用运行中使用。 显然不能直接写道静态配置文件中,但是从客户端发出的请求又是一个异步请求,如何协调这个问题呢? 这里,我想向您演示,如何在 Angular 应用初始化期间,使用 APP_INITIALIZER 注入器来获取应用的动态配置信息。 阅读全文

posted @ 2018-06-09 09:54 冠军 阅读(1447) 评论(1) 推荐(0) 编辑

使用 Angular CLI 和 Webpack 分析包尺寸
摘要:对于 Web app 来说,高性能总是最高优先级,对于 Angular 也不例外。但是随着应用复杂度的不断增长,我们如何才能知道哪些内容打包到了应用中呢?如何跟踪包的尺寸?我们不希望一次发送太多的 JavaScript ,以至于拖慢应用的速度。 在这篇文章中,我们将使用 Angular CLI 和一些简单的命令来获得我们发布产品的 Angular 应用包的详细报告。 阅读全文

posted @ 2018-04-10 12:33 冠军 阅读(2275) 评论(0) 推荐(1) 编辑

Angular CLI: 发布到 GitHub Pages
摘要:发布 Angular 应用的简单方式是使用 GitHub Pages. 这篇文章详细介绍了如果将一个 Angular 项目发布到 GitHub 中,在官方资料的基础上,提供了一个详尽的示例进行说买。 阅读全文

posted @ 2018-01-28 11:59 冠军 阅读(1552) 评论(2) 推荐(1) 编辑

在 Typescript 2.0 中使用 @types 类型定义
摘要:基于 Typescript 开发的时候,很麻烦的一个问题就是类型定义。导致在编译的时候,经常会看到一连串的找不到类型的提示。解决的方式经过了许多的变化,从 DefinitelyTyped 到 typings。最后是 @types。在 Typescript 2.0 之后,推荐使用 @types 方式。 阅读全文

posted @ 2016-12-18 16:11 冠军 阅读(21356) 评论(0) 推荐(3) 编辑

Webpack 入门指南 - 3. Hello, Angular2!
摘要:.这一次,我们使用 Webpack 来打包 Angular 2 的应用。 与官方的 Hello, Angular 2 项目相比,我们不使用 System.js,而是使用 TypeScript 直接编译,然后使用 Webpack 打包生成代码。 阅读全文

posted @ 2016-10-25 23:31 冠军 阅读(4842) 评论(10) 推荐(6) 编辑

Angualr2 - 使用 VS2015
摘要:许多程序员希望能够使用 VS2015 作为 IDE 来开发 Angular 2 应用,这里介绍如何设置 VS2015,使用快速上手文件来搭建 ASP.NET 4.x 项目。 这里介绍的内容来自 Angular 2 官网,项目使用 System.js 来加载 Angular 2,没有使用打包工具来进行打包,所以,在运行时的页面中会存在多个脚本引用。我们还可以使用打包工具打包,来使用 Angular 2. 阅读全文

posted @ 2016-10-25 13:52 冠军 阅读(7642) 评论(3) 推荐(10) 编辑

Webpack 入门指南 - 2.模块
摘要:通常我们希望这个项目可以分为多个独立的模块,webpack 可以直接支持 CommonJs 和 AMD 模块,对于 TypeScript ,我们还需要安装 TypeScript 和 ts-loader. 阅读全文

posted @ 2016-10-24 23:05 冠军 阅读(5278) 评论(2) 推荐(8) 编辑

Webpack 入门指南 - 1.安装
摘要:Webpack 是一个基于 NodeJs 的打包工具,我们可以使用它帮助我们将脚本打包,它还可以帮助我们生成宿主网页,并自动将打包之后的脚本嵌入到这个网页中。 阅读全文

posted @ 2016-10-23 12:00 冠军 阅读(9984) 评论(4) 推荐(3) 编辑

集成 Kendo UI for Angular 2 控件
摘要:伴随着 Angular 2 的正式 release,Kendo UI for Angular 2 的第一批控件已经发布了,当前是 Beta 版本,免费使用。 阅读全文

posted @ 2016-09-17 02:40 冠军 阅读(4572) 评论(2) 推荐(4) 编辑

使用 Google Web Fonts
摘要:如何使用 Google Fonts 阅读全文

posted @ 2016-07-19 16:53 冠军 阅读(2066) 评论(0) 推荐(0) 编辑

扩展 HtmlwebpackPlugin 插入自定义的脚本
摘要:webpack 提供了一个如何开发 webpack 插件的介绍,你可以直接访问这里查看,这里提供一个扩展 HtmlWebpackPlugin 的开发实例。 前面我们介绍过 HtmlWebpackPlugin, 这个插件允许将 webpack 动态打包的输出注入到页面中,但是,有的时候我们需要在这个页面中注入一些自定义的样式表或者脚本,HtmlWebpackPlugin 并不支持这个特性。有人向插件作者提了建议,这里是讨论的内容,结果是插件提供了几个事件来支持自己来实现这个特性。我们通过一个实例来演示如何使用这些事件来扩展 webpack。 阅读全文

posted @ 2016-07-08 16:36 冠军 阅读(24961) 评论(4) 推荐(3) 编辑

jQuery 中对 CommonJs 的支持处理
摘要:jQuery 中对 CommonJs 提供了直接支持,可以在 CommonJs 模块中直接引用 jQuery 对象,这是如何实现的呢? 阅读全文

posted @ 2016-06-19 11:48 冠军 阅读(1242) 评论(0) 推荐(0) 编辑

Bootstrap 4 中 Alerts 实现
摘要:分析 Bootstrap v4 中的 Component 中的 Alert 的实现. 阅读全文

posted @ 2016-05-07 12:13 冠军 阅读(2547) 评论(0) 推荐(0) 编辑

在 Visual Studio Code 中使用 PoweShell - CodeShell
摘要:一直希望在 Visual Studio Code 中使用 PowerShell,插件 CodeShell 提供了对于 PowerShell 的支持。 阅读全文

posted @ 2016-03-11 18:43 冠军 阅读(24936) 评论(1) 推荐(1) 编辑

Karma 4 - Karma 集成 Webpack 进行单元测试
摘要:可以将 karma 与 webpack 结合起来,自动化整个单元测试过程。 阅读全文

posted @ 2016-02-29 15:57 冠军 阅读(4605) 评论(2) 推荐(0) 编辑

Karma 5:集成 Karma 和 Angular2
摘要:集成 Karma 和 Angular2 我们需要做很多工作,由于需要使用 TypeScript 进行开发,首先需要正确配置 Typescript ,然后正确配置对 Angular2 的引用。还要创建 Karma 的入口文件,以便进行打包。 阅读全文

posted @ 2016-02-29 15:57 冠军 阅读(2548) 评论(1) 推荐(0) 编辑

Karma:2. 集成 Karma 和 mocha 进行单元测试
摘要:这篇文章讨论如何 Karma 集成 mocha 测试框架。 阅读全文

posted @ 2016-02-29 15:56 冠军 阅读(5477) 评论(0) 推荐(2) 编辑

1 2 3 下一页