深夜，一阵刺耳的手机铃声把我吵醒，我迅速的把手机按成静音，看下屏幕，是我几年前带过的一个妹子的电话，看着熟睡的老婆孩子，我蹑手蹑脚地走到厨房接通了电话。 一接通，就传来一阵哭泣声：“师傅，我找不

使用React类组件+canvas实现手写签字的组件. 点击弹出框,进行手写签字,最终返回base64字符串. 包括清空和回退功能.

上回写了一篇从零开始手写基于Web Components组件 介绍了Web Components的基础知识和操作，并完整的从零开始手写了一个Button组件，后续又补充了一些，直接开源成一个组件库

之前用antd组件库的时候，这组件用起来还是挺爽的，还没有感觉一个组件这么难写，结果自己动手写起来的时候才发现一个小小的button里面也是有不少难点，果然轮子还是用起来爽，造起来痛苦。 废话不多说直

一.概述     Less是一种动态样式语言，它在CSS的基础上扩展了混合、嵌套、变量等实用功能。Less也是一种CSS预处理语言，less文件在经过less.js处理后，最终会生成.css文件，如下

首先是取名字 组件库一开始就要想一个好名字，想好后去npmjs.com搜索一下，看是否有已经存在的名字，也可以去Github上面搜索一下，尽量避免和别的开源项目重名，还有域名也可以去查一下是否可以注册

只要在写前端代码就避免不了使用流行的 UI 组件库，例如 ElementUI 、 Ant Design 。但是我们只停留在使用层面上的话，未免显得肤浅。因此作者一直都想编写一个属于自己的 UI 组件库。 前端工程：组件库基础结构、打包组件库、发布组件库、发布组件库文档。 语言层…

本文详解如何完整创造出功能较为齐全的 Drawer 抽屉组件、Modal 弹窗组件 组件开发采用 React 框架，组件功能参考 抽屉 Drawer - Ant Design、对话框 Modal -

什么是乐观 UI 乐观 UI ( optimistic UI ) 是一种 UI 设计方式 , 它在用户执行操作后 , 不用等待服务器响应 , 立即更新 UI。