背景不知道各位在看Axure产品原型的时候有没有遇到过这样的问题，在打开产品经理发给我们的原型地址后，找不到当前页面对应的导航菜单，特别是当原型页面比较多，左侧的菜单目录也特别多的时候。因为Axure在初次加载时不会定位到对应的菜单，也不会折叠其他目录，这就导致每次切换页面时都要在左侧菜单栏滚动很久才能找到菜单，属实恶心。 像这种页面体验上的问题，对于一个强迫症前端来说，自然是不能忍的。 思考后面

前戏正如标题所诉，当时在开发一个小demo时，需要一个close图标（也就是一个叉叉）。然后纠结症就犯了： 手搓一个CSS图标？也就几行css代码的事儿，通过伪元素::before、::after这样这样，然后这样，就行了； 还是去阿里的字体图标库走一遭儿？就一个小demo好像也没啥必要； 或者去图标库找一个差不多的copy一个svg代码？去哪个图标网站好呢？ 打住打住！有这纠结的时间，一个叉

前戏我是16年入了前端的坑，17年知道了gulp和rollup这两个玩意儿。由于那时webpack势头很猛，便一直没有正眼瞧过它一眼。 直到20年进了一家小公司，做了很多类似的小项目，相同的代码拷来拷去，出现一个bug一堆项目都要改，实在恶心到我了。 于是不得不开始考虑将一些公共的方法和组件提取出来，做成一个第三方库来维护。而在库的封装方面，rollup相对于webpack具有一定的优势。 在此，

喜欢写文章的技术大佬们，应该都有一个自己的在线图片管理工具吧。 尤其是在写markdown时，为了让我们的文章“图文并茂”，显得不那么枯燥，就经常需要在合适的地方插入一些关联性的图片。 据（xia）说（shuo）图片还能有效减少读者的视觉疲劳，使大脑有一个短暂的缓冲效果。 然而，markdown中插入图片是严重依赖于在线可访问的图片的。如果没有一个专门的图片管理工具，要插入一张图片还真的很折腾人

今天不谈技术，只谈经历。 前戏相信有很多的程序员都有一个产品梦，希望有一款属于自己产品。毕竟工作中遇到的有些“脑残”的产品经理不是一个两个，最后不得不因为“技术服务于业务”而低头，写一些自己不想写的代码。 这里并无引战的意思，职业不同，角度不同罢了。 “刚刚开会增加了一个简单的需求，明天上线。” “就是调一下位置，花不了多少时间的！” “原型没画，就是跟XXX一样的功能。” “用户又不是傻子，哪有

继续接上一篇。 serverless 部署选择serverless的原因，一方面是国内服务器，访问速度很快；另一方面是serverless本身也很划算，每个月都有免费的额度，对于个人博客站点，基本上也是不花钱的。 现在国内最大的应该就是阿里云和腾讯云两家了，我用的是腾讯云的serverless。 关于serverless相关的概念知识点比较多，对于非专业人士确实有很高的学习成本，官方文档都跟小说似

先看一下我的博客效果：https://codingmo.com，没有写一行代码，全都是一些简单的配置。 如果觉得还不错，接下来就从零开始介绍，照着做，差不多1个小时就可以搞定了。 创建站点项目这是Hexo的官网：https://hexo.io/zh-cn/docs/，有基础的可直接参照官方文档来，然后跳到Serveless 部署部分，我这里就主要针对小白进行一些简单的介绍了。 本地 node 环

不知道大家在开发个人项目的时候，有没有遇到过以下的问题： 我的页面主色调用什么颜色？ 背景色又用什么颜色？ 辅助色呢？ 对于可自定义主题的项目，如何根据用户选择的主色调生成其他辅助色呢？ … 前面3个问题，大家可以去参考专业的配色网站来，但是对于第4个问题，在页面颜色不确定的情况下，如何根据用户设置的主色调生成一整套的配色方案？而且还得保证不同颜色之间的辨识度。 …到最后，就只能使出配色终极大

本篇文章主要分两部分来讲解，首先带你进一步认识一下颜色模型相关的概念，然后在此基础上封装一个自己的ColorPicker组件。 同时，在文章结尾处将分享一个前端小技巧，不要错过哦！ 颜色模型我们平时开发中，经常用到的颜色模型主要是十六进制和RGB两种，浏览器所支持的颜色模型还有颜色标识符和HSL。作为前端开发人员，基本只需要根据设计稿给出的色值，复制过来就可以了，但是如果要封装一个颜色选择组件，却