某小力

聊到插件化架构，我们更多想到的是构建阶段的插件机制（不限于webpack、babel），而umijs提供的运行时阶段的插件机制就比较少见了。...

基于前面umi插件机制的原理可以了解到，umi是一个插件化的企业级前端框架，它配备了完善的插件体系，这也使得umi具有很好的可扩展性。umi的全部功能都是由插件完成的，构建...

插件化架构是一种面向功能进行拆分的可扩展性架构，在如今的许多前端主流框架中都能看到它的身影。今天我们以 umi 框架为主，来看看插件化架构的实现思路...

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。...

umi 是一个插件化的企业级前端应用框架，在开发中后台项目中应用颇广，确实带来了许多便利。借着这个契机，便有了我们接下来的“umi3源码解析”系列的分享。...

我们平常在VUE项目中开发使用的一般都是单文件组件。那么一个SFC是如何变成可以在浏览器上执行的代码呢？这就涉及到对于单文件组件的编译问题了。...

前言 提到马拉松，大家都知道马拉松是世界上最长的田径项目（全程42.195公里），是所有体育运动中体力消耗最大，同时也是最磨练一个人的意志的项目。如果说你可以坚持跑完整个马...

前言 说起React的编译，大家最熟悉的莫过于JSX的编译了。都说JSX会被babel编译成React.createElement方法，那它具体是怎么实现的呢？在React...

要说 React 框架这些年迭代更新中让人眼前一亮的方案设计，Fiber Reconciler（下文将简称为 Fiber）绝对占有一席之地。作为 React 团队两年多研究...

主要介绍了Diff算法以及在Vue中的运用，简单介绍了Vue3在更新机制方面的一些优化，包括节点移动优化和PatchFlag。...

代码逻辑复用 是我们开发人员减少代码重复度，进行代码优化的一个重要因素，上期我们的同学分享了关于 Vue 框架的相关逻辑复用的方法及原理，本期我们一起来了解下 React ...

“Vue 与 React 有什么区别？” 的确，Vue和React都是目前最流行、生态最好的框架，整体的功能也非常相似。二者都推崇组件式的开发理念，那么我们第一篇从组件开始...

业务项目中的 mixin 代码逻辑繁杂，开发维护成本高，亟待重构， vue3 composition API 是 解决 mixin 现有问题的方案之一。 出于长远考虑，vu...

作为 CSS Houdini 所暴露出的API之一，CSS Paint API 从一出现就倍受期待。它通过扩展 CSS 的部分能力，使其提供更强大的表现力。 本文将从其定义...

随着React的流行，函数式编程在前端领域备受关注。尤其近几年，越来越多的类库偏向于函数式开发：lodash/fp，Rx.js、Redux的纯函数，React16.8推出的...

特性查询，即@supports规则，作为CSS2的扩展被引入CSS Conditional Rules Module Level3中，它在2011年首次作为工作草案发布。它...

作者|孔令涛Nuxt.js是一个基于Vue.js的通用应用框架，一个用于Vue.js开发SSR应用的一站式解决方案。它的优点是将原来几个配置文件要完成的内容，都整合在了一个...

作者|陈龙VueSSR概述什么是SSRServerSideRendering(服务端渲染)SSR的优点更好的SEO更快的内容到达时间SSR方案的权衡之处开发条件所限涉及构建...