前端森林

背景 权限管理是中后台系统中常见的需求之一。之前做过基于 Vue 的后台管理系统权限控制，基本思路就是在一些路由钩子里做权限比对和拦截处理。 最近维护的一个后台系统需要加入...

通过阅读本文你会了解到行为回溯系统的优点和带来的好处是什么？可以学到搭建完整的回溯系统的流程、DOM录制方案的优点和利用FFmpeg转码视频等知识。...

之前对分享功能的实现也知道个七七八八，但一直没有在业务中实现过。今年参与的盲盒类产品正好用到了分享功能，包括： app 分享小程序/h5 到微信好友 app 分享图片到朋友...

「TS类型体操」作为一名花里胡哨的前端，看到最近这不是冬奥会开始了，咱们得为运动健儿们呐喊助威，还想着能不能当一次前端届的体操运动员，和奥运健儿们一起感受在冬天运动的魅力，...

最近无论是在公司还是自己研究的项目，都一直在搞 H5 页面服务端渲染方面的探索，因此本文来探讨一下服务端渲染的必要性以及其背后的原理。 先来看几个问题 To C 的 H5 ...

Chrome Devtools 的 Performance 工具是性能分析和优化的利器，因为它可以记录每一段代码的耗时，进而分析出性能瓶颈，然后做针对性的优化。 这么强大的...

Event Loop 是 JavaScript 的基础概念，面试必问，平时也经常谈到，但是有没有想过为什么会有 Event Loop，它为什么会这样设计的呢？ 今天我们就来...

随着Node v11.0 release版本的发布，Node已经走过了很多年。基于Node产生了很多服务端框架，来帮助我们独立于后端进行前端工程的开发和部署。 业务逻辑的迁...

1、相关概念CSR：客户端渲染(ClientSideRender)。渲染过程全部交给浏览器进行处理，服务器不参与任何渲染。SSR：服务端渲染(ServerSideRende...

ByteDance Web Infra 团队里面有两个方向专门关注前端性能，分别从代码和监控对性能优化有很深入的研究。性能优化有很多角度，其中一个关键是控制关键请求的优先级...

背景 之前的几篇文章都是关于之前提到的低代码平台的。 今天就来说一下其中的统计服务：目的主要是为了实现 H5 页面的分渠道统计(其实不仅仅是分渠道统计，核心是想做一个自定义...

React 团队最近发布了 React 18 的 alpha 版本。这个版本主要是增强 React 应用程序的 并发渲染 能力，你可以在 React 18 中尝试体验以下几...

一年一度的 CSS年度报告 如期而至，我挑了一些我感兴趣的部分，看报告的主要目的除了了解CSS技术趋势，更重要的是顺便学习了下之前没用过的一些特性和库。...

最近在开发遇到了两个一直困扰我的问题： 当 font-family 为 PingFangSC-Regular 时，为什么设置了 font-weight 为 500 和 fo...

前两天过生日，媳妇儿带我去迪士尼耍了一下。 可能是疫情加上工作日的原因，园里的人很少很少，这是我第一次去迪士尼，之前听闻迪士尼好多项目都是要排很久很久的队，但是由于人少，这...