setTimeout(fn,0)的解释和应用

前言

关于setTimeout,我之前的文章介绍过。setTimeout我们经常用来做延迟执行,那么setTimeout(fn,0),是不是就不延迟执行了!答案肯定是否定的。这篇文章,我详细介绍一下setTimeout(fn,0)及其应用。

案例分析

for循环中有setTimeout,是我们在闭包案例中经常遇到和解决的一个问题,看一下下面这个案例

for (var i = 0; i < 3; i++) {
    setTimeout(function() {
        console.log(i);
    }, 0);
    console.log(i);
}

webpack前端技术小结

为什么要用Webpack?

今天简单介绍一下Webpack,Webpack功能强大,简单易学!类似技术我博客中之前介绍过模块化的requirejs,及打包工具grunt。相比前面介绍过的那两种,WebPack是一种模块化的解决方案,利用WebPack可以找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。下面我就对webpack做一个简单的小结。

安装

用 npm 安装 Webpack:

$ npm install webpack -g

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

前言

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

效果图

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

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

2016年小结

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

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

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

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

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

前言

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

实现方式一

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