前端君

介绍如何开发一个精灵，并使用依赖反转思想，精灵与舞台解耦，实现精灵注册机制。 本文对 图形编辑器的最小demo 进行重构，将精灵和舞台进行了解耦，提升了图形编辑器的可维护性；并提供了精灵的规范以及开发

一个类似PPT功能的图形编辑器框架，可以用于快速搭建图形编辑应用。 这是一个系列文章介绍如何基于 svg 逐步实现一个图形编辑器，内容较多将分为系列文章，逐步讲解实现步骤，欢迎大家一起讨论~

> 记录在一下借助babel在html中写react代码能力 <script name="app" type="text/babel">

前端经常有用到右键菜单扩展交互能力的需求，不同场景下菜单功能不同，且通常需要根据右键目标的不同显示不同的菜单操作，本文就记录了一种通用的右键菜单解决方案。

实现`高度可扩展`的多关键词高亮方案，多个关键词`同时高亮`，关键词支持`正则匹配`，支持自定义渲染

色选择器组件提供一个简洁美观的面板，很方便的选择常用的颜色，具有推荐颜色、最近使用颜色、拾色器、自定义颜色等功能。

几何计算方法列表 判断两个浮点数是否相等 计算两个点的中点 计算两个点组成直线的斜率 弧度转化为角度 角度转化为弧度 计算两点组成的方程 y = kx + b等

日常开发中常用到颜色的相互转换，这里提供了丰富的解析、转换颜色的方法。 - 解析16进制颜色字符串 - 解析rgba颜色字符串 - 16进制颜色字符串 - 16进制颜色字符串与rgba颜色字符串相互转

hooks诞生的原因 组件之间的状态复用困难 类组件理解成本较高，业务逻辑分散在生命周期中 class和this的特性较为复杂 解决函数组件无状态只能用于简单组件的痛点，使其拥有持续化的状态 拥抱函数