osspeace

在这个系列里面，我会谈到前端架构的进化；它们解决了什么样的问题以及又是如何面临新的无法解决的问题的；最后这些架构背后常见的组件和模式。 我知道你们都太熟悉 Flux，Redux 和 Vuex 了，所以我不会对它们着墨太多甚至说刻意避免它们。相反，我会谈论到你们不熟悉和没有听说过…

随着前端系统的越发复杂，前端的性能也受到越来越多的重视。Google也不断在推进新的性能相关指标，从原先的Performance API中的指标逐步演进成用户性能体验相关的指标。 对于用户而言，First Paint、First Meaningful Paint和TTI这几个指…

你是否真的理解 devDependencies 和 dependencies 的区别？如果不能确切的回答、理解还停留在模糊的阶段，那就接着往下看。笔者结合案例讲解，保证一文就能让大家清晰理解他们的区别

没多少人能记住上面的定义，需要注意的是本文不是专业讨论系统架构的文章，笔者也还没到那个水平. 所以暂时没必要纠结于什么是架构模式、什么是架构风格。在这里尚且把它们都当成一个系统架构上的套路, 所谓的套路就是一些通用的、可复用的，用于应对某类问题的方式方法. 可以理解为类似“设计…

npm link到本地测试时，遇到了报错：Warning: Invalid hook call，经过多轮排查，最终发现到React多实例冲突与pnpm对peerDependencies的隐式安装是关键

react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…

自己搭建一个基于rxjs的插件化前端监控平台，其中在统计页面导航数据时，用到了performace进行统计，逻辑上，没有问题,本地调试一下，控制台输出 好像时间信息也都没有问题，最终是控制台欺骗了自己

在Next.js中集成AI功能时，通过服务端组件优化包体积。针对Markdown渲染器和代码高亮库导致客户端包过大的问题，通过异步生成器函数配合流式SSE传输，实现服务端实时渲染Markdown片段

让你完全掌握Flip动画的思想 Flip是一种动画思路，专门针对上述场景 它由四个单词组成，分别是： - First - Last - Invert - Play