前端进阶

30

展示代码的6种绝佳方式

• 刘小夕   9月16日发布
• 22 收藏

很多时候，开发人员需要展示代码段，可能是用于演示，博客或者是摘要。那么有哪些程序代码的工具呢？1. Polacode[链接]如果你喜欢VS Code，那么这个适合你！ Polacode 是一个VS Code扩展，可以直接从 VSCode 获取...

20

这些热门 GitHub 库，值得每一个前端开发者收藏

• 刘小夕   6月3日发布
• 13 收藏

作为一个码农，我们需要专注于功能和最佳实践，而不是一遍遍地编写样板代码。消除无用功，投入时间学习使用正确的工具或者懂得使用有用的资源可以极大的帮助我们节省时间。

12

React中组件逻辑复用的那些事儿

• 刘小夕   5月19日发布
• 6 收藏

基本每个开发者都需要考虑逻辑复用的问题，否则你的项目中将充斥着大量的重复代码。那么 React 是怎么复用组件逻辑的呢？本文将一一介绍 React 复用组件逻辑的几种方法，希望你读完之后能够有所收获。如果你对这...

4

5个技巧助你编写更好的React代码

• 刘小夕   5月11日发布
• 2 收藏

CafeMenu 组件用于存储可用饮料的列表，现在我们想要创建另一个可以显示一种饮料的组件。如果不对 props 进行解构，我们的代码将像下面这样:

15

为什么说for...of循环是JS中的一颗宝石

• 刘小夕   4月8日发布
• 8 收藏

是什么使得一个编程语言的新特性很棒？那就是当这个特性可以结合多个其它特性的时候。 ES2015 版本中引入的 for...of 语句就是这种情况。 for...of 可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM...

97

带你深度解锁Webpack系列(优化篇)

• 刘小夕   3月31日发布
• 79 收藏

带你深度解锁Webpack系列(基础篇)和带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对配置进行优化。

45

万字长文带你深度解锁Webpack系列(进阶篇)

• 刘小夕   3月17日发布
• 37 收藏

如果你还没有阅读《4W字长文带你深度解锁Webpack系列(基础篇)》，建议阅读之后，再继续阅读本篇文章。 本文会引入更多的 webpack 配置，如果文中有任何错误，欢迎在评论区指正，我会尽快修正。 webpack 优化部分...

112

4W字长文带你深度解锁Webpack系列（基础篇）

• 刘小夕   3月9日发布
• 93 收藏

webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个 bundle。

18

动图演示23个鲜为人知的VSCode快捷键

• 刘小夕   1月17日发布
• 14 收藏

尽管我在VS Code中经常使用许多快捷方式，以下快捷方式可能会派上用场，但我经常忘记它们的存在。我制作了一些GIF，以便更好地记住它们。也许这里面也有一些快捷方式你也不记得了，但是却很有用。

36

愿你的指下有代码，眼里有星辰

• 刘小夕   2019-12-25 发布
• 3 收藏

2019年和以往的每一年都不一样，这一年，我离开了熟悉的南京，来到了北京的工作，成为了一名“进城务工人员”。每次从南京回北京的时候，我都笑称自己又要去进城务工了。

13

不容错过的 Babel7 知识

• 刘小夕   2019-12-02 发布
• 9 收藏

不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢的方式推进了每个知识点（每一个配置的引入都是有...

37

90行JS代码构建属于你的React

• 刘小夕   2019-11-14 发布
• 25 收藏

本文中的实现借助了 snabbdom ，因此如果你的关注点是虚拟DOM的实现或是将虚拟DOM渲染到浏览器的底层实现，本篇文章中并不会涉及到。

337

9个项目助你在2020年成为前端大师！

• 刘小夕   2019-11-05 发布
• 257 收藏

初学者(也许一些有经验的开发者也是一样)在读完官方文档，想写一个项目练手的时候不知道做什么项目好，或是有想法，但是无从下手。那么这篇文章将会给你带来很大的帮助。

24

你想知道的关于 Refs 的知识都在这了

• 刘小夕   2019-10-29 发布
• 17 收藏

Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 Refs 使用场景 在某些情况下，我们需要在典型数据流之外强制修改子组件，被修改的子组件可能是一个 React 组件的实例，也可能...

24

【React系列】动手实现一个react-redux

• 刘小夕   2019-10-09 发布
• 16 收藏

react-redux 是 redux 官方 React 绑定库。它帮助我们连接UI层和数据层。本文目的不是介绍 react-redux 的使用，而是要动手实现一个简易的 react-redux，希望能够对你有所帮助。

55

【React系列】从零开始手写redux

• 刘小夕   2019-09-19 发布
• 35 收藏

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。Redux 除了和 React 一起用外，还支持其它界面库。Redux 体小精悍，仅有 2KB。这里我们需要明确一点：Redux 和 React 之间，没有强绑定的关系。本文旨在...

53

Array.from() 五个超好用的用途

• 刘小夕   2019-08-29 发布
• 38 收藏

翻译：刘小夕原文链接：[链接] 因水平有限，文中部分翻译可能不够准确，如果你有更好的想法，欢迎在评论区指出。 更多文章可戳: [链接] 任何一种编程语言都具有超出基本用法的功能，它得益于成功的设计和试图去解...

14

可靠React组件设计的7个准则之终篇

• 刘小夕   2019-08-22 发布
• 12 收藏

尽管 组合、复用 和 纯组件 三个准则阅读量不高，不过本着有始有终的原则，当然我个人始终还是觉得此篇文章非常优质，还是坚持翻译完了。本篇是最后 可靠React组件设计 的最后一篇，希望对你的组件设计有所帮助。

7

可靠React组件设计的7个准则之组合和复用

• 刘小夕   2019-08-12 发布
• 5 收藏

原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 组合和复用。因水平有限，文...

16

可靠React组件设计的7个准则之封装

• 刘小夕   2019-08-09 发布
• 11 收藏

原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 封装。因本人水平有限，文中...