手写实现Promise源码

很多大厂面试的时候会问到如何实现Promise,出于对Promise内部底层实现原理的探知。自己通过搜集一些资料,从一开始模仿着实现。到最后控制台调试以及逐行代码阅读理解,算是搞清楚了Promise实现原理。

阅读全文〉

从0到1实现redux

初学redux的时候主要是通过查看官方文档以及视频实战,虽然知道了redux的实际用法,但是也仅仅只是知道了API的用法,对于其为什么这样的设计及原理并不是很清楚。所以为了搞懂redux实现原理,本篇记录从0到1一步步如何实现redux。

阅读全文〉

写给自己看的webpack入门配置

如果想要成为一名优秀的前端开发人员,除了对基础编程语言的掌握以外。项目工程化也是需要了解和掌握的,目前大部分开发人员使用webpack作为项目构建工具。而我对于webpack的了解不是很多。正好趁这段时间学习一下webpack的基础及配置。

阅读全文〉

React hooks 学习总结

React hook 是16.8推出的新API,可以在不编写class的情况下使用state和其他特性。与无状态组件相比,hook函数组件提供了state以及处理副作用的API等等。

阅读全文〉

关于前端模块化中CommonJS和ES6模块的理解

在前端模块化中,目前主流的两种规范是CommonJS规范以及ES6的module规范。虽然平时项目经常使用到这些规范,但是对于这两者的区别以及更深层的理解还是不够,所以自己在网上查找资料补下这块的知识盲点。

阅读全文〉

React Context的总结与学习

在React中,一般组件传递数据都是通过props自上而下(由父到子)进行传递,但是对于一些特定属性而言,或者组件层级嵌套过深,那么这种传递方式就显得繁琐。Context就是提供了一个类似“全局”的数据,可以绕过组件一层层传递,从而提供便捷方式。

阅读全文〉

我的2019年度总结与2020计划清单

2019年是我毕业参加工作以来,对我来说是最难忘的一年。这一年里有成长、有遗憾、有收获、有“否定”…在2019年初制定了几个目标,在年末也算是完成了一半。现在已经步入2020年,也是时候给自己制定一个规划了。

阅读全文〉

为什么Reac事件需要手动绑定this

最近学习React,同时动手写了一个todo。在写这个简单的demo中遇到了一个问题,那就是React类组件中函数绑定需要手动绑定this。为了搞清楚为啥需要这样做,为此我在网上搜索资料结合自己的理解讲述下里面的原因。

阅读全文〉

初探React生命周期函数

最近在家开始学习react,发现react的生命周期函数相比于Vue要“麻烦”的多,由于我学习React是买书看的,所以就有一定的延时性,书上的React版本还停留在16.1,通过网上查找发现从16.4之后就新增修改了几个钩子函数。所以就想写一篇关于react的钩子函数,加深下记忆和学习。

阅读全文〉

手写JavaScript常用数组

数组作为常用的数据结构,在各种需要数据的场景中我们都能够看到,为了巩固自己的基础以及学习。为此记录下数组的几种常用方法以及用原生实现的方案。

阅读全文〉