飞翔的大象

我们知道ReactDom在后台构建DOM树，并将应用渲染到屏幕上。但是ReactDom是怎么构建DOm树的？当app的state改变时，它是如何更新树？ 在这篇文章中，我开始从React在15.0.0之前如何构建DOM树，这个模型的陷阱以及在16.0.0的新模型中如何解决这些问…

对于字节码，之前有过听过，但是没有深入的了解。 文章中最重要的是这张图片了，v8会先将javascript翻译成字节码，再将字节码翻译成机器语言，如何查看生成的字节码呢？使用node --print-bytecode test.js，只要再原来的基础上加上--print-byt…

针对一个问题的不良解决方案可能会导致糟糕的情况。在react blog中有一篇使用中的反模式，可以看一下You Probably Don't Need Derived State 在oop中，Constructor一种在内存已经分配该对象的情况下，用于初始化对象的特殊方法。但是…

我要做的是将有旋转角度的图片摆正，目前只涉及大角度（90 180 270）的摆正，对于180，只是反转一下，长和宽还是原来的，我不需要对它进行太多的处理。但是对于90和270，由于旋转后，长变成宽，宽变成长，还必须将图片放在可视区域内，所以就必须调整原图片的宽高，使旋转后正好在…

duck typing是动态类型的一种风格。If it walks like a duck and it quacks like a duck, then it must be a duck. 我只关心它的行为，不用考虑它是什么类型。 现在常见的语言分为静态语言和动态语言。例如…

最近项目，要支持多种图片类型和pdf的显示，tiff在每个浏览器中的展示是不一样的，在使用最多的chrome中，就无法显示；pdf的话，是截取第一张显示出来。 1. 首先使用FileReader将文件转成base64 2. pdf的转换 找到了一个package（pdfjs-d…

写到这，我想起来webpack的ignore的plugin，加载多语言配置，肯定会将所有的语言全都load，假如你只需要cn，那么其他的语言包对你来说都是没有用的。经常见的就是moment这个，你会使用ignorePlugin忽略它，然后再手动引入 走到这，一个简单的i18n就…

对于webpack的hash，常用于cdn缓存。我理解的是文件不变的情况下，最后打包出来的hash串也不会变。最近被问到了这是三个hash的区别，就查了一下，发现还很有讲究。 每次构建的生成唯一的一个hash，且所有的文件hash串是一样的。 不用怕，webpack已经提供方案…

拖到现在才升级react-apollo，一直用的是v1，随着react的升级，是真的害怕会阻碍react的升级，于是这个Q决定升级它。 migrate V2文档点这里，跟着文档升级还是挺快速的。替换完成后，启动发现可以正常运行。但是目前server端会有返回401、403、40…