通过uniCloud白捡一个在线图库管理工具，可做图床外链 喜欢写文章的技术大佬们，应该都有一个自己的在线图片管理工具吧。 尤其是在写markdown时，为了让我们的文章“图文并茂”，显得不那么枯燥，就经常需要在合适的地方插入一些关联性的图片。 据（xia）说（shuo）图片还能有效减少读者的视觉疲劳，使大脑有一个短暂的缓冲效果。 然而，markdown中插入图片是严重依赖于在线可访问的图片的。如果没有一个专门的图片管理工具，要插入一张图片还真的很折腾人 2022/03/14 全栈 uniCloud 云开发 图床
耗时一个月上架了一款微信小程序，赚了2022年的第一笔副收入 今天不谈技术，只谈经历。 前戏相信有很多的程序员都有一个产品梦，希望有一款属于自己产品。毕竟工作中遇到的有些“脑残”的产品经理不是一个两个，最后不得不因为“技术服务于业务”而低头，写一些自己不想写的代码。 这里并无引战的意思，职业不同，角度不同罢了。 “刚刚开会增加了一个简单的需求，明天上线。” “就是调一下位置，花不了多少时间的！” “原型没画，就是跟XXX一样的功能。” “用户又不是傻子，哪有 2022/03/12 生活 小程序 副业 创业
通过 hexo+serverless 快速搭建并部署一个自己博客，小白也能搞定（二） 继续接上一篇。 serverless 部署选择serverless的原因，一方面是国内服务器，访问速度很快；另一方面是serverless本身也很划算，每个月都有免费的额度，对于个人博客站点，基本上也是不花钱的。 现在国内最大的应该就是阿里云和腾讯云两家了，我用的是腾讯云的serverless。 关于serverless相关的概念知识点比较多，对于非专业人士确实有很高的学习成本，官方文档都跟小说似 2022/03/06 Hexo Fluid Hexo Fluid
通过 hexo+serverless 快速搭建并部署一个自己博客，小白也能搞定（一） 先看一下我的博客效果：https://moohng.com，没有写一行代码，全都是一些简单的配置。 如果觉得还不错，接下来就从零开始介绍，照着做，差不多1个小时就可以搞定了。 创建站点项目这是Hexo的官网：https://hexo.io/zh-cn/docs/，有基础的可直接参照官方文档来，然后跳到Serveless 部署部分，我这里就主要针对小白进行一些简单的介绍了。 本地 node 环境安 2022/03/04 Hexo Fluid Hexo Fluid
前端配色的秘密：怎么配都好看 不知道大家在开发个人项目的时候，有没有遇到过以下的问题： 我的页面主色调用什么颜色？ 背景色又用什么颜色？ 辅助色呢？ 对于可自定义主题的项目，如何根据用户选择的主色调生成其他辅助色呢？ … 前面3个问题，大家可以去参考专业的配色网站来，但是对于第4个问题，在页面颜色不确定的情况下，如何根据用户设置的主色调生成一整套的配色方案？而且还得保证不同颜色之间的辨识度。 …到最后，就只能使出配色终极大 2022/02/28 小程序 CSS RGB HSL
颜色操控大法：如何封装一个颜色选择ColorPicker组件？ 本篇文章主要分两部分来讲解，首先带你进一步认识一下颜色模型相关的概念，然后在此基础上封装一个自己的ColorPicker组件。 同时，在文章结尾处将分享一个前端小技巧，不要错过哦！ 颜色模型我们平时开发中，经常用到的颜色模型主要是十六进制和RGB两种，浏览器所支持的颜色模型还有颜色标识符和HSL。作为前端开发人员，基本只需要根据设计稿给出的色值，复制过来就可以了，但是如果要封装一个颜色选择组件，却 2022/02/28 小程序 CSS RGB HSL
小程序Canvas如何实现撤销、笔迹回放操作 接上一篇文章。 轨迹自动播放实现在画布上绘制笔迹的时候，通过touchmove事件将每一次绘制的点坐标都记录起来，同时也要将当前笔迹的颜色、宽度等数据记录起来。最终画布上所有的笔迹都转换成了一个数据列表，当播放的时候，再将列表里面的数据一条一条的在canvas上重新绘制出来，通过setTimeout进行自动循环不断的去绘制。 看代码： 1234567891011121314151617181920 2022/02/28 小程序 canvas 小程序 uni-app
我的第一个小程序：Canvas画布的使用 先放出小程序码： 功能先列出目前小程序已完成了功能： 笔记绘制； 颜色和宽度； 背景； 撤销； 恢复撤销； 清空； 保存本地； 笔记播放； 分享/口令分享； 下面简单介绍几个重要的功能实现 画布的实现由于一开始使用了uni + vite + vue3来进行小程序的开发，遇到的第一个坑就是当前版本的uni不支持canvas响应touch事件，从而直接导致无法进行正常的绘制操作。于是就给uni- 2022/02/28 小程序 canvas 小程序 uni-app
从 PostCSS 插件，体验编码到发布全过程 因项目的需求，自己动手写了一个 PostCSS 插件 postcss-px2vw，主要用于将 px 转成 vw 和 rem，rem 作为回退模式。也刚好借此机会总结一下 npm 包的发布流程，文章还会介绍到七牛云图片的使用与上传相关的技巧，以及期间遇到的一些问题。 为什么需要它转换 px 单位的插件有很多，知名的有 postcss-px-to-viewport 和 postcss-pxtorem， 2018/08/26 其他 npm PostCSS 七牛云
超轻量代码实现字段校验工具库（移动端） 先附上项目的链接地址： github: https://github.com/moohng/dan/tree/master/src/validator 动机有表单的地方必有校验，我们使用不同的框架有不同的校验方法。在PC端基于React的Ant Design框架中的Form表单的功能就十分强大，而在移动端，却很难找到一款能与之匹敌完整框架。移动端比较流行的vux框架，虽然有的组件自带了校验功能 2018/02/10 其他 Vue npm validator
