通过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