CRUD切图犬

本文并不会讲解 hooks 的基本用法， 本文从 一个hooks中 “奇怪”（其实符合逻辑） 的 “闭包陷阱” 的场景切入，试图讲清楚其背后的因果。

最近在给我的博客网站 PWA 升级，顺便就记录下 React 同构应用在使用 PWA 时遇到的问题，这里不会从头开始介绍什么是 PWA，如果你想学习 PWA 相关知识，可以看下下面我收藏的一些文章。

项目中有两个页面有很多Echarts画的图，进去的时候特别卡，使用了滚动加载之后流畅很多，用户体验大幅提升。 另外滚动加载还有很多其他用途，比如：滚动翻页，无线翻滚，图片出现在视口才请求。。。 1. 传统方案 在滚动加载的组件中我们需要在state中添加一个字段表示正在加载中，…

最近写的项目，应用里所有的ajax请求都发送了2遍。由于新项目，基础模块是新搭的，所以出现一些奇葩问题也是意料之中，啊终于第一次在chrome的devTools遇见了活的options请求。 服务器基于从预检请求头部获得的信息来判断，是否接受接下来的实际请求。 此次OPTION…

这里是个人的「博客」、「笔记」、「书籍」、「Awesomes」、「书签」以及 「面试」等资源汇集。如果目前的你 那么可以看看这个资源汇集，或许能给你带来一些灵感（这是我开始工作以来的所有前端资源成果，如果大家喜欢可以点个赞哈）。感兴趣的同学可以 Star 一下 Git 仓库，或…

在上篇文章《Webpack源码解读：理清编译主流程》中，大体了解了webpack的编译主流程，其中我们跳过了一个重要内容Tapable。webpack 插件向第三方开发者提供了钩入webpack引擎中的编译流程的方式，而Tapable是插件的最核心基础。 本文首先分析Tapab…

前端的小伙伴在面试的时候，几乎都会遇到一道这样的面试题： add(1)(2)(3)(4)输出结果为10。在第一次看到这道面试题的时候，很多小伙伴感到了迷茫！借用王宝强在《人在囧途》中的表演：啥啥啥，这写的都是啥？下面胡哥为各位小伙伴带来这道题的揭秘。 我们从0开始，一点点儿的观…

splitChunks 作用是将第三方的组件拆分出来，打包成一个或几个包，用于长期缓存。这个行为可以在webpack中设置并自动完成。 DllPlugin 也能将第三方组件拆分出来，打包成一个或几个包，用于长期缓存且能加速打包过程。 Dllplugin 内含有的组件在 webp…

ESLint 是一个代码检查工具，主要用来发现代码错误、统一代码风格，目前已被广泛的应用于各种 JavaScript 项目中。 它通过插件化的特性极大的丰富了适用范围，搭配 typescript-eslint-parser 之后，甚至可以用来检查 TypeScript 代码。 …