Mieruko的实验室

(个人向)《你不知道的javascript(上)》完结存疑

前言这本书以对JS中的类设计模式的讨论收尾了。 自问自答说说自己到现在为止对一些老生常谈的概念的理解。不知道对不对。先做个记录。 什么是面向对象 什么是类面向对象是一种思想。面向对象的内涵就是以我们现实世界的东西为出发点。在现实世界中,每种事物,比如说一个人,一本书,一张桌子。都可以概括为属性和行为的集合。比如人来说,他有鼻子,眼睛,嘴巴,这是他的属性。他可以吃饭,睡觉,看书,写......

(个人向)《你不知道的javascript(上)》细节拾遗

前言“命运安排我们各自长大,总有她温柔的用意” 我又在高考这一天来写博客了。时间过得,真快呀。 终于终于,过去的六个月里完成了许许多多的愿望,谢谢你,2018❤️ 关于本文“Mieruko的实验室”这个站点的开设,有两个用意。主要的用意是分享自己开发过程中的所得,帮助更多的小伙伴少走弯路,一起进步。次要的用意是记录自己的成长和困惑,这部分的读者也就是自己啦。这篇文章......

状态更新策略对比:React setState vs Vue nextTick

前言可能会是一篇有点长的源码阅读笔记。。。。。。 之前Medium上有一位兄台曾经写过这样一篇文章: 这个标题说出了包括曾经的我在内的React开发者的心声。但是在读完知乎杨森:React 源码剖析系列 - 解密 setState这篇文章后,我不这么想了。具体setState的机制,在文中也有讲解,我之前也开博记录过自己的理解(理解React中的setState)。今天......

React更进一步:在实践中理解React工作原理

前言最近读了程墨前辈的《深入浅出React和Redux》这本书,很庆幸自己是用RN写过些东西之后读的这本书,一边读一边回忆自己曾经实践的过程,对React的理解又加深了一层,特别开心。这篇文章是想结合之前写过的项目,对React的运行机制,实践原则做一个自己的梳理。驱使我了解React,学习React的项目,是”一图”。(突然觉得我博客里给一图打的广告是不是太多了哈哈哈哈,既然如此那我就再打......

不懂为什么,突然想写一个Event-Emitter

前言最近学习使用Vue进行团队项目的开发,看到main.js里有个叫bus的东西,觉得bus这个名字也太可爱了吧,想着它到底是啥呢🤔。读完之后知道,这里的bus就是在Vue里写一个Event-Emitter。Event-Emitter是一个很常用的东西,github有一个开源库叫做mitt,就是专门来做这个事的。只有60行,读完之后觉得代码虽少,但还是有可圈可点的地方,所以有了这篇博客。 ......

从redux-thunk的14行源码和dispatch函数的实现过程,说说我眼中的redux中间件

缘起我是在去年暑假第一次有了“该用redux代替烦死人的props传递了”的概念后,在github上扒拉别人的redux项目看,然后第一次见到thunk这个中间件。后来一图重构,我记得我们的redux里是用了这个中间件。选用的契机是,文档和别人的开源项目告诉我们,它有用。。。。然后最近总是遇到一个相同的问题:如果我有一个异步请求,需要把请求回来的数据给放进store里,我该咋办???嗨呀,既......

异步网络请求进化史:从ajax到fetch到axios

不是前言的前言其实原生ajax和fetch已经很久没用了。。。毕竟axios真是太好用了。 原生ajax其实就是XMLHttpRequest。或许每个前端在入门js基础的时候都见过这样一段代码: 123456789101112131415161718192021222324252627282930function success(text) { var text......

在使用Redux重构应用之前:从React的context属性说开去

前言:和Redux不得不说的故事(这一段是生活流水账 也就是写给自己看的废话 可以跳过不看 Redux直走下一个加粗小标题就可以~) 第一次使用RN构建完整的上架应用,是去年四月份开始的一图:图书馆的另一半(开源代码地址在这里)这个项目。当时学React的时候搜索到的资源,基本上多多少少都会把Redux,React-Router捎带着讲一下。但是因为初次开发,我的思路比较原始,......

从实际应用的角度认识BFC

前言:BFC,即块级格式化上下文。对BFC好奇起源于工作当中的两个现象,一个是垂直方向上的边距重叠问题,一个是清除浮动。其实这俩现象在曾经的我眼里都是非常正常并可以理解的现象,前两天同事突然提到说这个其实是可以用BFC解决的。今天没啥事,刚好有空坐下来瞅瞅这个BFC。 帮助与支持:感谢网易考拉前端团队的学习 BFC (Block Formatting Context)这篇文章。 什......

重新理解事件循环和异步队列:区分macro和micro

前言前两天看到一段代码,代码具体长啥样记不起来了,重点里面有个setTimeout(A君),有个promise.then(B君)调用。我琢磨着大家都是异步,异步就是进队列等着,先进先出,那么肯定是A君的回调先执行,然后B君。结果那段代码跑出来是promise的调用先执行了。由此发现哈哈哈哈哈我自以为理解得很清楚的javascript异步队列其实理解得就是一坨。。。。。。:)感谢万能的知乎和简......