前端路上

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

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

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

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

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

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

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

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

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

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

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

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

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

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

iBeacon 是苹果公司推出的一项低耗能蓝牙技术，由蓝牙设备发射包含指定信息的信号，再由移动设备接收信号，从而实现近场通信。微信小程序 2017 年开始支持 iBeacon，摇一摇附近就是基于 iBeacon 实现的，此外 iBeacon 还可以实现距离测量，本文将介绍如何基于微信小程序实现 iBeacon 测距。

自学可能是前端圈最主流的入行方式，因为较低的准入门槛，造就了近几年的前端热。越来越多的人想自学前端，但前端技术经过爆炸性的发展，如今早已不是当年那个 HTML+CSS+Javascript 打天下的时代了，这对自学者来说会造成很多困扰，不知从何学起。我自学前端 6 年了，本文整理了可能对新人有帮助的一些建议，希望大家在前端路上能少走弯路，也算暗合了本博客的主题了 ^ ^。