酱面

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（

外观模式：为一组复杂子系统接口提供一个更高级的统一接口，通过这个接口使得对子系统访问更加的容易。 通过对接口的二次封装，使其简单易用，隐藏起内部的复杂度，外观模式就是对接口的外层包装，以供上层代码调用。因此外观模式封装的接口方法不需要接口的具体实现，只需要按照接口的使用规则使用…

以上这段代码，相信大家再熟悉不过了，react controlled组件的最简单的栗子，controlled input组件。首先我们来说一说React的事件，包括上面我们使用的onChange事件，都属于React的合成事件，也就是非浏览器原生的，它是对浏览器原生事件的封装事…

inMap 是一款基于 canvas 的大数据可视化库，专注于大数据方向点线面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式；致力于让大数据可视化变得简单易用。 热力图这个名字听起来很高大上，其实等同于我们常说的密度图。 如图表示，红色区域表示分析要素的密度大，而…

在当下互联网行业，监控概念与重要性已经不需要再进行阐述，然而监控分为多种，对物理层（机房，云主机）的监控，对传输链路的监控，对已部署服务的监控等等，而后端的代码通常直接运行在服务器并处于24小时实时的监控状态之下，一旦服务的可用性出现问题，SRE和DEV往往在第一时间就会收到告…

1.建立express项目2.下载multer中间件3.在routes/index.js中引用multer，由于还要使用到文件操作，还要引用fs模块,并指定文件上传目录单文件上传:index.html

这篇文章我准备从实现一个非常简单的曲线动画效果入手，帮助大家彻底地弄懂什么是贝塞尔曲线，以及它有哪些特性，文章中有一点点数学公式，但是都非常简单:)。 在写代码之前，先了解一下什么是贝塞尔曲线吧。 贝塞尔曲线（Bezier curve）是计算机图形学中相当重要的参数曲线，它通过…

最近花了一些时间对我们公司PC端首页首屏做了一次优化。下面是最终优化后的加载速度（禁止谷歌浏览器缓存情况下） 本胖还记得之前掘金热门推荐了一篇名为 性能优化只有3步，你了解吗，里面总结了3种方法，本胖感觉很好哈。第一种就是关键资源字节数，第二种是关键资源连接数，3.关键渲染路径…

笔者在做项目的时候，需要对日期和时间进行一些处理和操作，但是每次都用JS自带的Date对象很不方便，还要写一堆繁琐的代码，后续维护起来也很痛苦。在网上找了一下JS处理日期和时间的插件，发现了MomentJS很好用，学习了一下它的语法，发现十分的简洁易懂，而且可扩展性很强，调用方…