前端路上

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

主要功能

• 自定义计时器：创建、编辑并保存多个个性化计时器，可设置时长、声音和颜色标识。
• 有序列表：在简洁的列表中访问所有已保存的计时器，支持拖拽排序。
• 快捷启动：在列表视图中一键启动任意已保存计时器。
• 云同步：通过浏览器同步功能，在多设备间无缝同步自定义计时器。
• 实时工具栏显示：计时器运行时，剩余时间会动态显示在浏览器工具栏图标上。
• 即时通知：倒计时结束时，桌面通知和可自定义的声音提醒会立即弹出。
• 灵活控制：可随时启动、暂停或取消任意倒计时。
• 直观界面：支持键盘输入或直观控件设置时、分、秒，界面现代，遵循 Material Design 设计规范。
• 专注视图：倒计时运行时，扩展弹窗会专注显示当前计时器。
• 记忆回显：自动保存你上次使用的手动计时设置，便于快速访问。

使用场景

• 🍵 完美泡茶：为不同茶类设置精准的浸泡时间。
• 🎯 提升效率：自定义番茄钟或任务分块计时。
• ⏱️ 会议管理：确保会议按时进行并准时结束。
• 🍳 厨房助手：烹饪、烘焙、冲泡等场景的理想计时工具。
• 💻 数字健康：为屏幕时间或特定在线活动设定限制。
• 🏋️ 健身伙伴：计时锻炼间隔或休息时间。

隐私优先

你的隐私至关重要。New Countdown Timer 完全在本地运行，不收集或传输任何个人数据。你的自定义计时器设置通过浏览器内置的存储和同步 API 安全保存和同步。

轻量高效

New Countdown Timer 经过优化，资源占用极低，运行流畅，不会拖慢浏览器。

开源透明

本项目为开源项目。你可以在 GitHub 上查阅全部代码。

商店安装

如有任何问题、建议或反馈，欢迎通过 Chrome 网上应用店评论区或我们的联系邮箱与我们沟通。

感谢你使用 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图形内部。

蓝牙定位是iBeacon技术最常被应用的方向之一，基于蓝牙定位可以实现诸如寻路、寻车、向导等很多商业需求，觅迹导航的定位系统也是基于iBeacon技术实现的。蓝牙定位又可以分为一维定位和二维定位，本文将介绍两种蓝牙定位技术的实现原理及实现方法。