摘要: 文章太长,因为介绍了如何一步一步进化到最后接近完美的效果的,不想读的同学可以直接跳到最后一个大标题之后看代码、demo及原理就好,或者也可以直接看下面这个链接的源代码。 不过还是建议顺序读下去,因为后面的原理需要前面的内容做为铺垫,主要是在处理边角问题上。 先看下效果吧,要不然各位可能没动力读下去了 阅读全文
posted @ 2018-01-03 21:52 前端小老虎 阅读(1228) 评论(0) 推荐(1) 编辑
摘要: 早上无意间进入一个网站,看到他们的LOGO效果略屌,如图: 刚开始以为是gif动画之类的,审查元素发现居然是用SVG + CSS3动画实现的,顿时激起了我的(hao)欲(qi)望(xin),决定要一探究竟,查看代码之后,发现原理居然是如此简单:多个SVG描边动画使用不同的animation dela 阅读全文
posted @ 2018-01-03 21:50 前端小老虎 阅读(1272) 评论(0) 推荐(0) 编辑
摘要: 本文写给有一定Promise使用经验的人,如果你还没有使用过Promise,这篇文章可能不适合你,建议先了解Promise的使用 Promise标准解读 1.只有一个then方法,没有catch,race,all等方法,甚至没有构造函数 Promise标准中仅指定了Promise对象的then方法的 阅读全文
posted @ 2018-01-03 21:46 前端小老虎 阅读(1964) 评论(0) 推荐(0) 编辑
摘要: 在使用Promise处理一些复杂逻辑的过程中,我们有时候会想要在发生某种错误后就停止执行Promise链后面所有的代码。 然而Promise本身并没有提供这样的功能,一个操作,要么成功,要么失败,要么跳转到then里,要么跳转到catch里。 如果非要处理这种逻辑,一般的想法是抛出一个特殊的Erro 阅读全文
posted @ 2018-01-03 21:43 前端小老虎 阅读(590) 评论(1) 推荐(0) 编辑
摘要: 最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以 阅读全文
posted @ 2018-01-03 21:41 前端小老虎 阅读(3117) 评论(2) 推荐(2) 编辑
摘要: 数组API API: Application Programming Interface,应用程序编程接口; js中对象提供的方法就叫做API; instanceof Array.isArray( ) toString( ) valueOf( ) 数组.join(参数) 数组元素的添加和删除 pus 阅读全文
posted @ 2018-01-03 21:36 前端小老虎 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 前言 首先,先说明一下做这个系列的目的:其实主要源于博主希望熟练使用 canvas 的相关 api ,同时对小游戏的实现逻辑比较感兴趣,所以希望通过这一系列的小游戏来提升自身编程能力;关于 es6 语法,个人认为以后 es6 语法会越来越普及,所以算是提前熟悉语法使用技巧。小游戏的实现逻辑上可能并不 阅读全文
posted @ 2018-01-02 22:37 前端小老虎 阅读(1576) 评论(0) 推荐(0) 编辑
摘要: 前言 Duang,Duang,Duang,博主又来分享插件了,这次是一个炫酷的网格折叠动画效果,其原理模拟纸板折叠过程的动画,页面使用了大量CSS3属性,具体效果请看演示页面(建议使用新版谷歌、火狐浏览器观看,对于ie9以下不支持CSS3属性的浏览器不兼容)。 博主个人建议:这个效果可以用于网站引导 阅读全文
posted @ 2018-01-02 22:34 前端小老虎 阅读(568) 评论(0) 推荐(0) 编辑
摘要: 最近用ofo小黄车App的时候,发现以前下方扫一扫变成了一个眼睛动的小黄人,觉得蛮有意思的,这里用HTML5仿一下效果。 ofo眼睛效果 效果分析 从效果中不难看出,是使用陀螺仪事件实现的。 这里先来看一下HTML5中陀螺仪事件的一些概念。 陀螺仪事件为deviceorientation,这里主要获 阅读全文
posted @ 2018-01-02 22:22 前端小老虎 阅读(391) 评论(0) 推荐(0) 编辑
摘要: 毛玻璃效果 ios里毛玻璃效果的使用非常多,本文介绍一个实现div毛玻璃背景的方法 CSS3 Filter CSS3的Filter主要用在图像的特效处理上,默认值为none,还有以下备选项:   1.grayscale灰度   2.sepia褐色   阅读全文
posted @ 2018-01-02 22:18 前端小老虎 阅读(8940) 评论(0) 推荐(0) 编辑