前端路上

GitHub Card 是一个在线工具，能够将 GitHub 用户资料转换为精美的个人名片。通过 OAuth 认证获取用户 GitHub 数据，自动生成包含贡献统计、编程语言分析等信息的可视化卡片。用户可以选择不同模板定制个性化展示，支持一键下载高清图片或者复制分享链接，便于分享到社交平台，并提供了开发者排行榜功能。适合开发者展示个人技术实力和项目成就。

New Countdown Timer 是一款多功能的浏览器倒计时工具，帮助你以精准和灵活的方式管理时间。除了简单的倒计时外，该扩展还允许你为不同任务创建、保存和管理多个自定义计时器，无论是专注工作、烹饪还是锻炼间隔，都能轻松应对。

红茶中当以滇红最为馥郁，滇红中又以金芽最为鲜甜。

金芽红茶取自茶株芽头，通常一杯金芽的最佳饮用周期是前六泡，第 1-2 泡茶质未开，汤色偏白，醇浓中略带茶涩，仿佛人之青年；第 3-4 泡茶质舒展，汤色微红，口感香甜醇厚，仿佛人至中年，这也是一杯金芽的最佳饮用时期；第 5-6 泡茶质疏软，茶涩尽褪，口感柔滑中不失爽口，仿佛人之暮年。要得到金芽的最佳口感需要严格把控冲泡时间，水温以 85 度为宜，第一泡冲泡时间不能超过 7 秒，第二泡 14 秒，第三泡 30 秒，第四泡 1 分钟，第五泡 2 分钟，第六泡 5 分钟。因为金芽非常细嫩，冲泡过久容易损伤茶叶内质，茶汤会变得浓浊酸涩，而一旦冲泡时间过久，则整杯茶的生命周期将被破坏，基本就只能换茶重来了。

什么意思呢，就是说一个专注工作的人在上班时间是不可能喝好茶的。

这个博客是用 Hexo 构建的，最近换电脑 Hexo 博文源文件全部丢失了，这才发现像 Hexo 这种构建工具需要特别注意源文件备份，否则数据风险还挺高的。如果像我一样源文件已然丢失，其实也没有什么好的恢复方法，只能手动再配置一遍主题，再将博文搬运过来。

这个过程非常需要 html 转 markdown 工具，比如我用的这个，如果文章数量不太多，其实也花不了太多时间。而且这个重建博客的过程中往往我们会解决很多之前不完美而又懒得解决的问题。本文主要记录一下这两天我遇到的问题和解决过程。

网络视频（Web 视频）是指利用 HTML5 技术在浏览器中播放的视频，这类视频资源通常可以被随意下载，某些行业（比如教培行业）如果希望保护自己的视频资源不被下载，就需要对视频做防盗链处理。

今年下半年换了个团队，建制还不完整，忙的一逼，博客也有一阵子没时间更新了。

虽然我们常说忙点总比不忙好，但忙这件事也有边际效应，比如最近我就感受很深，一个人当三个人使，忙的底儿掉，但我的能力会因此等比增长吗？肯定不会，因为没有时间思考，没有时间复盘，这种程度的忙，从个人成长的角度早已达到了收益边际，超出的部分完全是不计回报的，可以算是放眼未来的一种风险投资吧。

大家都知道，阿里P7前端高级工程师，基本上是一线前端技术人能达到的最高职级，也是很多程序员追求的目标。达到年薪50W+股票的P7级别，不仅要具备优秀的编程能力，在系统设计能力和技术视野方面，也要有较深的积淀。

最近技术大牛廖雪峰邀请他一位在阿里做前端架构师的朋友，整理出一份xmind——“Web全栈架构师所需技术栈”，对于需要提升技术能力的初中级前端程序员们，提供一些学习方向上的借鉴和参考。

前端路上技术博客是基于Hexo构建发布的，最近需要给博客加上置顶功能，想来这种需求肯定早已经被前人充分“轮子”了，于是打开搜索引擎输入“hexo 置顶”，期望看到经过时间洗礼后整齐划一的“最佳实践”。

结果稍微有一点出乎意料，又对又好的方案只有一个，看来大家都很懒，找到一个能用的自己就不折腾了，可能因为这个需求也确实简单了点，没有重复折腾的必要。

一个微信小程序仪表盘组件

最近在一个小程序项目中做了个动态仪表盘效果，感觉有点复用价值，就顺便给组件化了，丰富了几个常用配置，绘制元素根据尺寸自适应，差不多具备了一个自定义组件的基本素质。

开发非常简单没有值得说的点，开发之外却是一步一个坑。

canvas内部元素不能像DOM元素一样方便的添加交互事件监听，因为canvas内不存在“元素”这个概念，他们仅仅是canvas绘制出来的图形。这对于交互开发来说是一个必经障碍，想要监听图形的点击事件思路很简单，只要监听canvas元素本身的点击事件，再判断点击坐标位于哪一个图形内部，就变相实现了图形点击事件。本文将介绍三种方法，判断坐标点是否位于某个canvas图形内部。