腾讯IMWeb团队

前言 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应...

​| 导语 竞态条件一词翻译自英语 "race conditions"。当我们在开发前端 web 时，最常见的逻辑就是从后台服务器获取并处理数据然后渲染到浏览器页面上，过程...

导语 大家都知道 HTML 文档完全加载和解析完成之后，会触发 DOMContentLoaded 事件，那么 HTML 里面的内容会如何影响文档解析呢？在解析过程中遇到 s...

为什么要进行视频编码？ 众所周知视频是一组连续的图像序列，由连续的帧构成，一帧即为一幅图像。由于人眼的视觉暂留效应，当帧序列以一定的速率播放时，我们看到的就是动作连续的视频...

1. 基本概念 1.1. 流的历史演变 流不是 Node.js 特有的概念。 它们是几十年前在 Unix 操作系统中引入的，程序可以通过管道运算符（|）对流进行相互交互。 ...

今天带来的是一篇小程序原理的剖析文章。作者从双线程模型入手，通过反编译手段理解源码，了解wxml和wxss的编译过程。...

通过这篇文章可以大致了解 Whistle 的实现原理，并学习如何实现一个简单的抓包调试工具。 项目 Github 地址：https://github.com/avwo/wh...

一、 为什么需要模块化 以前没有模块化时，我们可能会按如下方式划分模块： 通过 <script> 标签引入各个文件，把每个文件看成是一个模块，每个模块的接口通常是暴露在全局...

腾讯前端技术大会 TWeb Conf，专注于腾讯前端团队的技术分享，邀请了腾讯以及业界的前端专家，分享前沿的前端技术架构设计，大型前端项目的复杂解决方案，阔别2年，重新回归...

最近在使用 rc-slider 组件实现滑块功能时，遇到了一个 iOS 的 Bug，即滑动时经常会回弹到滑动前的位置，相关 issue 见链接。于是就想着用 range i...

在 HTML 中遇到一些类似“<”，“>”等符号与标签混合的case时，通常做法是用 HTML Entity 对符号做一层转义编码，但这在某些场景下会遇到一些 bug。...

Nest.js 是一个现代的企业级 Node.js web 框架，在最近使用 Nest.js 实践一些项目的总结了一些使用心得，但也从中学到了很多东西，在这里总结下来和大家...

前端同学通常都用媒体查询或 rem 做多端适配，但是在 Cocos 上 CSS 不复存在。那你知道在 Cocos 上如何做到多端适配吗？本文从需求背景出发，带你领略 Coc...

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写...

WebRTC 进行端对端进行实时音视频通讯时，常常一方或者双方都是隐藏在 NAT 之后的内网地址。ICE 则用于寻找一条传输数据通道连接。本文介绍了 NAT 穿越和 ICE...

本文总结自笔者的开发经验以及 Martin Fowler 的《重构，改善既有代码设计》读书体会，希望能帮助更多的开发者了解重构，重构并不是想象中的重活，它也可以很简单。...

H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也...

在软件开发中，我们通常痴迷于性能提升以及如何使我们的应用程序执行得更快，从而为用户提供更好的体验。Memoization 是优化性能的方法之一。 在本文中，我们将探讨它在 ...