抱歉，您的浏览器无法访问本站
本页面需要浏览器支持（启用）JavaScript
了解详情 >
profiling & Flame Graphs

忽然想起来还没怎么用过 profiling tools，这可是性能分析“杀器”啊，小水一波，兴许以后就用上了🙃。 profiling profiling，分析。有很多时候，我们都会相对处于 runtime 的程序进行指标 & 特征分析，比如 CPU 使用情况、内存使用情况，race 检测等。 Flame Graphs（火焰图） Flame Graph，火焰图。火焰图是一种常用的可...

翻了波之前写的文章还有笔记，发现关于前端的文章并不多（好歹也划水做过点前端开发）。巧了，最近没什么好话题可写，做下 React Hooks 学习笔记吧。

Effect Hook

不得不说 Hook 的出现降低了我们在 React 中处理副作用（side effect）的心智负担，通过 useEffect 就可以很好的完成之前需要使用几个生命周期函数配合才能完成的事。

Effect Hook 死循环请求问题

由于 Effect Hook 不熟「官方文档没读透」，最近使用 useEffect 出现了异步请求发送了无限次的问题，翻🚗了。我有个组件大概是这么写的：

React

前言

新的一年，开始水第一篇技术文。碰巧最近React玩得多，撸一篇文章纪念一下开发环境的搭建。🤔

  • 开篇两问：
    • 什么是React？：React，用于构建用户界面的 JavaScript 库（官网复制粘贴，真香，不用怎么写template了，舒服
    • 什么是Flask？：一个使用Python编写的轻量级Web应用框架。用来写云原生应用很香！

先看下最终的项目结构，如下：《项目源码》

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
├── app.py
├── env
|  ├── Include
|  ├── Lib
|  ├── LICENSE.txt
|  ├── Scripts
|  └── tcl
├── frontend
|  ├── build
|  ├── node_modules
|  ├── package-lock.json
|  ├── package.json
|  ├── public
|  ├── README.md
|  └── src
├── static
|  └── js
└── templates
   └── index.html
React