一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

腾讯文档从功能层面上来说，用户最熟悉的可能就是word、excel、ppt、表单这四个大品类，四个品类彼此独立，可能由不同的团队主要负责开发维护，那从开发者角度来说，四个品类四个仓库各自独立维护，好像事情就很简单，但是现实情况实际上却复杂很多。我们来看一个场景： 对于复杂的权限…

本文旨在 chrome 入门开发，如果需要深入开发，可以去 chrome 官网进行学习。 本文将会列举一些常用的概念说明，包含 5种js 类型对比、 6个核心、消息通信和一些动态化注入、打包发布等。 本文讲的 chrome 插件真正的叫法应该是 chrome 扩展(Chrome…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，非常高兴今天能以这样一种特别的方式，代表阿里淘系技术部营销活动前端团队来跟大家交流一下在阿里做双 11 的实践过程中，关于搭建，关于终端性能的思考…

Error Boundaries 是 React16 提出来用来捕获渲染时错误的概念，今天我们一起读一读 A Simple Guide to Error Boundaries in React 这篇文章，了解一下这个重要机制。 static getDerivedStateFro…

从2005年成立以来，支付宝逐渐成长为拥有12亿用户的数字生活开放平台，在它背后，是不断演进的技术架构在做支撑。 在过去，我们已经分享过了支付宝伴随着双十一大促一路走来的技术演进，今天，我们邀请到了支付宝全局架构师曹刚，请他给大家分享一下，给12亿用户设计架构是什么体验。 所谓…

这篇文章主要是探索React reconciler的新实现-Fiber中的work loop。在文本中，我们对比和解释了【浏览器的call stack】和【React Fiber架构自己实现的stack】之间的不同。 为了自学和回馈社区，我花费了大量的时间去做web技术的逆向工…

大佬n：... 众人：... 一个工程，默认有一个打包入口，build文件夹下存放着webpack的打包配置，包括开发环境和生产环境。 找到打包的入口文件(main.js)和模板文件(index.html)，然后通过我们配置的loader对不同类型文件进行解析或编译，最后生成不…