PTD

该版本直接fork官方的GitHub仓库，版本号为 v3.2.1。 该源代码采用lerna工具管理依赖，主要的源码均位于packages目录下。在react-scripts目录下的package.json中，bin字段内容如下： 因此我们运行该react-scripts命令时，…

上一篇我们已经讲了 create-react-app里面创建package.json安装依赖并且拷贝可运行的demo等步骤。传送门 这一篇我们来讲一下 create-react-app里面的启动服务等部分，就是平时我们安装完依赖之后，启动开发服务:npm start。这一块涉及…

这件事还要从 2013 年那个秋天说起。 对！就是这张图，这张图把大家引入了 DOM 操作是昂贵且慢的，Virtual DOM 是快速的思维里。 6 年后的今天，React 已经风靡全球，Virtual DOM 也受到了大家的认可，国产之星 VUE 也使用了 Virtual D…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

集卡属于互动类型的游戏，此页面有9个弹窗，其中有同时出现的5个弹窗的情况，且如果同时出现必须按照指定顺序弹出。 遇到复杂的交互逻辑，数据结构可以帮助理清思路，抽象逻辑，完成稳定可靠的代码。在这次交互中，弹框要一个个按照顺序弹出，可以虑有序队列。但是弹框的弹出和关闭属于事件。在上…