html5的audio实现高仿微信语音播放效果

前言

之前做过一个微信的项目,专家回复可以录音,然后储存成mp3格式,前台可以获取mp3,客户可以在线试听mp3录音效果,今天就简单分享一下这个效果如何实现,及实现思路和方法!

效果图

前台大体呈现效果图如下:

春节前的一个小结及节后规划

2016年小结

马上要过春节了,总结一下过去的一年!

首先是个人生活上:在传说婚假取消的情况下,2015年阳历最后一天,匆匆忙忙领了证。2016年拍了结婚照,带着爸妈出去旅行了一次。二线城市买了套房,开始苦逼还贷生活。订做了婚纱礼服,筹备2017年婚礼事宜。

工作上:平平淡淡,没有什么技术上质的飞跃!博客坚持更新,但是文章质量一般!2015年至现在一些新的技术有在研究,但是水平处于“半瓶子咣当”阶段。因此,一些新技术一直没有写在博客上面!

总结2015年至2016年前端新技术的一些主线:

css3动画沿轨迹运动,css3物体沿圆环运动

前言

我们在运用css3动画实现轨迹运动的时候,点 A 到点 B 的直线运动,很好实现,而且我们还可以运用贝塞尔曲线,实现运动速度的调整。但是假如我们要实现沿着某个路径运动,或者沿着圆环运动,那么应该如何实现呢?

实现方式一

每个轴执行自己的动画函数。效果如下:

AlloyTouch高仿native,实现滑动弹跳效果

前言

在APP中我们经常会在页面下拉时看到一些动效,例如下拉图片跟随放大、下拉刷新出现loading动画等,这个交互细节在各个主流APP以及手机原生系统中随处可见,能为APP增添个性亮点。那么我们在html移动开发网页能否实现类似效果呢?今天我就介绍一个实现这个效果的方法!

技术实现

这个实现主要运用了AlloyTouch已经transformjs这两个插件,实现代码如下:

mongodb数据丢失及问题分析

前言

大家新年好!祝大家2017年万事如意!从2016年12月30号~2017年元旦,haorooms官方博客数据库,数据二度丢失。怀疑被别人删除!在此声明:亲爱的黑客们,谢谢你们对我博客安全性的提醒,我已经升级mongodb数据库,增加了auth权限,希望不要再对我的博客进行攻击了,作为一名前端开发人员,对这些知识了解的还不够深入,希望您今后不要再攻击我的博客。

mongo数据丢失

mongo数据丢失,辛亏我有自动化脚本,每个周会自动备份数据,12月30号数据丢失之后,我恢复了12月24号的数据,但是最近两篇文章丢失了,因为博客文章和github上面文章同步的,我把github上面的最后2篇数据同步到现在博客,并进行了一次数据备份。由于12月30号晚上就要有事外出,12月30号还有工作上的事情,因此,简单的恢复了一下数据,就没有然后给博客增加了auth权限,但是发现nodejs启动不起来了,没有办法,我又取消了auth权限!