Hackandquan在掘金

限流器，顾名思义用来对高并发的请求进行流量限制的组件。 限流包括 Nginx 层面的限流以及业务代码逻辑上的限流。流量的限制在众多微服务和 service mesh 中多有应用。限流主要有三种算法：信号量、漏桶算法和令牌桶算法。下面依次介绍这三种算法。 笔者在本文的程序示例均以…

说起路由懒加载，大家很快就知道怎么实现它，但是问到路由懒加载的原理，怕有一部分小伙伴是一头雾水了吧。下面带大家一起去理解路由懒加载的原理。 路由懒加载也可以叫做路由组件懒加载，最常用的是通过import()来实现它。 然后通过Webpack编译打包后，会把每个路由组件的代码分割…

①按条件表达式筛选：条件运算符：>、<、=、<>、!=、>=、<=。 ②按逻辑表达式筛选：逻辑运算符：&&（and）、||（or）、!（not）。 ③模糊查询：like、between and、in、is null、is not null。 查询员工工资>12000的员工信息。…

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…

某老人院信息管理系统项目，甲方要求将财务模块的各种报表导出为PDF文档，方便打印。 目标很明确，将 HTML 内容导出为PDF。 时间有限，先找轮子，一通谷歌后选定了前端工具 jspdf。具体使用方式比较简单，参考下列两个链接： 导出 pdf 的函数我参考了这条github链接…

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效率提高了很多，改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…

你是否好奇 Medium 是如何加载图片的？或许，你已经注意到图片是分多个步骤加载渲染的。首先，显示一张模糊版本的图片，然后，用全尺寸的图片替换掉。 我们可以把图片加载技术分为两个不同的功能。 1. 懒加载 懒加载是一种非常好的技术，它可以明显提升网站的性能。 想象一下，你写了…

自上一篇写关于diff的文章到现在已经过了二十天多，利用业余时间和10天婚假的闲暇，终于搞懂了React源码中的调度原理。当费劲一番周折终于调试到将更新与调度任务连接在一起的核心逻辑那一刻，忧愁的嘴角终于露出欣慰的微笑。 最早之前，React还没有用fiber重写，那个时候对R…

通过以上四节我们基本完成了前端页面渲染PDF的基本功能，但是我们要做的不仅仅只有这些，我们实现的只是单页面视图。用户体验不是很好，我们要实现多页面试图，用户滚动查看，但是用户滚动查看就会遇到性能问题，因为每一页都要渲染成一个 canvas 标签，如果PDF有几千页，就要几千个d…