秋风的笔记的博客

函数式编程看React Hooks(一)简单React Hooks实现

函数式强调在逻辑处理中不变性。面向对象通过消息传递改变每个Object的内部状态。两者是截然不同的编程思想，都具有自己的优势，也因为如此，才使得我们从 class组件转化到函数组件式，有一些费解。

数组

缓存

函数式编程

原创 2022-05-06 12:20:15 193 阅读 1点赞

急速 debug 实战二（浏览器 - 调试线上篇）

通过前一篇的介绍，我们已经懂得基本的 debug 技巧，那么我们如何快速调试一些线上的问题呢。本文将线上的调试分为以下三种：线上即时修改、代理到本地代码、线上不存在 sourceMap 启用本地sourceMap

html

ide

刷新页面

原创 2022-05-06 12:19:17 309 阅读

急速 debug 实战一（浏览器-基础篇）

工欲善其事，必先利其器。最近在写代码的时候越发觉得不是代码有多难，而是当代码出了问题该如何调试，如何追溯本源，这才是最难的。

右键

字符串

javascript

原创 2022-05-06 12:18:56 118 阅读 1收藏

[译] Object.assign 和 Object Spread 之争, 用谁？

在 2018 年 Object Rest/Spread Proposal 达到了 stage 4，这意味着在未来它会将入到 ECMAScript 标准中。

操作符

运算符

node.js

原创 2022-05-06 12:18:28 139 阅读

喜大普奔，es2019登场

在刚4个小时前，TC39将以下特性加入到了 ES2019 中。

json

字符串

ico

原创 2022-05-06 12:18:15 97 阅读

在 vscode 中写 Markdown 如何装X

之前写 md 文档都是用的 Typora ,这款编辑器很简洁方便, 但是在处理图片的时候有点蛋疼，当然你可以用付费插件自动上传，但是秉着勤俭节约的特质，我就逛了逛了其他方案。然后发现其实用 vscode 写 Markdown 也非常爽啊。

上传

快捷键

图片压缩

原创 2022-05-06 12:17:57 282 阅读

pkg版本规范管理自动化最佳实践

何为版本？版本即语义版本控制（简称为 SemVer ）是一种版本控制系统，在过去几年中一直在不断发展。随着每天都在构建新的插件，插件，扩展和库，拥有通用的软件开发项目版本化方法是一件好事，可以帮助我们跟踪正在发生的事情。

git

版本控制

json

原创 2022-05-06 12:17:33 194 阅读

【漫游Github】无编译/无服务器，实现浏览器的 CommonJS 模块化

如果希望 CommonJS 的模块化代码能在浏览器中正常运行，通常都会需要构建/打包工具，例如 webpack、rollup 等。而 one-click.js 可以让你在不需要这些构建工具的同时，也可以在浏览器中正常运行。

ide

加载

github

原创 2022-05-06 12:16:03 135 阅读

吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《上》

之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。

css

json

ios

转载 2022-05-06 12:15:33 118 阅读

Node Napi 实现 C++ 扩展 - LRU 淘汰算法

前言前段实践了一下 Node 的 C++ 编写，对于底层的编程实践是每个程序员心中所向往的圣地。由于接触的

c++

缓存

node.js

转载 2022-05-06 12:15:09 406 阅读

if 我是前端Leader，怎么走出小微前端团队的围墙?

上一个星期一直忙于救火，周末又赶去参加了 `Tweb Conf`[1](首次参加这类活动)，所以没什么输出。

前端开发

解决方案

单点故障

转载 2022-05-06 12:14:38 70 阅读

前端算法题目解析

前几天逛 github 的时候看到一些前端的算法题，自己做了一遍发现还挺有意思的，因此整理了一下收录 dai

数组

字符串

最小公倍数

转载 2022-05-06 12:13:48 77 阅读

让浏览器添上终端的彩

引言随着我们使用内部构建系统的频率增高，没有色彩的日志已经无法满足我们日益增长的效率需求。在浏览器上输出的日

html

github

转义序列

转载 2022-05-06 12:13:39 63 阅读

函数式编程看React Hooks(二)事件绑定副作用深度剖析

本教程不讲解 React Hooks 的源码，只用最简单的方式来揭示 React Hooks 的原理和思想。

sed

回调函数

函数式编程

原创 2022-05-06 12:13:14 179 阅读

webpack 拍了拍你，给了你一份图解指南（模块化部分）

提到 webpack，可以说是与我们的开发工程非常密切的工具，不管是日常开发、进行面试还是对于自我的提高，都离不开它，因为它给我们的开发带了极大的便利以及学习的价值。

bundle

模块化

依赖关系

原创 2022-05-06 12:10:21 95 阅读

那些年你需要知道的浏览器事件循环

实际上浏览器的事件循环标准是由 HTML 标准规定的，具体来说就是由whatwg规定的。

事件循环

v8

执行栈

转载 2022-05-06 12:09:41 57 阅读

面试官: 浏览器缓存你了解吗？

缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。

缓存

浏览器缓存

服务器

转载 2022-05-06 12:09:18 148 阅读

1.5年经验如何拿到阿里巴巴 P6 前端offer

本文想分享的是如何准备阿里面试的以及面试过程的所想所得，希望能帮到你。首先，可能要让你们失望的是，这篇文章不

项目经历

技术栈

typescript

转载 2022-05-06 12:08:59 100 阅读 1收藏

