前端路上

枪在手,跟我走,前端路上不回头

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

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

阅读全文 »

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

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

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

阅读全文 »

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

阅读全文 »

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

阅读全文 »

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

阅读全文 »

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

阅读全文 »

小程序开发框架经过两年左右的迭代,发展的越来越成熟和完善了,无论框架层面还是开发工具层面,体验都上升了一个层次,借《宝贝成长助理》这个项目的契机,总结一下在2019年这个时间点,小程序开发的现状。

阅读全文 »

作为一个技术人,我一直信奉稻盛和夫的“工作即修行”,过去将多数精力都投入在工作中。2018年我刚好30岁,到了这个年纪人的角色往往会发生一些转变,来自生活的负担更多也更重了,所以过去的一年我做了一些调整,也做了一些尝试,收获不多,总结起来可以用跌跌撞撞来形容,只能说,但行好事吧。

阅读全文 »

苹果手机竖向拍照会为照片添加左旋90度的拍照方向,导致在网页中展示异常。前端解决这个问题需要提取图片的exif信息,并检测照片的拍照方向orientation,再通过canvas绘制图片并纠正旋转方向,最后输出图片的base64。

阅读全文 »

开发代码兼容

Vue CLI 3初始化的项目,构建时会根据package.json中的browserslist配置自动检测需要转译的语言特性,为构建代码转译JavaScript 并为 CSS 添加浏览器前缀,通常只需要修改browserslist即可兼容目标浏览器,例如兼容IE10可以做如下配置:

阅读全文 »
0%