浪子闲人

本文基于taro 2.0.3版本，介绍taro工具从类react语法到小程序(微信小程序、头条小程序)的编译流程。

1. 业务遇到的问题 最近在解决业务需求时，遇到如下的场景：产品希望对一系列奖品进行奖励，希望系列奖品之和为100%，并希望精确度保持6位(百分比4位)，例如如下的例子: 这业务场景太简单，我按照如下

在Preact源码阅读(二），我们看了初始化阶段的diff算法，preact采用了深度diff的算法，由根节点开始，深度遍历子节点，完成比较及DOM的创建、插入。本章准备分析setState的基本函数功能，并基于此，分析preact更新阶段的流程。 1. setState功能 …

在Preact源码阅读（一）我们分析了render函数、diff函数的功能，分析了React Component的生命周期映射、父子组件的周期执行顺序，在本节中，我们将继续（一）中未分析的内容，介绍Preact的diff流程的处理流程、vnode到dom的转换及插入过程。let…

本系列研究Preact10.4.6的具体实现，包括生命周期、diff、更新机制、hooks和异常处理等功能的是实现。本节内容研究render功能、初始化阶段和生命周期的映射及执行，可能需要了解JSX到

JSX是一个具有灵活性、功能较强的“模版语法”，它不仅仅具有常见的模版语法的功能，如Art、Jade中的功能，更支持Javascript语法的扩展，让我们使用Javascript编写模版。在React + webpack +babel的框架体系里，JSX是如何转换到Vdom的那…