夏天夏

# 一个手绘风格的ui组件库(pencil-vue)

以前一直都想做一个自己的组件库，但是经过市场调研发现现在的组件库真是太全了，没必要自己再做一次，直到发现了这个rough手绘风格的工具库之后，我头上的灵感灯泡一闪，是不是这个做一个手绘风格的组件库呢，然后就有了pencil-vue

# 什么是canvas

在 MDN 中是这样定义 <canvas> 的：

<canvas> 是 HTML5 新增的元素，可用于通过使用 JavaScript 中的脚本来绘制图形。例如，它可以用于绘制图形、制作照片、创建动画，甚至可以进行实时视频处理或渲染。

# 探索奥秘

不知道你们有没有这样的感觉，就是在某一些时刻，做一些事情，不管是一场比赛，一个工作，完成它可以超水平发挥，但这种感觉我很难用语言去描述，我自己有些时刻在安静的晚上写一个大的工程业务的时候可以心无杂念，亢奋的状态下连续四小时写完了，而且一调试没有bug。换做日常的工作中，我可是一边调试一边写的，这种超水平发挥，在一年里面也只有两道三次。我总想着去怎么挖掘它。直到看了一个访谈，采访尤雨溪的时候，他也有过这种的状态，在一个深夜一气呵成的完成一个自己非常满意的框架，当时这种状态他称之为【flow】在中文中翻译为【心流】，之后零零碎碎的看了其他我关注的一些牛人里，他们也提到了这个词，当时我不以为然，我知道了这种状态叫心流，直到最近看了一个邓亚萍的访谈节目，又出现了这个词，这个词在我人生中出现超过三次，而且我知道这个对我来说很重要，我需要掌握它。我曾想要跟我的朋友解释【心流】这个词时，我发现这个很难讲明白，当朋友反问我时“这不就是专注的做一件事情吗”我顿时语塞了。后来我翻阅了大量资料，因为我想再次尝试用自己的理语言去框架的总结【何为心流】。

阅读全文