zzxboy1的博客

我想大家在浏览网页时都接触过轮播图。其实在bootstrap中也有相应的轮播插件，下面我们将抛开对其他JS库和框架的依赖，仅适用jquery来实现两种轮播效果。     第一种轮播图应该是大家最熟悉的传统轮播图，以淘宝为例：     这种轮播图的功能大致是这样的：点击左右箭头可以实现图片的切换效果，点击圆点圆点会变色，并快速指向对应的图片，此外，可以无限循环轮播，也就是你一直点图片会一

最近因为工作需要，仔细研究了一下关于JS下offsetLeft，style.left，以及jquery中的offset().left，css("left")的区别。JS下的offsetLeft和style.left，以及jquery的css("left")，对定位的理解相似，如果父元素中有定位元素，都是相对于上一个定位元素（position不为static）定位。值得一提的是如果没有已经定

很久没有写博客了，是最近忙着找实现，另外工作也很忙，闲下来整理一下最近做的东西，觉得还是有点可写的。 不知道有没有朋友在工作中碰到这样的需求，需要实现一个组件，能实现图片上传功能，同时，在图片未上传完成时，要显示进度条和相应的图片预览图。 如图所示，上传过程中，进度条和预览图都能显示：这一篇首先来说说点击上传功能和进度条功能的实现吧，等今天忙完了我继续更新下一篇点击弹出文件夹，选择上传的功能想必

最近在制作一个实现类似于手机的锁屏手势密码效果的页面时，由于需要应用获取canvas中，手指划过的位置，于是遇到了一些小问题。 众所周知，在PC端，我们通常用event.clienX或者event.clientY来获取手指的坐标，可是在移动端，打开开发者模式，调试touch事件时，这一值通过console.log始终返回是undefined。通过查询，我发现了TouchEvent里面有touche

如果要用原生JS来确定元素的大小，在开发中想必都踩过document.documentElement和document.body的坑。 　　首先是在不包含滚动条的情况下使用clientWidth和offsetWidth以及clientHeight和offsetHeight来确定文档总高度（也就是基于视口的最小高度时），不同浏览器有不同的区别。 Firefox中这两对属性始终是相等的，但大小是代

ES5数组方法 reduce()方法想必大家不会陌生，MDN上有详细的介绍，官方介绍是 对累加器和数组的每个值 (从左到右)应用一个函数，以将其减少为单个值。用起来也不难理解，以下面一个例子为例：let sum = [0, 1, 2, 3].reduce(function(acc, val) { return acc + val;}, 0);console.log(sum);// 6看

leetcode 第15题”3Sum”描述如下： Given an array S of n integers, are there elements a, b, c in S such that a + b + c = 0? Find all unique triplets in the array which gives the sum of zero. Note: The solut

开始在leetcode上用Javascript解题了，本来是打算把代码放在github上，然后开issues来和大家讨论，但是想了想一方面是自己不太喜欢去公开场合宣传自己的github所以基本没人关注到我的github，另一方面是自己的很多题目解法和大神们的解法对比毕竟存在差距。所以还是把自己觉得有意思的，有代表性值得讨论的题放在博客上和大家一套讨论。 当然如果对我其他题的解法有兴趣可以Star一下

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。 URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成： scheme://host:port/path?query#fragment scheme:通信协议 常用的http,ftp,maito等host:主机 服务器(计算

一、这四个方法的用处1、用来编码和解码URI的统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。除了encodeURI、encodeURIComponent、decodeURI、decodeURIComponent四个用来编码和解码 URI 的函数之外 ECMAScript 语言自身不提供任何使用 URL

今天在工作中做项目为了模拟微信评论，使用了h5的新属性contenteditable="true"，使得div和p标签可以像input和textarea标签一样编辑。 但是问题是文本获得焦点后，光标总是定位在文字的开头。查阅资料后，发现要使用range对象来解决。 模块化的代码如下： po_Last: function(obj) { if (window.getSelection

上一集我们说到了进度条的实现，之后就鸽了很久，终于到写这一篇的时候了，说到底一方面是自己太忙，第二方面是自己太懒了。 在图片未上传完成之前不可能拿到上传后返回的uri通过线上地址渲染，同时服务端图片预览虽然也可以实现，但比较麻烦，所以，这里的预览图，其实是拿到本地图片资源后，转换为uri，在浏览器端直接使用。如图在上传进度条出现的时候，图片已经出现了，它从何而来呢？我们可以使用URL.create