汪图南

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

当我们讨论「应用架构」的时候，可以理解为通过以下几个部分组合来构建网站。 Component model 组件模型。 Rendering and loading 渲染和加载。 Routing and transitions 路由和过渡。 Data/state managemen…

如何在 BetterScroll 2.0 里面合理使用 TypeScript，并且能够做到友好的 IDE 智能提示，在以 class 为基础的架构中，我们费了相当多的功夫让 TypeScript 提示更智能、更完善。在这个过程中，我们要解决的主要是以下三个问题： 既然知道了问题…

keyof T 拿到 T 所有属性名, 然后 in 进行遍历, 将值赋给 P, 最后 T[P] 取得相应属性的值. 当然这也只能一层 如上面Partial例子来看jack.person.name 是可以直接修改的。 上面的-?, 这里很好理解就是将可选项代表的 ? 去掉, 从而…

由于掘金文章字数限制，不得不拆分上、下两篇文章。 在之前的章节中，我们介绍了_render方法及其createElement和createComponent的逻辑，知道_render返回的是一个VNode树形结构。而_update方法的作用就是利用这个VNode树形结构，来生成…

由于掘金文章字数限制，不得不拆分上、下两篇文章。 在之前几个章节中，我们提到过很多次组件的概念，组件在我们日常的开发过程中出现频率是非常高的，它也是Vue的两大核心之一：数据驱动和组件化。 在前面章节我们已经介绍完了数据驱动，在这个章节我们会着重介绍与组件化相关的知识，我们将从…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

本篇Vue2.6.11源码分析文章由观看Vue.js源码全方位深入解析视频，阅读深入浅出Vue.js书籍以及参考其他Vue源码分析博客而来，阅读视频和书籍请支持正版。 2013年7月，Vue.js在Github上第一次提交，此时名字叫做Element，后来被改名为Seed.js…