05 2016 档案

javascript之函数节流
摘要：应用场景：当浏览器执行resize,mousemove,scroll等事件时，浏览器会不停的执行事件函数，对性能消耗太大，此时我们可以考虑采用函数节流来控制性能消耗。 实现思路： 调用方法： 总结：在一些对实时性要求不是太高，并且会频繁执行的场景下面，可以考虑采用函数节流的方式来提升性能。 阅读全文
posted @ 2016-05-31 15:27 前端路引 阅读(187) 评论(0) 推荐(0)
javascript之反柯里化uncurrying
摘要：使用方法: 实现方法一： 实现方法二： 总结：uncurrying方法主要用于框架封装，当然一般的开发场景也可以使用，但根据本人经验来看，用的不是很多。 阅读全文
posted @ 2016-05-30 12:19 前端路引 阅读(216) 评论(0) 推荐(0)
CSS3 之书页卷角阴影效果
摘要：视觉如下： CSS3 之书页阴影效果： 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>书页阴影效果</title> 5 <style> 6 .box { 7 width: 400px; 8 margin: 0 auto; 9 position 阅读全文
posted @ 2016-05-23 10:21 前端路引 阅读(2292) 评论(0) 推荐(0)
js无限轮播算法中干掉if判断
摘要：无限轮播在网页应用中经常见到，这其中算法各有千秋，在学习算法分析一书中发现自增取余方法可以干掉一些不必要的if判断，具体代码如下： 从性能测试以及算法复杂度来看，跟if判断在伯仲之间，应用场景因地制宜。 阅读全文
posted @ 2016-05-18 10:52 前端路引 阅读(513) 评论(0) 推荐(0)
手动停止jquery ajax请求
摘要：主要调用jquery提供的ajax abort方法，详细代码如下： test.php 阅读全文
posted @ 2016-05-18 10:25 前端路引 阅读(988) 评论(0) 推荐(0)
html5获取用户当前位置
摘要：支持地理定位的浏览器有IE9+、Firefox 3.5+ 、Opera 10.6+ 、Safari 5+ 、Chrome、iOS 版Safari、Android版WebKit。 注：测试过根据api调用百度地图显示当前位置，测试结果与原生应用（安卓，iOS应用）获取的位置偏差较大，不适合做导航定位应 阅读全文
posted @ 2016-05-18 10:06 前端路引 阅读(2408) 评论(0) 推荐(0)
javascript根据两点和底角，计算等腰三角形的顶点坐标
摘要：参考图： 代码如下： 总结：算法主要用到数学中的三角函数。 阅读全文
posted @ 2016-05-09 14:16 前端路引 阅读(1353) 评论(0) 推荐(0)
CSS3 之loading动画实现思路
摘要：效果大致如下： 主要实现方式： 该效果主要用到animation-timing-function中的steps()函数，该函数主要用于分步隐藏不同模块。 实现思路： 第一步动画： 第二步动画： 第三步动画： 第四步动画： 旋转半圆： 将gif动画分解为四步实现，每一步都是由旋转半圆旋转实现动画效果， 阅读全文
posted @ 2016-05-03 17:03 前端路引 阅读(486) 评论(0) 推荐(0)
gulp开发工具之postcss
摘要：参考文章：http://www.cnblogs.com/givebest/p/4771154.html package.json gulpfile.js ./src/css/index.css postcss之后的css文件./dist/css/index.css 阅读全文
posted @ 2016-05-03 15:09 前端路引 阅读(372) 评论(0) 推荐(0)