随笔分类 - JavaScript/jQuery
摘要：前言 ES6新增了数据类型Set，它是一种类似数组的数据结构。但它和数组的不同之处在于它的成员都是唯一的，也就是说可以用来去除数组重复成员。 Set本身是一个构造函数用来生成Set数据结构。 const s=new Set(); 使用add()添加成员。也可以在构造函数中传入数组作为参数 const
阅读全文
摘要：前言 最近在做统计报表模块，其中查询条件用到了快速查询，主要为了方便客户统计查询常用的几个日期纬度，比如本周、上周、本月、上月、昨日。 使用js计算，主要用到了js Date、 getDate()、getDay()， 代码包括格式化日期函数。 快速查询日期计算
阅读全文
摘要：前言 策略模式有效利用组合、委托、多态等技术和思想，可以有效避免多重条件选择语句。 策略模式对开放-封闭原则提供了很好的支持，将算法封装在strategy中，使得他们易于切换、理解、扩展。 策略模式中的算法也可以复用在系统的其他地方，从而有效的减少了复制粘贴工作。 策略模式中利用组合和委托来让Con
阅读全文
摘要：前言 上午处理个需求需要从一个总数组中随机取出不同的元素。共使用两个方法。第一种方法较常规，经测试有bug，数据量大以后随机几次返回的对象直接是function而不是object。 当然简单数据类型应该没有这个问题。第二种是使用洗牌算法，亲测有效。 一、常规算法 二、洗牌算法 参考资料 http:/
阅读全文
摘要：前言 这几天在看273M站点时被他们的页面交互方式所吸引，他们的首页是采用三次加载+分页的方式。也就说分为大分页和小分页两种交互。大分页就是通过分页按钮来操作，小分页是通过下拉（向下滑动）时异步加载数据。 273这个M站点是产品推荐我看的。第一眼看这个产品时我就再想他们这个三次加载和翻页按钮的方式，
阅读全文
摘要：说在前面 什么是PJAX呢？ 站在应用角度的就是既实现了页面无刷新的效果，同时也产生了浏览器的前进和后退，而且url也会变化。 也不是什么新鲜技术，主要是AJAX+html5 pushState和replaceState。 HTML5 为history提供了pushState和replaceStat
阅读全文
摘要：引言 拼接字符串用习惯了C#的String.Format。今天看别人的代码在js中也封装了一个js的String.Format，用来拼接字符串和DOM。 js实现和调用String.Format
阅读全文
摘要：写在前面 说来也很巧， 下午再做一个页面，再普通不过的分页列表，我还是像往常一样，基于MVC环境下，我正常用PagedList.MVC AJAX做无刷新分页，这时候问题就来了，列表数据中有个轮播图用到了slides.js插件，轮播图也用到了分页，数据第一页轮播图页码能正常使用，数据列表翻到第二...
阅读全文
摘要：引言学习jQuery有年头了，刚开始学习时自己动手写过轮播图，放的久了以至于忘了大致思路了。现在转而做前端，抽空把jquery轮播图拿出来写一写，把各种思路都自己练习练习，这里主要使用动态修改marginTop来实现。实现原理 1、除第一张图片外，其余图片全部隐藏，4张图片重叠起来。 2、导航按钮添...
阅读全文
摘要：前言 前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果，脑海里第一反映就是微博那种效果，刚开始的理解有些偏差，以为下拉也是追加数据，上拉也是追加数据，后请教同事后发现其实下拉只是刷新最新数据而已，上拉是追加数据。 使用技巧 1、引用iScroll.js， 在初始化时添加两个事件监听：tou
阅读全文