摘要：概念 cdk（Component Dev Kit） 一些用于构建UI组件的行为原语 和Component相比，只是一些行为，可用于各种标签/组件上？ 一些未开发完成的组件或效果？以后有可能挪到Component中？ 种类 Drag and Drop 拖曳 cdkDropList 阅读全文

摘要：概念 类似于JavaScript的eslint，tslint用于TypeScript。 所有的tslint的配置文件都叫做tslint.json。 想要检查某一级目录下的所有文件（包括子目录），就在这一级目录下放一个想要的tslint.json，工具/插件会自动用该文件处理当前目录下的所有文件（包括 阅读全文

摘要：使用npm install等命令来安装、管理包 项目目录的package.json 需要放到项目的SCM代码仓库中 类似maven的pom文件，是开发者定义依赖包的地方 和npm install等命令相互影响。如果直接使用npm install xxx等命令增删改包的使用，会同步到package.j 阅读全文

摘要：可以通过**throwError(xxxError)**向上层抛出自定义或现有的异常类 自定义异常 import { ErrorType } from '../error-handling/error-type.enum'; export class XxxError extends Error { 阅读全文

摘要：8大核心 模块 Modules 组件 Components 组件是Angular框架最为重要的部分，通过不同组件(父子组件)的组合来构成组件树，进而实现组件化的编程 组件在被应用过程中有着完整的生命周期，包含以下几个过程 Constructor:进行组件类的初始化，以及变量初始化赋值等； OnCha 阅读全文

摘要：设计和理解工程的关键 模块层次组织、路由 父子模块之间的数据传递、事件传递 开发模式 数据绑定。 ts代码文件中的模型类或者变量，可以绑定到html中的各个位置，如标签的属性上、标签中等处。 ngModel可以实现双向绑定 如果HTML中需要根据状态改变显示，那么通常绑定到ts中的一个标志变量，最好 阅读全文

摘要：有多种方式 最常见的是在component的构造函数中直接注入服务：constructor(heroService: HeroService) 使用@Inject进行注入 如果在一个自己写的类注入另一个类 可以通过ReflectiveInjector.resolveAndCreate形式先创建，再通 阅读全文

摘要：转义 用\来进行转义 除了\本身，要转义的还有引号、ASCII码（如\0-\37这样）什么的。 \r\n这种换行在json的字符串字段中要转义成\r\n 原生的JSON即可进行json数据的处理 JSON.parse() JSON.parse()对转义字的符执行过程其实经历了两次转义：一次是字符串本 阅读全文

摘要：修改操作系统的时间并不一定能马上反映到浏览器中（比如new Date()有可能短时间内还是旧的时间） timestamp时间戳 timestamp时间戳的单位一般是毫秒，因此进行加减操作时要使用毫秒为单位的时间段。不过timestamp也有以微秒为单位的，比如一些可以进行时间戳转换的网站上就可以选使 阅读全文

摘要：使用 Angular Flex-Layout 輔助版面布局 一般不和bootstrap的布局样式混用 容器類 Containers fxLayout row：預設值，由左到右，從上到下 column：從上到下，再由左到右 row-reverse：與 row 相反 column-reverse：與 c 阅读全文

摘要：参考了《Angular即学即用》 版本 Angular2以后的版本和Angular1差别很大（对框架进行了完全的重写），但Angular2以后的版本之间差别不是很大 由于Angular2以后不仅仅使用了JavaScript，而且还支持用TypeScript编写App，常将Angular1叫做Angu 阅读全文

摘要：package.json npm install会依此下载依赖包，放到项目的node_modules目录下 "dependencies"中定义了需要依赖包（module）和版本 "devDependencies"中定义了开发环境需要以来包（module）和版本 '^'（插入符号）: 这个符号就显得非 阅读全文

摘要："zone.js 暴力之美" JavaScript是单线程执行的，因此为了不阻塞UI界面的用户体验，在JavaScript执行的很多耗时操作都被封装为了异步操作，如：setTimeout、XMLHttpRequest、DOM事件等。 zone.js为JavaScript提供了执行上下文，可以在异步任 阅读全文

摘要：Angular的ViewEncapsulation即封装模式 概念 Native 原先浏览器 Shadow DOM 行为 Native其作用是让组件样式不进不出，彻底封闭，全局样式也无法修改内部样式； 应该一般不会用，因为一般都想让外部的通用样式影响到内部，比如bootstrap的一些样式 Angu 阅读全文

摘要：其实打开一个新窗口，将DOM元素的canvas写成图片 如果页面中有滚动条等特殊情况，需要在生成图片前将相关的样式/Class移除，生成图片结束后再恢复 import as html2canvas from 'html2canvas'; // html2canvas only copies visi 阅读全文

摘要：各种结构风格？ 初始项目结构（加粗的是必须有的，普通的是一般会有的，斜体的是项目通常会自定义的） angular.json或者.angular cli.json（工作区配置文件） 为工作区中的所有项目指定 CLI 的默认配置，包括 CLI 要用到的构建、启动开发服务器和测试工具的配置项，比如 TSL 阅读全文

摘要：资源 "中文官网" 环境搭建 Node.js "Node.js官网" 一般本机安装最新的稳定版，服务端最好固定版本，慎重升级。 下x64的 Angular需要 Node.js 版本 10.9.0 或更高版本。 要检查你的版本，请在终端/控制台窗口中运行 node v npm包管理器 安装Node.j 阅读全文

摘要：编译结果 必须的文件其实只有dist/、app.js、package.json和特别引入的文件/依赖包 除了下图内容之外，其实还有一个 node_modules 文件夹，只不过在部署到CloudFoundry等环境时，不需要该文件夹，部署过程中会根据paskage.json的内容 重新下载依赖包 。 阅读全文