Angular 的组件与模块看似好像与现有各种第三方类库（例如：lodash、moment 等）使用上有点格格不入，这很大的原因是 TypeScript 造成的假象。三足鼎立的前端其实都是雷同的，不管是哪种前端框架都可以使用到这些第三方类库。

weui 微信UI好像一直都不受很多人待见的样子，Github 已经长期未得到更新，或许 weui 团队认为已经没有必要再做一些新组件的支持，或者其他的改进。

以下我会阐述 ng-alain 整个过程，其中包括 Docker、Nginx、Let's Sencrypt 证书等范涛，我无法保证新手可以很好的阅读她，不过你可以通过一些文章关键字在搜索引擎获得更多资料。

0.2 版本做了一个很重要的业务组件抽离成为独立的类库，名曰：@delon。这样子做的好处主要希望解决若干核心问题： ng-alain 主题升级冗余问题 业务组件更友好的可重用（不限于 ng-alain 脚手架）、易维护 简化脚手架入门成本 目前 @delon 包含三个子类库： @delon/theme ng-alain 主题系统 若干数据渲染Pipe 若干常见Web...

但有时一些特殊需求会让人半死亡状态，当然这一切都是为了用户体验；一种非常常见场景，在移动端中用户通过关键词搜索商品，而死不死的这样的列表通常都会是自动下一页动作，此时用户好不容易滚动到第二页并找到想要看的商品时，路由至商品详情页，然后一个后退……用户懵逼了。

ng-alain 基于 ng-zorro-antd 的企业管理后台脚手架。 从开始我一直把它定位在一个 Angular 企业管理后台最佳实践，同时，在公司内部也开始正式基于此模板开发。 她包括几个特性： 基于 ng-zorro-antd 响应式 国际化 ACL访问控制 基于角色 路由守卫 延迟加载及良好的启用画面 良好的UI路由设计 十种颜色版本 SCSS预编译 ...

一、引言 一个单页应用第一次启动从文档的下载（包括各种资源）再到初始化至成功渲染这一过程基本上都是以秒为单位的。 Angular应用的 index.html 会在文档当中写入根组件，例如： {代码...} 直到Angular初始化完成后 Loading... 字样才会从页面消失，并进入实际的应用。当然相比较一版空白着实还算优雅一点。 然而一个...

Angular从开发再到生产环境部署都离不开Angular Cli工具集，而Angular Cli本质上是使用 Webpack（当前使用版本为3） 来打包资源。

引言 在企业应用中权限、复杂页多路由数据处理、进入与离开路由数据处理这些是非常常见的需求。 当希望用户离开一个正常编辑页时，要中断并提醒用户是否真的要离开时，如果在Angular中应该怎么做呢？ 其实Angular路由守卫属性可以帮我们做更多有意义的事，而且非常简单。 什么是路由守卫？ Angular 的 Route 路由参数中...

由于工作的关系对于 React 并没有过度的深入，因此对 Ant Design 并无太多了解。当然也是因为工作中存在大量的 Angular 项目，后来 ng-zorro-antd 的发布引起我极大的关注。

ng-alain 一套基于 Ng-zorro-antd【ANT DESIGN】 的企业后台模板。 你可以在线体验它。 快速入门 确保 node 版本 >= 6.9.0 且 npm 版本 >= 3 以上。 ng-alain 本身并非组件库，只是一个单纯的企业后台模板，你可以直接克隆到你的本地，然后立即进入实际开发。 {代码...} 指引文章 ng-alain 非常单纯，整体的设计都...

项目是通过 ng new 来构建的，就如同你平时要创建项目一样，因此，当你克隆 ng-alain 到你本地后，只需要执行 npm install，那么就相当构建好一个新项目。

我认为这些工具类只会运用在内容区域，因此，按 Ant Design 的规范，尺寸的宽度是以一个 8px Gutter 基础间距为基础；并衍生出三个尺寸，分别为：

设计规则 ng-alain 是基于 ng-zorro-antd 组件库为基础的一个企业后台应用脚手架。 因此，整体依 Ant Design 的设计规则，ng-alain 按上-左-右布局，这些规范细节： 顶部导航 高度 64px。 侧边导航 宽度 200px。 当屏幕低于 1140px 宽时隐藏 侧边导航。 当屏幕低于 1140px 宽时打开 侧边导航 为 fixed 状态。 内部区域 ...

当一个用于修改用户信息的表单，数据的来源总是来自远程；而对于一个 FormGroup 的创建总在 ngOnInit 中完成。因此，这里会有一个表单更新值的问题。

这人要是越期待，心就越着急。早在8月上旬我就开发好了 ng-zorro-vscode；一个在vscode下的snippets。因此，虽然那时未能探到源代码，但从官网的SDK中，就已经对 ng-zorro-antd 有一定全面性了解。

基本上当下的应用都会分为前端与后端，当然这种前端定义不在限于桌面浏览器、手机、APP等设备。一个良好的后端会通过一套所有前端都通用的 RESTful API 序列接口作为前后端之间的通信。

表单最核心的是校验体验，在Angular中简直就是发挥到了极致，比如：required、min、max、pattern 等，这些原本是HTML DOM元素中的表述，而Angular默认实现了一整套的校验指令，比如：required 对应 RequiredValidator。

Chrome Dev Tools 绝对是目前最爽的 JavaScript 调试工具之一，一方面可以通过在代码 debugger 或 直接在 Sources 中添加断点，并且可以直接进入 Typescript 源代码，真的无可挑剔。

Angular单元测试在所有前端框架当中不要太爽了，但是要全面说好它，还真需要很长的篇幅，因为各种测试方式就如同在写一份Angular入门级开发一样。因此，我打算使用一个系列来说明。

首先，它是一个编译型语言；既然是编译型，那么你像重构、导航、智能提醒这种工具属性就可以发挥出来，所以你会发现使用VS CODE来写Angular简直就是绝配。