翰锅锅

上一篇文章讲了 React 性能优化的一些方向和手段，这篇文章再补充说一下如何进行性能测量和分析, 介绍 React 性能分析的一些工具和方法. 进行任何性能优化的前提是你要找出’性能问题‘，这样才能针对性地进行优化。我觉得对于 React 的性能优化可以分两个阶段: 1. 分…

一个组件的复杂度，主要来源就是自身的状态；即组件自身需要维护多少个不依赖于外部输入的状态。 组件开发中，如何将数据和UI解耦，是最重要的工作。 组件开发过程中，时刻谨记、思考是否符合以下的原则，可以帮助你开发一个更完善的通用组件。 如fetch请求和渲染逻辑，应该分离。因为fe…

限于个人能力，如有错漏之处，烦请不吝赐教。 我在最近的工作中开始使用 Vue 进行开发，但是我在上一家公司积累了三年以上 React 开发经验。虽然在两种不同的前端框架之间进行切换确实需要学习很多，但是二者之间在很多基础概念、设计思路上是相通的。其中之一就是组件设计，包括组件层…

我是一名大前端架构师，今年过完，我就是一个在互联网行业沉浮八年的老兵了。 我的成长历程，几乎贯穿了前端行业的一半历程。 我见证了前端工程化从 0 到 1 的兴盛。 很幸运的是，经历了那么多，我依然还没有停止前进的脚步。 2020 这一年，我取得了很大的进步。技术能力用突飞猛进来…

先抛出一个尖锐问题：MPA 多页应用或微前端架构，如何处理页面的公共部分。 引入公共模板，这样在访问页面时会直接渲染公共部分。 但如果是现代化工程（比如 React），可前后端又未分离的MPA项目（页面仍由后端渲染，Dom 渲染交由 React 接管），我们就会将构建后的资源文…

对于Typescript项目的编码规范而言，主要有两种选择ESLint和TSLint。ESLint不仅能规范js代码，通过配置解析器，也能规范TS代码。此外由于性能问题，TypeScript 官方决定全面采用ESLint，甚至把仓库作为测试平台，而 ESLint 的 TypeS…

我所在团队是做toB业务的，技术栈是Vue，团队目前有十多个典型的toB业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个html入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发…

嗨！大家好，我是技术胖。 我的博客就使用的教程中的程序，你可以先进行预览一下，预览页面。 我原来的博客是使用的Vuepress ，纯静态网页，也有很多不方便的地方，所以自己作了这个博客程序。 如果你也想用React相关技术作一个网站，我觉的学习这个教程，一定可以做出来，并且可以…

Promise 大伙太熟悉了，不过这里不讲大伙都知道的表面简单知识，而是一起来深入剖析 Promise 的注册微任务和执行的完整过程。能正确的使用 Promise 且能做到知其然知其所以然~ 我们通常学习 Promise 都是基于 Promises/A+ 的实现。但是我不得不告…