最佳实践
鸭嘴兽Coder
这个作者很懒,什么都没留下…
展开
-
rxjs最佳实践
rxjs最佳实践 RxJS是JavaScript中最流行的函数响应式编程(FRP)。每天都有很多人在项目中使用RxJS。大多数开发人员都知道常见的代码精简的最佳实践,但RxJS的最佳实践呢?当涉及到FRP时,你是否知道该做什么和不该做什么?如何在代码中应用它们? 本教程将重点介绍我在日常编写代码时使用的几种最佳实践,并附上实际的例子。内容涵盖以下几点: 避免将所有的逻辑代码写在subscribe中 取消订阅 避免重复逻辑 用链式替代嵌套 用share处理相同的流 不要暴露subjects 使用弹珠图测试原创 2020-06-30 17:51:49 · 1020 阅读 · 1 评论 -
css技巧 | 如何设置粘性页尾
一个 CSS 技巧,如何使用 Flexbox 布局将网页的页尾始终放置在窗口最底部。 <body class="Site"> <header>…</header> <main class="Site-content">…</main> <footer>…</footer> </body> .Site { display: flex; min-height: 100vh; flex-dir原创 2020-06-21 08:37:00 · 353 阅读 · 0 评论 -
js防抖和节流的实现及使用
作用 防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。 在给 DOM 绑定事件时,有些事件我们是无法控制触发频率的。 如鼠标移动事件 onmousemove, 滚动滚动条事件 onscroll,窗口大小改变事件 onresize,瞬间的操作都会导致这些事件会被高频触发。 如果事件的回调函数较为复杂,就会导致响应跟不上触发,出现页面卡顿,假死现象。 在实时检查输入时,如果我们绑定 onkeyup 事件发请求去服务端检查,用户输入过程中,事件的触发频率也会很高,会导致大量的请求发出,响应速度会大大跟不原创 2020-05-27 18:21:36 · 2338 阅读 · 2 评论 -
Angular | 已知字典表value值,反显对应label
应用场景 在一些业务场景中,尤其是表单展示数据时,会包含一些存为字典表的数据,比如地址信息等,后端接口如果只返回了key值,则需要前端通过调用字典表接口去查询value值来反显到表单上。 业务html: dictSrv.province$是字段对应的字典表接口,返回值为Observable;dictTrans是字典转换管道(Pipe);province是后端传回的key取值;value和label的传值具体根据字典表返回的key和value对应的字段 <div>省份: {{ dictSrv.pr原创 2020-05-20 10:30:32 · 781 阅读 · 0 评论