当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

什么是浏览器插件？简单来说浏览器插件，是浏览器上的一种工具，可以提供一些浏览器没有的功能，帮你做一些有趣的事情。开发者可以根据自己的喜欢，去实现一些功能。插件基于Web技术（html、css、js）构

使用过 wxa-plugin-canvas,参考其demo实现还是比较简单的,但如果图片是链接的话,必须是https的。 node生成也有几种方式,综合对比功能、性能,选择了sharp,但是sharp 0.1到0.2是breaking change,之前网上博文已经用不上了,所…

CountDownLatch 是多线程控制的一种工具，它被称为 门阀、 计数器或者 闭锁。这个工具经常用来用来协调多个线程之间的同步，或者说起到线程之间的通信（而不是用作互斥的作用）。下面我们就来一起认识一下 CountDownLatch CountDownLatch 能够使一…

近年来，前端监控是越来越火，目前已经有很多成熟的产品供我们选择使用，这篇文章可以很好的带你入门前端监控。

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

之前我们搭建的ELK日志收集系统，主要是用来收集SpringBoot应用的日志。其原理是应用通过Logstash插件，使用TCP向Logstash传输日志，从而存储到Elasticsearch中去。但是有很多中间件的日志都是直接存储在文件中的，比如Nginx、Elasticse…

使用cookie实现持久化登录, 同时对cookie部署了XSS和CSRF攻击的基础防御措施。 用户上传的房屋信息将采用云上方式存储，避免Datebase压力太大。详细内容看这里：Cloundinary 用户将可以通过提供Google帐户信息来通过Google登录来登录app。…

最近发现了一个比较好用的内容diff库(就叫diff)，非常方便js开发者实现文本内容的diff，既可以直接简单输出格式化的字符串比较内容，也可以输出较为复杂的changes数据结构，方便二次开发。这里笔者就基于这个库实现高仿github的文本diff效果。 实现了代码展开，单…