rational_stars

React 为我们提供了一套虚拟的事件系统，这套虚拟事件系统是如何工作的，笔者对源码做了一次梳理，整理了下面的文档供大家参考。 在 React事件介绍 中介绍了合成事件对象以及为什么提供合成事件对象，主要原因是因为 React 想实现一个全浏览器的框架， 为了实现这种目标就需要…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

这个动画看起来有点难，但其实要比想象中的简单。 它只是平移和旋转的简单合成，下面大体分析一下。 1. 鼠标位置 要跟随鼠标移动，首先就要获取鼠标的位置。 可以给画布绑定mousemove事件，这样拿到鼠标相对于页面的绝对位置（pageX，pageY），再减去画布自身的偏移量，就…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

在刚接触时，我对 VPS 主机、虚拟主机、云服务器等名词真的是一脸懵，为了让后来接触的人少走一些弯路，同时也给自己做一些笔记，也就出现了本篇文章。本篇文章讲述了 了解服务器 ---> 选择服务器 ---> 购买服务器 ---> 使用服务器 ---> 项目部署 这几方面。文章前…

大家都知道css有calc()，可否知道:root{}和var()？下面我就给大家介绍下他们：1、变量的声明 :root{}声明变量的时候，变量名前面要加两根连词线（--）。上面代码中，body选择器

这两天在看JavaScript的API时发现了这样一个东西IntersectionObserver(准确说它是浏览器原生提供的一个异步API)，它能够对一个元素进行监听，判断该元素是否在当前窗口中。 不用管它，简单点说，IntersectionObserver就是观察一个元素是…

我们在日常开发中经常用到async await去请求接口，解决异步。可async await语法的缺点就是若await后的Promise抛出错误不能捕获，整段代码区就会卡住。从而使下面的逻辑不能顺利执行。也许会有人说，卡住就是为了不进行后续的代码，以免造成更大的错误，可大多数情…