随笔分类 -  JS

摘要：以前在写asp的后台的时候，有一个上传功能是必须的，那时候进行的图片预览（未上传前）其实就是获取本地的图片路径来显示图片，但是随着HTML5的出现，可以把图片通过编码来实现预览。在雅虎的36条速度优化里面其中有一条就是减少HTTP请求数，而内联图像是使用 data:URL scheme的方法把图像数据加载页面中，从而达到减少请求数的目的。这可能会增加页面的大 小。把内联图像放到样式表（可缓存）中可以减少 HTTP请求同时又避免增加页面文件的大小。但是内联图像现在还没有得到主流浏览器的 支持。所以对于一些icon或者小背景，可以通过Base64图片转换工具来把图片编码，下面要带来就是这个工具的实 阅读全文

摘要：JavaScript中有时需要用到当前的请求路径等涉及到url的情况,正常情况下我们可以使用location对象来获取我们需要的信息,本文从另外一个途径来解决这个问题,而且更加巧妙方法如下： 1 function parseURL(url) { 2 var a = document.createElement('a'); 3 //创建一个链接 4 a.href = url; 5 return { 6 source: url, 7 protocol: a.protocol.replace(':',''), 8 host: a.hostname, 9 阅读全文

摘要：Swipe JS 是一个轻量级(3.7 kb) mobile slider，支持 1:1 触摸移动(基于精确的触摸位置的内容滑动)。 但是我使用一段时间后发现两个bug，所以在官方2.0（官网http://swipejs.com/）的基础上我做了一下优化，在这里定义为swipe2.1吧。 两点优化： 1、解决触摸滑动结束后停止自动播放的bug（代码分析，这里只提下修复bug的地方）；handleEvent: function(event) { switch (event.type) { case 'touchstart': this.start(event);... 阅读全文

摘要：背景： 1、在移动端开发，jq文件是显得非常庞大的，所以所有效果尽量用HTML5和原生js实现。 2、本次瀑布流是固定列数，采用非浮动的另外一种瀑布流思想实现的。 3、本次数据来源是json接口 4、考虑到一次性奖json加载到页面数据比较臃肿，所以本demo是当点击加载更多时再重新发出数据请求（非ajax） 先上完整demo代码 1 2 3 4 5 6 7 8 9 瀑布流demo 10 44 45 46 47 48 49 50 51 52 ... 阅读全文

摘要：JS取整1、toFixed(num)（ps：num为保留小数点后几位） 自定义保留小数点后几位，进行四舍五入。严格来说，这个函数不属于取整，但是当num=0时，也就是取整了，所以一起放到这里，方便查找。 栗子： 1 var num = 5.2369;2 num .toFixed(0) = 5;3 num .toFixed(1) = 5.2;4 num .toFixed(2) = 5.24;5 num .toFixed(3) = 5.237;2、Math.ceil(num) //返回大于等于其数值参数的最大整数1 var num1 = 5.2369,2 num2 = 5.6369... 阅读全文