Nest (NestJS) 是一个用于构建高效、可扩展的Node.js服务器端应用程序的开发框架。它利用 JavaScript 的渐进增强的能力，使用并完全支持TypeScript（仍然允许开发者使用纯 JavaScript 进行开发），并结合了 OOP （面向对象编程）、FP （函数式编程）和 FRP （函数响应式编程）。 Next.js是一个可用于生产环境的服务端渲染框架。 (ps:这两个框架名字长得还真像，可千万别搞错了) NestJS更专注一服务端，而Next.js更专注也页面的渲染，如果将这两个框架结合在一起，岂不是完美？本文将介绍如何将这两个框架整合到一起使用。 初始化 首先，……

会React的人对create-react-app(下文简称CRA)这个脚手架一定不会陌生，这是react官方推出的一个脚手架。虽然在使用上很方便，但它的webpack配置却是固定的，并没有提供修改的入口，这点正是让人又爱又恨。虽然官方提供了eject这个命令可以弹出所有配置文件，但当你使用了这个命令后，后续如果想升级脚手架，又是一个头痛的问题。本文将介绍如何在不执行eject命令的前提下，拓展CRA的webpack配置。 一、官方支持的配置拓展点 a. CRA支持普通的css文件，同时也支持css module，只需要将css的后缀名命名为*.module.css，就能开启css modu……

Next.js是一个非常优秀的React服务端渲染解决方案。一般做服务端渲染，大多数因素都是为了SEO，既然做了SEO，那么肯定会嵌入一些网站统计代码，本文将介绍如何在Next.js内使用百度统计代码。 一、获取百度统计代码 这一步就不多介绍了，详细大部分人都知道。 二、嵌入统计代码 next.js并没有像其他react框架一样有一个index.html入口，那么统计代码该放在哪个地方呢？next.js官方提供了这两个入口可以放置一些全局的代码：自定义Document或者自定义App。 官方文档如下： https://nextjs.org/docs/advanced-features/……

一、防抖动与节流 针对一些会频繁触发的事件，入resize，keypress，scroll等，如果正常绑定时间处理函数的话，很可能在段时间内连续触发多次，极大的浪费资源，降低前端性能。因此针对这类事件需要进行防抖动或节流处理。 防抖动 它的做法是限制下次函数调用之前必须等待的时间间隔。正确实现 debouncing 的方法是将若干个函数调用合成 一次，并在给定时间过去之后仅被调用一次。 function debounce(func, delay, immediate){ var timer = null; return function (){ var _this = thi……