最近给图片套壳美化工具更新了两个重要的功能，简而言之就是：

1. 直接操作图片的放大缩小
2. 快速截图后上传图片（通过浏览器的 getDisplayMedia 接口）

直接操作放大缩小​

第一个功能是为了方便操作，之前是在左侧通过滑动区块来调节图片区域的显示大小，不够直观或不方便实现更精细化的调节。

于是采用更常规的操作方式，在图片区域的四个角上新增操作手柄，当鼠标放在操作手柄上时，显示可拖拽的弧线。

最近在浏览网站的时候看到一个有趣的滑动组件的样式，觉得很有趣。一时有兴趣就去用代码实现了一下：

这里我就不从零开始实现了，借用 Material UI Slider 快速实现，基本上就是重新写样式覆盖。

博客已经两个月没有更新了，我去干啥了？这次不是偷懒，去搞了个大活！

连续做了几款图片导出工具后，这次决定做一个复杂点的，覆盖场景更丰富点的图片美化工具。

为什么需要图片美化工具？

日常分享到社交媒体的图片如果不加修饰，显示效果不佳。而且还可能因为图片尺寸不合适，导致显示不全。如果我们随意截图发到朋友圈或者社交平台， 导致图片大小不一致，排列错乱，毫无美感。更不会引起别人的关注。特别是对于品牌的宣传，统一的图片风格更容易在视觉上加深对受众的印象。

结合前面的经验，技术实现上已经没什么障碍了。 这种产品的唯一的挑战是 UI 设计，和部分功能的 UX。产品的审美一定要在线，才能吸引别人来使用你的工具。

你平时都在什么平台写博客？你写博客时的编辑器是什么？

依我观察，现在的博客形式无外乎以下几种：

Lottie 解释：

Lottie 是一个由 Airbnb 公司开发，可同时在 Web、iOS、Android 和 React Native 等多个平台上运行的高性能、可交互的矢量动画的开源库。

说白了就是设计师通过导出一个描述动画的 JSON 格式文件，并通过 Lottie 库就可以同时在几乎所有的平台运行。大大简化了设计师和工程师的工作。并且保证多个平台动画有一致的运行效果。

而且相对于视频和 Gif 比较，它的文件格式小，动画的性能还高。

学习一门语言，首要的是把自己融入该语言的环境中，如何学英语不如说如何用英语。

自从年初定下 2024 年要做的几件事：

• 英语掌握 7-8 千单词量
• 写作
• 熟练使用 Nextjs 技术建站
• 锻炼，增重（突破 65 kg），着重锻炼臀腿

落实下来后，每一项都在有条不紊的进行着。关于英语的学习，我用了量化的指标来制定任务，好随时追踪进度，这也是一种泛化的定义，单词量并不能直接代表英文的掌握能力。

现在每天在【不背单词】APP 上背单词，时间主要定在睡前的半个小时和早晨的到公司的半个小时。我用的单词本是六级的词汇， 总共两千多点单词，目前已完成九百多，差不多已过半。这个完成后我再准备切换到考研的词汇，到年底能完成。争取一次性做一个单词的攻关。

写业务代码写多了发现大部分时间都在处理各种格式的数据，而尤以数组和对象类型的数据为主。数据主要来源又分为：从云端接口获取的数据、本地表单提交的数据 或直接使用 Sql 语句从数据库中读取的数据，甚至还有从静态文件中通过 fetch 请求到的文本转化为特定格式的数据。

不管数据的来源如何，我们的工作重心永远都是在把源数据处理成最终符合我们需求的数据。

在程序员这个行业跌跌撞撞也已经快十年了，越来越觉得要想在程序员这条路上走的更远更久，以下的这几种能力不能忽视，需要保持持久的恒心与毅力着重地培养起来。

为什么是这几种能力，我们深知越重要且对我们影响越深远的东西都非一日之功，它们有的是习惯，有的是思维，都在潜移默化地不断改变着我们。而往往这也是拉开与常人距离的重大因子。