峰林

一个现代化的 React 笔记应用 Demo，用于展示前端工程能力。 涵盖状态管理、异步加载、UI 组件体系、Skeleton、Suspense、ErrorBoundary...

前段时间我的移动端适配解决方案一文在评论区引发了激烈的讨论。其中讨论最多的就是，移动端rem的适配已经淘汰了，目前大家使用的都是viewport。...

公司各业务线经常会制作一些活动页面用于活动的推广营销，拉新留存，这类页面布局类似，需求高频，开发任务重复且消耗各方的沟通时间和人力。为了解决这些痛点提高人效，需要为业务提供...

最近好奇主流视频网站的播放器似乎不是我们习惯的video标签加上src属性上一个mp4的url，基本清一色的以blob:开头的一个纯前端的地址，鉴于此对前端的一些流媒体播放...

Hls.js 使用文档 前言 特征 VOD 和现场播放列表 实时播放列表上的 DVR 支持 碎片化的 MP4 容器 MPEG-2 TS 容器 ITU-T 建议书 H.264...

这篇总结其实是去年公司每周技术分享会轮到我的时候写的。那时候公司正在大刀阔斧地准备直播业务，私以为主管会委以重任，就翻了不少论坛，做了一次简单的技术分享。后来直播业务让另一...

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓...

本教程主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。 第一部分是使用 Gitea 配置局域网 git 服务器，再使用 Jenkins ...

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，...

框架粗略对比，### 一、全景图 来自大圣老师的开课吧网课中的截图 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfc...

据我了解，大多数公司里面的前端团队的状态，发展的并不好，在团队中，可能属于一个页面开发者的角色。 与此同时，衍生了一些不得不关注的问题，比如前端团队如何具有更高的价值，团队...

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九...

这是一篇干货比较多的组件库搭建实战教程，不仅有通用的代码规范、提交规范、文档维护、单元测试、GitHub Action 配置的讲解，还涉及基于 lerna 的多包管理架构....

规范化 git commit 对于提高 git log 可读性、可控的版本控制和 changelog 生成都有着重要的作用。然而阻碍我们脚步的不只是团队的推广，单单对于一系...

注意: 默认情况下每次 commit 都会向 localstorage 写入数据，localstorage 写入是同步的，这样对性能存在影响，应该分场景尽量避免频繁写入持久...