一文了解文件上传全过程（1.8w字深度解析，进阶必备）

平常在写业务的时候常常会用的到的是 GET, POST请求去请求接口，GET 相关的接口会比较容易基本不会出错，而对于 POST中常用的表单提交，JSON提交也比较容易，但是对于文件上传呢？

2d

文件上传

json

原创 2022-05-06 12:07:58 148 阅读

《模块化系列》彻底理清 AMD,CommonJS,CDM,UMD,ES6

本文你将学到:1.Rollup 是什么2.CommonJS、AMD、CMD、UMD、ES6 分别的介绍3.ES6 模块与 CommonJS 模块的区别4.模块演进的产物 Tree Shaking5.Tree Shaking 要注意什么

github

加载

sed

原创 2022-05-06 12:02:41 129 阅读

《秋风日常第二期》一个快速找出待SEO图片的技巧

在日常开发中，可能对 img 的 alt 属性可能不会太注意，但是它对SEO和信息无障碍阅读体验却至关重要

阅读器

图吧

个人建站

原创 2022-05-06 12:02:05 60 阅读

《秋风日常第一期》白板协作工具 LeanBoard

在平时的日常工作中，常常会遇到需要记录的便签，或者在工作中遇到头脑风暴，需要一款简便的工具来进行记录，LeanBoard是一个很好的选择。

github

免费版

公众号

原创 2022-05-06 12:01:52 98 阅读

深入探究immutable.js的实现机制（二）

上一篇我们研究了 Immutable.js 持久化数据结构的基本实现原理，对其核心数据结构Vector Trie进行了介绍，并着重探究了其中的位分区机制。

数组

数据结构

github

转载 2022-05-06 11:54:27 77 阅读

React Hooks 原理与最佳实践

1. 前言React Hooks 是 React 16.8 引入的新特性，允许我们在不使用 Class 的前

复用

数组

嵌套

转载 2022-05-06 11:54:05 530 阅读

React 中请求远程数据的四种方法

React 是一个专注的组件库。因此，它对如何请求远程数据没有什么建议。如果要通过 HTTP 请求数据并将其

json

自定义

加载

转载 2022-05-06 11:53:25 82 阅读

深入探究Immutable.js的实现机制（一）

Immutable.js 由 Facebook 花费 3 年时间打造，为前端开发提供了很多便利。我们知道 Immutable.js 采用了持久化数据结构，保证每一个对象都是不可变的，任何添加、修改、删除等操作都会生成一个新的对象

数据结构

持久化

数组

转载 2022-05-06 11:53:12 93 阅读

高性能渲染十万条数据(虚拟列表)

前言在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表

数据

加载

偏移量

转载 2022-05-06 11:52:39 478 阅读

1.2w字初中级前端 JavaScript 自测清单 - 1

前言最近与部门老大一起面试了许多前端求职者，其中「想换个学习氛围较好的人占多数」，但良好的学习氛围也是需要一

javascript

运算符

函数表达式

转载 2022-05-06 11:52:01 52 阅读

如何写好规范的Git提交说明

在多人协作的项目中，如果Git的「提交说明」精准，在后期协作以及Bug处理时会变得有据可查，项目的开发可以根据规范的「提交说明」快速生成开发日志，从而方便开发者或用户追踪项目的开发信息和功能特性。

github

git

json

转载 2022-05-06 11:49:31 1241 阅读

替代 webpack？带你了解 snowpack 原理，你还学得动么

snowpack 的代码很轻量，本文会从实现原理的角度介绍 snowpack 的特点。同时，带大家一起看看，作为一个以原生 JavaScript 模块化为核心的年轻的构建工具，它是如何实现“老牌”构建工具所提供的那些特性的。

css

javascript

加载

转载 2022-05-06 11:48:57 85 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

wx61e13bf799532的博客

函数式编程看React Hooks(一)简单React Hooks实现

急速 debug 实战二（浏览器 - 调试线上篇）

急速 debug 实战一（浏览器-基础篇）

[译] Object.assign 和 Object Spread 之争, 用谁？

喜大普奔，es2019登场

在 vscode 中写 Markdown 如何装X

pkg版本规范管理自动化最佳实践

【漫游Github】无编译/无服务器，实现浏览器的 CommonJS 模块化

吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《上》

Node Napi 实现 C++ 扩展 - LRU 淘汰算法

if 我是前端Leader，怎么走出小微前端团队的围墙?

前端算法题目解析

让浏览器添上终端的彩

函数式编程看React Hooks(二)事件绑定副作用深度剖析

webpack 拍了拍你，给了你一份图解指南（模块化部分）

那些年你需要知道的浏览器事件循环

面试官: 浏览器缓存你了解吗？

1.5年经验如何拿到阿里巴巴 P6 前端offer

一文了解文件上传全过程（1.8w字深度解析，进阶必备）

《模块化系列》彻底理清 AMD,CommonJS,CDM,UMD,ES6

《秋风日常第二期》一个快速找出待SEO图片的技巧

《秋风日常第一期》白板协作工具 LeanBoard

深入探究immutable.js的实现机制（二）

React Hooks 原理与最佳实践

React 中请求远程数据的四种方法

深入探究Immutable.js的实现机制（一）

高性能渲染十万条数据(虚拟列表)

1.2w字初中级前端 JavaScript 自测清单 - 1

如何写好规范的Git提交说明

替代 webpack？带你了解 snowpack 原理，你还学得动么