在Flutter中封装redux的使用
最近在家办公,发现了之前没写完的一个Flutter版APP,于是打算重构并继续开发,本文主要整理在Flutter中使用redux的一些开发经验。
如何优雅地处理loading
发表于 | 分类于 技术原理
在业务代码中,为了判断异步操作是否在运行中,往往通过额外的标志量来区分;本文将从dva-loading
源码出发,分析在React项目中如何统一管理loading状态,然后给出一种在Vue项目中管理loading的解决方案。
dva源码分析
发表于 | 分类于 源码分析
dva是基于react的二次封装,在工作中经常用到,因此有必要了解一下其中的实现。本文将从源码层面分析dva是如何将redux
、redux-saga
、react-router
等进行封装的。
NodeJS中CommonJS和ESModule混用的问题
发表于 | 分类于 编程语言/JavaScript
JavaScript在过去几年飞速发展,同时也带来了很多混乱的问题,比如模块系统cjs、esm混用,或者js、ts混用的项目比比皆是。
能理解将新技术落地到项目中的心情,但同时也需要具备一些知识避免这些混乱带来的影响。
从源码分析几种中间件的实现方式
发表于 | 分类于 技术原理
在前端比较熟悉的框架如express
、koa
、redux
和axios
中,都提供了中间件或拦截器的功能,本文将从源码出发,分析这几个框架中对应中间件的实现原理。
将博客重构为SSR渲染
发表于 | 分类于 博客
前段时间写了一个简易的类React框架:NeZha,现在打算加上服务端渲染的功能,并准备重构整个博客的同构渲染。本文将整理SSR在框架的项目构建方面的原理,然后进行简单实现。
VNode与Component
在前面两篇文章中,我们研究了VNode的基础知识,了解了如何使用VNode描述并渲染视图,实现了递归diff和循环diff两种方案,并在循环diff中给出了一种简单的调度器实现方案。本文将紧接上两篇文章,一步一步思考并实现将VNode封装成组件。
Fiber与循环diff
在上一篇文章VNode与递归diff中,我们了解了VNode的作用,如何将VNode映射为真实DOM,并通过递归实现了diff操作,最后研究了三种不同的diff方式带来的性能差异。
本文将紧接上文,研究如何通过循环的方式实现diff,并在此基础上实现对应的调度系统,从而理解React
中的一些核心原理。
VNode与递归diff
在工作中接触Vue
、React
大概有两三年了,最近一直在学习相关的技术原理,打算整理学习心得。本文深入研究虚拟DOMVNode
相关的技术实现,了解前端框架的基础。
从vue-loader源码分析CSS-Scoped的实现
虽然写了很长一段时间的Vue了,对于CSS Scoped
的原理也大致了解,但一直未曾关注过其实现细节。最近在重新学习webpack,因此查看了vue-loader
源码,顺便将从vue-loader
的源码中整理CSS Scoped
的实现。