balabla

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众...

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决...

说到 icon，很多前端开发只能想到 iconfont，或者组件库中提供的那些图标，当然这对于绝大多数开发场景是够用的。 但要知道，iconfont 的方案其实是在 201...

本文将从前端模块化的发展历史出发，逐步探讨`CommonJS`规范 和 `ES Module`规范之间的异同，最后将深入模块化内部原理进行多维度剖析，彻底弄懂 Web环境下...

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 W...

拍照，抠图，分享屏幕，录制屏幕，虚拟背景，实时音视频通话，新开了一个专栏《WebRTC 从实战到未来！》...

最近在做项目中，使用flex布局遇到了个老问题：当flex子元素里的子元素的宽度过大，超出flex父元素时，设置flex:1并不能限制flex子元素的尺寸...

距离上篇面试题的分享已经过去半个月了，经历了面试官的灵魂拷问，笔者也在这半个月收获、成长了许多，所以笔者在本篇文章将会分享几家公司的面试题（包括莉莉丝、哈啰、滴滴）...

大家最近是不是经常听到 pnpm，我也一样。今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。 那具体好在哪里呢？ 我们一起来看一下。 我们按照...

webpack配置中的output.filename必须是以js结尾。之前项目的输出文件名是以zip结尾的，是无法生成sourcemap文件的...

Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。...

本文将介绍 SourceMap 的作用、简单工作原理以及 webpack 中不同 devtool 所构建的SourceMap有何区别，以及如何选择最合适的devtool，希...

作者：滴滴公共前端团队 - 水乙 我们在使用 webpack 打包我们的工程模块时，经常会需要 devtool 开启 sourceMap 让我们可以调试代码，但是 webp...

这周碰到一个让人头疼的需求：要在我的web项目中嵌入另一个第三方web项目。第一时间想到的就是用iframe了，但问题来了，我和第三方web项目是有交互的，这就违反同源策略...

个人认为 React 本身的学习曲线并不高，但是学习到 Redux 时，突然发现多出了好多概念。例如： Action 、 ActionCreator 、Dispatch 、...

从去年入职Apifox研发组至今，已经有快四个月的时间了，今天给大家总结了30个高效开发的方法，不管你是面试还是在职场都可用到，面对困难都游刃有余！！...

斗鱼是如何实现在浏览器中直播的？如何节省 80% 的 CDN 流量？如何实现直播时移的？本篇文章将解析斗鱼 H5直播，并回答上面这些问题。...

日常开发中，经常会需要获取文本显示宽度来做一些特殊布局， 比如： 文本超过多长时候截断展示省略号... - canvas 布局时候在某段文本之后展示特殊标记等...

suspense的字面意思就是悬而不决，用在平时开发中，就可以理解为还没有完成的事，你不知道啥时候完成。也就是异步，异步加载组件，异步请求数据。 1. 代码拆分 服务于打包...