首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
待抓取
订阅
yodfz
更多收藏集
微信扫码分享
微信
新浪微博
QQ
18篇文章 · 0订阅
前端监控平台系列:JS SDK(已开源)
一般情况下都是通过重写js原生事件然后拿到错误信息,比如ajax请求,通过重写xhr、fetch事件来截取接口信息,所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的,所以只需要重写这两个事件就可以拿到所有的接口请求的信息…
面试官:webpack原理都不会?
前一段时间我把webpack源码大概读了一遍,webpack 到4.x版本后,其源码已经比较庞大,对各种开发场景进行了高度抽象,阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…
探索 webpack5 新特性 Module federation 在腾讯文档的应用
腾讯文档从功能层面上来说,用户最熟悉的可能就是word、excel、ppt、表单这四个大品类,四个品类彼此独立,可能由不同的团队主要负责开发维护,那从开发者角度来说,四个品类四个仓库各自独立维护,好像事情就很简单,但是现实情况实际上却复杂很多。我们来看一个场景: 对于复杂的权限…
近万字新手 chrome 扩展开发简单入门
本文旨在 chrome 入门开发,如果需要深入开发,可以去 chrome 官网进行学习。 本文将会列举一些常用的概念说明,包含 5种js 类型对比、 6个核心、消息通信和一些动态化注入、打包发布等。 本文讲的 chrome 插件真正的叫法应该是 chrome 扩展(Chrome…
I promise you,1 秒钟就把页面渲染出来
前端早早聊大会,前端成长的新起点,与掘金联合举办。 加微信 codingdreamer 进大会专属内推群,赢在新的起跑线。 大家好,非常高兴今天能以这样一种特别的方式,代表阿里淘系技术部营销活动前端团队来跟大家交流一下在阿里做双 11 的实践过程中,关于搭建,关于终端性能的思考…
精读《React Error Boundaries》
Error Boundaries 是 React16 提出来用来捕获渲染时错误的概念,今天我们一起读一读 A Simple Guide to Error Boundaries in React 这篇文章,了解一下这个重要机制。 static getDerivedStateFro…
支付宝曹刚:从一线研发到全局架构师,我都学到了什么?
从2005年成立以来,支付宝逐渐成长为拥有12亿用户的数字生活开放平台,在它背后,是不断演进的技术架构在做支撑。 在过去,我们已经分享过了支付宝伴随着双十一大促一路走来的技术演进,今天,我们邀请到了支付宝全局架构师曹刚,请他给大家分享一下,给12亿用户设计架构是什么体验。 所谓…
在Fiber架构中,React为什么使用和如何使用单链表
这篇文章主要是探索React reconciler的新实现-Fiber中的work loop。在文本中,我们对比和解释了【浏览器的call stack】和【React Fiber架构自己实现的stack】之间的不同。 为了自学和回馈社区,我花费了大量的时间去做web技术的逆向工…
【webpack多入口打包】单工程下的多项目结构
大佬n:... 众人:... 一个工程,默认有一个打包入口,build文件夹下存放着webpack的打包配置,包括开发环境和生产环境。 找到打包的入口文件(main.js)和模板文件(index.html),然后通过我们配置的loader对不同类型文件进行解析或编译,最后生成不…
深入react的state和props更新
这篇文章用一个由parent component和children component组成的例子来讲述fiber架构中react将props传递给子组件的处理流程。 在我先前的文章中 深入React Fiber架构的reconciliation 算法 提到要想理解更新流程的技术…