大概不久就是各种 hooks 漫天飞舞的世界。变天了。 本文记录一下 React Hooks 学习，算是还一下技术债。只是一些形式化的理解的整理，不求甚解。 State Hooks import { useState } from 'rea ...

我的博客地址 正式地址 测试地址 前端源码 后端源码 文章目录 项目及其技术栈介绍 前端: 项目初始化 前端: 使用Sass和Antd 前端: 开发体验优化 前端: 搭建路由和状态管理 前端: 支持Axios 前端: 打包与环境变量设置 前 ...

Vue 是尤雨溪在 2014 年创建的一个前端框架，目前 Github Star 数高达 150K，是 Star 数最高的前端项目，并且 Vue 有着极为活跃的社区生态以及专职团队进行维护以确保项目可以健康长久地发展。 目前中国很多互联网 ...

柯里化，即Currying，可以是函数变得更加灵活。我们可以一次性传入多个参数调用它；也可以只传入一部分参数来调用它，让它返回一个函数去处理剩下的参数。 var add = function(x) { return function ...

大纲 本章主要是一些ts的类型工具以及模块化和相关实践，涉及以下内容： 类型编程 module和namespace 小技巧 ts在react中的实践 这篇稍微有点零碎，建议多查阅文档或者查阅相关的文章进行更多的了解，代码示例以告知 QAQ ...

场景还原 2019/12/28晚19:05左右，突然被拉进微信群。放出一段微信聊天记录，公司（国内某知名的互联网金融公司）高管使用app时发现公司app中活动推广页面打开缓慢，20+s才打开，产品，市场部老大被质问。此时问题来到了我们开发组 ...

业务诉求 有些业务对时效性要求并不高，可以通过给接口增加基于window的缓存能力，即在一定时间内相同的请求复用之前的请求结果，来实现页面的快速展现。比如 页面中有些图表，可能底层是一个接口的数据，但每个图表对不同的指标进行聚合运算。倘若将 ...

浏览器主要结构 目前，常用的浏览器主要有：Chrome、IE（Edge）、Safari、Firefox等。不同的浏览器在结构方面虽然有所差异，但是整体的设计理念是相似的。因此，可以抽象得到如下图所示的参考结构： image.png 组成 1 ...

这篇文档将通过一个 demo，介绍 React 几个 Hook 的使用方法和场景。包括： useState useEffect useMemo useCallback 自定义 hook 阅读此文档之前，建议先仔细阅读 React 官网文档中 ...

ES6 写的更少，做的更多 本文为意译，原文链接 JavaScript ES6 带来了一些新语法和一些很棒的新特性，这使你的代码更现代化更具可读性。 它可以让你写很少的代码实现更多的功能。ES6介绍了大量的新特性，比如：箭头函数、模板字符串 ...