监听Canvas内部元素点击事件的三种方法
canvas内部元素不能像DOM元素一样方便的添加交互事件监听，因为canvas内不存在“元素”这个概念，他们仅仅是canvas绘制出来的图形。这对于交互开发来说是一个必经障碍，想要监听图形的点击事件思路很简单，只要监听canvas元素本身的点击事件，再判断点击坐标位于哪一个图形内部，就变相实现了图
...
iBeacon蓝牙定位技术原理及实现
发表于
|
作者：
雅X共赏
蓝牙定位是iBeacon技术最常被应用的方向之一，基于蓝牙定位可以实现诸如寻路、寻车、向导等很多商业需求，觅迹导航的定位系统也是基于iBeacon技术实现的。蓝牙定位又可以分为一维定位和二维定位，本文将介绍两种蓝牙定位技术的实现原理及实现方法。
一维定位原理蓝牙定位的底层技术是蓝牙测距，关于蓝牙测距
...
微信小程序iBeacon测距及稳定程序的实现
发表于
|
作者：
雅X共赏
iBeacon是苹果公司推出的一项低耗能蓝牙技术，由蓝牙设备发射包含指定信息的信号，再由移动设备接收信号，从而实现近场通信。微信小程序2017年开始支持iBeacon，摇一摇附近就是基于iBeacon实现的，此外iBeacon还可以实现距离测量，本文将介绍如何基于微信小程序实现iBeacon测距。
...
给前端自学者的建议
发表于
|
作者：
雅X共赏
自学可能是前端圈最主流的入行方式，因为较低的准入门槛，造就了近几年的前端热。越来越多的人想自学前端，但前端技术经过爆炸性的发展，如今早已不是当年那个HTML+CSS+Javascript打天下的时代了，这对自学者来说会造成很多困扰，不知从何学起。我自学前端6年了，本文整理了可能对新人有帮助的一些建
...
时隔两年，再次上手小程序开发
发表于
|
作者：
雅X共赏
小程序开发框架经过两年左右的迭代，发展的越来越成熟和完善了，无论框架层面还是开发工具层面，体验都上升了一个层次，借《宝贝成长助理》这个项目的契机，总结一下在2019年这个时间点，小程序开发的现状。
项目背景做宝爸快一年了，自然会花一些精力调整知识结构，关注婴幼儿成长方面的知识，现在的宝宝在营养方
...
2018年度总结，一个技术人的而立之年
发表于
|
作者：
雅X共赏
作为一个技术人，我一直信奉稻盛和夫的“工作即修行”，过去将多数精力都投入在工作中。2018年我刚好30岁，到了这个年纪人的角色往往会发生一些转变，来自生活的负担更多也更重了，所以过去的一年我做了一些调整，也做了一些尝试，收获不多，总结起来可以用跌跌撞撞来形容，只能说，但行好事吧。
回顾结束创业两年前
...
前端检测修复IOS拍照旋转问题
发表于
|
作者：
雅X共赏
苹果手机竖向拍照会为照片添加左旋90度的拍照方向，导致在网页中展示异常。前端解决这个问题需要提取图片的exif信息，并检测照片的拍照方向orientation，再通过canvas绘制图片并纠正旋转方向，最后输出图片的base64。
WEB前端环境可能在两种情况下遇到IOS拍照旋转问题，一是网页中通过
...
Vue CLI 3 浏览器兼容性配置
发表于
|
作者：
雅X共赏
开发代码兼容Vue CLI 3初始化的项目，构建时会根据package.json中的browserslist配置自动检测需要转译的语言特性，为构建代码转译JavaScript 并为 CSS 添加浏览器前缀，通常只需要修改browserslist即可兼容目标浏览器，例如兼容IE10可以做如下配置：
1
...
HTML5实现文件读取、编辑、保存
发表于
|
作者：
雅X共赏
最近自己捣鼓了一个好玩的项目觅迹导航，核心功能已经开发完成，后续会抽时间完善一下细节，并开放使用。做这个项目的过程中涉及到本地文件的读写，而且项目的定位不涉及兼容性问题，所以就直接用HTML5实现了，这里将实现过程以及涉及到的知识点整理一下。
HTML5读取文件HTML5读取文件主要利用的就是Fil
...
《Hybrid App开发快速指南》新课上线！
发表于
|
作者：
雅X共赏
混合应用开发作为技术热点的时代已经过去了，但作为一种轻便可靠的开发手段，却早已在前端开发领域落了地。
我四年前就开始从事混合应用开发，从Cordova到Appcan再到APICloud，经年累月的摸索，逐渐形成一套对前端开发者更友好的混合开发最佳实践。对于刚接触混合开发的新人，与其自己摸索文档或者到
...