据说阿里有一道面试题就是谈谈函数节流和函数防抖。 糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！ 可以看到，我们只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字…

背景使用CRA脚手架创建的项目，如果想要修改编译配置，通常可能会选择npmruneject弹出配置后魔改。但是，eject是不可逆操作，弹出配置后，你将无法跟随官方的脚步去升级项目的react-scr

使用 CRA 脚手架创建的项目，如果想要修改编译配置，通常可能会选择 npm run eject 弹出配置后魔改。但是，eject 是不可逆操作，弹出配置后，你将无法跟随官方的脚步去升级项目的 react-script 版本。 第二种方式相对第三种略复杂一些，并且我注意到 An…

为什么翻译这篇文章，是因为本文中给出的建议和我在实际项目中的实践不谋而合，更彻底也更优秀。所以特别想分享给大家。 当项目规模逐渐增大之后，入门文档和教程级别的项目代码的局限性会逐渐显现出来，并且你会遇到在小型应用中不会遇到的问题。更致命的地方在于，如果想要解决这些问题，需要对整…

Scss通过$关键字声明和使用一个变量,频繁使用的color、radius、长度等数据可以声明为变量放在头部。 SASS提供了标准的算术运算符，例如+、-、*、/、%，可以采用运算符直接对数据进行处理。 & =嵌套规则外层的父选择器，有多层嵌套时 ，最外层的父选择器会…

本文记录了一次自己对项目的构建优化过程，总结了优化的方式以及配置，供大家参考。 使用`create-react-app` 创建的项目默认是无法修改其内部的webpack配置的，不像`vue-cli`

SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件，官方解释。 传统的css文件缺失变量等概念，导致需要书写的重复的代码很多。我写JS的习惯是遇见重…

SPA 和 MPA，这两个技术名词，前端应该都要进行了解，到底是什么意思，涉及到什么原理知识，下面我们就来简单聊聊吧。

某一天，我突然发现构建项目会经常失败，直接报错：FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory，这个错误很明显就是内存不足导致的构建失败。由于项目是在CI / …