Angular6实现HMR(热模块替换)

热模块替换(HMR)是一种WebPack功能,用于更新正在运行的应用程序中的代码而无需重建它。这样可以加快更新速度并减少整页重新加载。 为了让HMR使用Angular CLI,我们首先需要添加一个新环境并启用它。 1.HMR添加依赖项并配置app 安装hmr依赖环境 $ npm install --save-d...

浏览器页面渲染机制

发送&接收信息浏览器会从你的硬盘(或网络)中读取 HTML 的原始字节,浏览器接收字节数据后会经过重重转换翻译为浏览器可以识别的代码 在渲染的过程中,HTML总是第一个开始进行数据的转换的 从HTML的原始字节到DOM(Document Object Model) 第一步:将原始数据字节转换为字符 Byt...

Ionic3中懒加载的注意事项

在ionic3中,官方给出了使用懒加载来提升性能的解决方案,如果你的项目过于庞大,官方也给出了脚本用于你的懒加载. 1.为页面创建模块并使用IonicPage使用Ionic 2,我们为每个页面提供了一个文件夹,其中包含3个文件,如下图所示。 在每个文件夹中,我们需要创建一个NAME.module.ts类型的新文...

Angular中操作DOM时的注意事项

Angular2实际在使用过程中,有时候需要直接引用DOM中的一个元素,习惯上我们经常通过ID来获取DOM元素,但是在模块化编程中,这样操作会很大程度上会污染我们的全局HTML代码,而且随着项目的变大而不受控制.所以在angular中我们可以采取以下的方法来解决这个问题 <div #myDiv>&l...

RxJs中的的Subject

Subject的分类Subject包含四种类型,BehaviorSubject,AsyncSubject,ReplaySubject,Subject BehaviorSubject Observer会接收到BehaviorSubject被订阅之前的最后一个数据,再接收订阅之后发射过来的数据。如果BehaviorS...