liujiawei00的博客

双向绑定 不管是Angular还是Vue，他们的表单的双向绑定无非做了两件事，一件是接收输入的数据并赋值给元素的value属性，一件是监听input/change等事件，然后将$event.target.value赋值给绑定的值。这样就实现了基本的view-model和model-view的双向绑定。 输入+输出===双向绑定 总结为代码就是： <input [value]="name" (input)="name = $event.target.value" /> 在Angular里面： &

你一定听说过Angular的AsyncPipe管道吧？这是一个很方便的管道，我们可以在模版里面使用它，这样就不用强制性的去从Observables或Promises处理展开数据。AsyncPipe有一些我们刚开始可能看不出来的魔法力十足的东西。本文中我们希望能对这个有用的小工具的内部运作有更加深刻的了解。 订阅长连接的数据流 一般我们想起来AsyncPipe，只会想起解析来自Http请求的值。我们发起一个Http请求，返回一个Observable<Response>，做一些数据转化（比如map(

在构建Web应用程序时，性能应始终是头等大事。我们可以采取许多措施来加快Angular应用程序的运行速度，例如Tree-Shaking，AoT（提前编译），懒加载模块或缓存。为了提高关于Angular应用程序性能实践方面的全面了解，我们强烈建议您查看 Minko Gechev.撰写的Angular Performance Checklist。 在这篇文章中，我们专注于缓存。 ...

最近闲来无事，常常重读Angular官方文档，颇能发现些有趣的地方。让我想起海澜之家的广告词：每次都有新体验。 关于RXJS的基础概念，observable和observer，我们好多次搞得头晕眼花。 其实，看下面这简简单单的一行代码就懂了它们的关系： observable.subscribe(observer); observable是数据源头，是生产者，是待订阅者，通过subscribe方法...

又是许久没有动笔写博客了，18年换了公司，一直很忙。最近临近过年，几个项目也都告一段落，趁着测试和Refactor Code的功夫，想总结一下自己过去三年使用Angular搭建项目的经验。 从当初使用Angular1到现在手里的Angular6，还有已经发布几个月的Angular7，不断迭代的Angular，不断进步，不断优化。 经验的积累使我感受到一个好的Angular项目结构对于开发和维护...