繁易の前端乐园

不为繁华易匠心

Rax Hooks 原理

起因随着 React 版本的更迭,越来越多的新 Feature 加入到了 React 当中,其中需要 Api,在社区都引起了极大的反响与相当的争议。而 React Hooks ,则是社区最近热议的话题,个人也对其十分的感兴趣。比如下面的例子,便能实现一个简单的计数器。123456789101112131415import { useState } from 'react'......

《坚守底线》

这本书遇见《坚守底线》这本书时,我还是大二,也喜欢去图书馆。时光荏苒一过3年,回头来看,这本书是大学期间改变我最多的一本书籍。在那之后,如果有朋友让我推荐几本书给他,我一定会推荐的一本书,就是这本《坚守底线》。书的内容很简单,讲的东西也不复杂,需要的只是认认真真的去读了,按照书里面指引的信念认认真真去做,仅此而已。聪明人在我的大学期间,遇到过很多聪明的人,他们读书读的比我快,脑子比我转得快,......

Transfrom - 2018年度总结

于我而言2018年,于我而言,是剧变的一年。生活产生了剧变,上半年还在学校里聆听着老师的教诲,与同学自由开心的玩耍,而下半年却是投身于阿里,埋头于无穷无尽的工作中。身份产生了剧变,从学生到工作人士,压力也随之而来。而到了年底,则越来越明白,学校已成母校,再回去也难。家园已成记忆中的家园,她闪闪发光,只是我不再是其中的参与者。只记得学校的一切都是那么的清晰,但是却也在慢慢的离我而去。朋友圈产生......

新平台

起源最近在学习性能优化,之前的博客部署于 Coding 上,虽然足够好用,但是有一些地方总归是难以优化到。 比如 TTFB,CDN 等。 所以这次搬迁到了自己的服务器平台上,尝试进行全面的优化~ 部署部署使用了 Drone,通过 Ci 来实现推送更新后,自动部署到服务器,看了一下时间,大概 20S 左右就可以完成部署,还是很快的。 在部署时,不运行 hexo clean 可以保证页面生成期间......

美与期望

之前一直在想,在计算机这个领域里,我到底喜欢什么,什么才是美。在读到《成为一个自己喜欢的,而不是自己觉得厉害的》这篇文章,开始真正探索内心深处一直不为人所言的想法。 架构之美架构是我在计算机领域中,觉得最美的事情。他只是在那儿,设置了某种了规则,提出了某种解决方案,便让某个问题得以顺利解决。好的架构里体现出的个人智慧,系统整洁性,完备性,都会使人深深的着迷。我喜欢这种感觉,深深的迷恋着,在探......

进程与线程的区别

起因今天在读《计算机网络-自顶向下方法》这本书。中间有提到一个进程间通信的概念。正好这段时间试着在做 RN 的优化,在优化安卓的冷启动时间时,使用了多线程去处理初始化时,对于第三方 SDK,部分服务的启动。从而把启动时间从 770ms+ 优化到了 320ms+,基本是无感秒开的状态。 不过这也引起了自己的兴趣,那么就是进程和线程究竟是什么?自己之前有自学过《操作系统》这门课程,也知道进程是C......

2018-无问西东

“爱你所爱,行你所行,听从你心,无问西东。” – 《无问西东》迟到的年终总结2017年如白驹过隙,不知不觉的就过去了,在这一年之中发生了太多太多。一直也想找个时间,写下年度总结,但是总是找不到恰当的题目。直到今天,终于灵感迸发,以自己很喜欢的一部电影为题:无问西东。关键词整个2017年下来,给我的感觉就是动荡、变革。不断的经历着各种大大小小的事,做着自己没有把握,也不知道正确与否的选择,整个......

微型库解读之200byte的EventEmitter - Mitt

起源关于 EventEmitter 我想应该很多同学都很熟悉了。简而言之是一个事件的发布与订阅器。这两天读到了一些非常有意思的小库,虽然小但是功能完备,比如说这次我们要讲解的 Mitt. Github地址 小Mitt是一个微型的 EventEmitter 库,实现了基本的 on, off, emit 三个Api,对于使用 EventEmitter 其他功能不多的同学来说,200byte 的......

React setState 解读

起因之前对于 React 的源代码与底层实现一直很感兴趣,但是 React 的源代码大且多,不易读。再加上之前也遇到过在调用 setState 的 Api 后,this.state 属性并未及时更新的问题,这对于我个人而言,就如同一个黑匣子一般。现今有空了,总得打开黑匣子,一探究竟。 setState 的疑惑看下面这段代码,你认为会输出什么呢? 答案在右侧的 console 中,是 0,0......

DOM Api-insertAdjacent 系列

起因看朋友圈时候,有看到一个自己从来没有发现过的Api。 名字是 insertAdjacentHTML。 觉得很好奇,就试着看了看这个Api,发现在某些场景下,出奇的好用。 概述 insertAdjacentElement() 方法将一个给定的元素节点插入到相对于被调用的元素的给定的一个位置。 其他几个 Api 效果类似 语法与使用element.insertAdjacentHTML 直......