暴雨先生

offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。 offsetTop 只读，而 style.top 可读写。 若是没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。 offsetLeft …

在前两篇文章中，我们分析了React组件的实现，挂载以及生命周期的流程。在阅读源码的过程中，我们经常会看到诸如transaction和UpdateQueue这样的代码，这涉及到React中的两个概念：事务和更新队列。因为之前的文章对于这些我们一笔带过，所以本篇我们基于大家都再熟…

平时生活当中缓存一集电视剧，下载一首歌；这些资源是可以直接离线观看的，没有去请求网络，资源在本地。 3.如果过期，向服务器发送验证当前本地资源还是否可用，如果可用，返回状态码304，使用本地缓存。如果不可用，返回状态码200，并返回新资源，并把资源写入到缓存当中。 第一个资源是…

几个星期前，我们开始了深入了解JavaScript及实际是如何运作的系列文章，我们认为通过了解JavaScript的构建模块以及它们如何共同发挥作用，您将能够编写更好的代码和应用程序。 本系列的第一篇文章重点介绍了引擎，运行时和调用堆栈的概述。第二篇文章将深入探讨谷歌V8 Ja…

1、对于框架的使用没必要花太多时间，应该多研究一下三大框架背后的设计思想。 2、当一个程序员对算法、语言标准、底层、原生、英文文档这些词汇产生恐惧感的时候他的技术生命已经走到尽头。 3、前端架构主要解决的是高复用性，架构能力提升方向主要是组件库开发、前端框架实现等。 4、对于前…

首先我们来看看下面的代码环境配置安装react和babel配置babel@babel/plugin-transform-react-jsx做了什么？写个函数来模拟它的执行过程@babel/plugin

我们编写的babel插件是所属于babel-loader,而babel-loader基本运行与webpack环境.所以为了检测babel插件的是否起作用，我们必须构建webpack环境. babel-traverse对AST树进行解析遍历出整个树的path. plugin转换出…

用了一段时间的 typescript 之后，深感中大型项目中 typescript 的必要性，它能够提前在编译期避免许多 bug，如很恶心的拼写问题。而越来越多的 package 也开始使用 ts，学习 ts 已是势在必行。 以下是我在工作中总结到的比较实用的 typescri…

如图所示，nginx缓存，可以在一定程度上，减少源服务器的处理请求压力。 因为静态文件（比如css，js， 图片）中，很多都是不经常更新的。 nginx使用proxy_cache将用户的请求缓存到本地一个目录。下一个相同请求可以直接调取缓存文件，就不用去请求服务器了。 毕竟，I…