如何管理应用内的接口请求？

这是一个值得讨论的问题，涉及如下若干方面：

1. 避免多次调用同一个请求（不同页面或不同组件）？
2. 失败了自动重试？
3. 切换浏览器 tab 返回页面时，自动发送请求更新数据？
4. 列表滚动位置恢复？
5. …….

这些问题可以在以下几个社区方案里找到答案（react-query 似乎更胜一筹）：

• reacrt-query：https://zhuanlan.zhihu.com/p/261146977
• swr：https://swr.vercel.app/zh-CN
• ahooks/useRequest...

一个不太常见，但很重要的 core-js bug 讨论：https://github.com/zloirock/core-js/issues/514

core-js 是 es3 的代码，应当是不需要 babel 编译的，但是，因为某种原因（暂不清楚），babel 会对 core-js 进行处理，并且会影响其中的代码，进而会发现 Symbol 在 Android 6.0 等低版本浏览器的兼容性出问题。

在移动端页面，小伙伴实际遭遇到了这种现象，依赖的第三方包使用了 Symbol 语法，即使引入全量...

内置 craco 扩展配置的 CRA Template，可直接使用。
TS 版本：@eleven.fe/cra-template-typescript
ES 版本：@eleven.fe/cra-template

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

如果想要无 eject 重写 CRA 配置，一般可以有以下...

采用缩放方案，单条边线好处理一点；如果需要四边都有边线，会有点麻烦，使用缩放方案，虽然可行，但是在部分设备上有间隙问题，建议放弃，或者使用 svg 来做 background-image。

以下是 less/sass 的简单实现示例。

LESS 上边线 1px

.border-top(@color) {
  position: relative;

  &:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\0020...

有时候可能会遇见这样的场景：模块A引用了模块B里的func1方法，而模块B又引用了模块A里的func2方法。

类似上面的场景，或者其它更复杂的如：A 引用 B，B 引用 C，C 又引用了 A，在不经意间可能会遇到一些诡异问题，如：明明代码没问题，却读不到导入的模块……

为了更好地避免这样的问题，可以使用 circular-dependency-plugin 插件来做循环引用的检测:

基本用法如下，复制、粘贴即可生效：

// webpack.config.js
const CircularDependencyPlug...

有时候 node_modules 中的第三方包有问题或需要修改几行源码，我们可以怎么办？

1. 去给作者提 issues？可能得不到回复。

2. 自己在 node_modules 里直接修改源码？下一次重新安装包，或者其他同事 install 的时候，被修改过的源码又恢复如初了。

3. 不用他的包，自己写一个？……

社区提供了一个工具：patch-package，专门用来处理修改 node_modules 包源码的问题。

使用方法如下，注意 yarn、npm 使用时的差异，推荐使用 yarn。

1. 安装 ...

1. 在 NPM 官网注册账号，https://www.npmjs.com

   邮件验证的时候可能需要翻墙访问。

2. 本机安装 nodejs

3. 推荐也安装一下 nrm，方便随时切换 npm 源

   sudo npm i nrm -g

   nrm 常用命令

   nrm ls                  # 查看所有
   nrm use [目标源]         # 切换至目标源

包的根目录需要有一个 package.json 文件，可以通过 npm init 命令去创建，示例如下：

{
  "name": "@eleven....

如何让 git commit 提交时更加规范？例如：vue、angular，如下图。规范化地提交记录，会让将来的回溯查找更容易，也让其他人阅读起来更加简便。

最近读到一篇不错的文章（你可能已经忽略的 git commit 规范），吸取下养分，顺便做个记录。文章介绍得很清楚，建议阅读原文，不做额外赘述，以下为集成到项目的快速指南。

使用到的工具 commitizen、husky、gitmoji-cli，cz-conventional-changelog 是 angular 的 commit message...

前端项目在 Git 提交时，往往会遗忘更新项目根目录的 package.json 文件的 version，通常不修改也不会有啥问题，但对于强迫症来说，不能忍！咱要改掉它……

编写一个简单的 node 脚本 check-version.js

先安装几个依赖包 yarn add inquirer chalk child_process -D

// /scripts/check-version.js

const inquirer = require('inquirer');
const ...

Git 常用命令做一波整理，方便随时查阅。

主要内容出自阮一峰大佬的科普文章：http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html 。

几个专用名词的译名如下：

• Workspace：工作区
• Index / Stage：暂存区
• Repository：仓库区（或本地仓库）
• Remote：远程仓库

# 在当前目录新建一个 Git 代码库
$ git init

# 新建一个目录，将其初始化为 Git 代码库
$ git init...