基于verdaccio搭建私有npm仓库`

入职新公司两个月左右,期间做了几个小项目,在开发的过程中发现一些方法和模板都是可以复用,为了避免无脑的Ctrl C + V。所以就想到能不能把这些公共的代码抽离出来做成模块发布到npm服务器上。综合考虑选择verdaccio作为私有npm仓库。

阅读全文〉

关于线程与进程的理解与区别

在某次面试中,面试官问我,能具体讲下线程与进程吗?我:关于线程,JS其实就是一门单线程语言,意味着他只能在同一时间只能处理一件事。而Java是多线程的,可以同时处理执行任务。面试官追问:可以抛开JS这门语言聊聊线程与进程吗?我:….。 后来面试结束后,回想到这个问题,觉得回答的非常糟糕。第一点是因为对于他的提问,我的回答偏离了问题的核心。第二点是因为我对这两个概念没有了解。所以为了搞懂这两个概念,私下里我通过在网上查询资料,然后根据自己的理解总结下线程与进程的含义及区别。

阅读全文〉

手写实现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。为了搞清楚为啥需要这样做,为此我在网上搜索资料结合自己的理解讲述下里面的原因。

阅读全文〉