随笔分类 - js plug-in
摘要：浮点数取整 const x = 123.4545; x >> 0; // 123 ~~x; // 123 x | 0; // 123 Math.floor(x); // 123 注意：前三种方法只适用于32个位整数，对于负数的处理上和 Math.floor是不同的。 Math.floor(-12.5
阅读全文
摘要：在实际的应用中，我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的 需求，那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。 我相信很多朋友像我一样，在百度、搜狗里面搜
阅读全文
摘要：两天前听了一个H5的分享，会议上有一句话，非常有感触：不是你不能，而是你对自己的要求太低。很简单的一句话，相信很多事情不是大家做不到，真的是对自己的要求太低，如果对自己要求多一点，那么你取得的进步可能会更大。成长以来，很多朋友也听说到不少激励自己上进的话，但不是每个人都能一直坚持做下来，其实，这个跟
阅读全文
摘要：// 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子：...
阅读全文
摘要：CDN:http://dtdxrk.github.io/jsPlug/pinyin/LM-PinYin.jsdemo演示地址：http://dtdxrk.github.io/jsPlug/pinyin/index.html//调用方法 LM_PinYin('刘明');//Liu...
阅读全文
摘要：LM_ReadImgMode.jsPC单页轮播读图模式组件，零依赖！github：http://dtdxrk.github.io/LM-ReadImgMode/TXT1.全新的2.0版本，脱离对于jQuery的依赖，压缩后只有2k。2.逻辑层跟业务完全脱离，不带缩略图滚动功能，只有底层的翻页功能。3...
阅读全文
摘要：(function(window){/* youku api : http://open.youku.com/tools 调用方法 : LM_youkuPop.open('XODI5Mzk3MDAw');*/var head = document.getElementsByTagName('hea...
阅读全文
摘要：先发效果图，加载东西的时候如果没有设计或者其它提示会降低用户体验，所以写了个简单的loading弹层。适用于触屏和pc页面。/* 页面进行ajax时 显示一个中间浮动loading @auther: LM @date: 2015-6-10 @rely: html5触屏 @fun: LM_loadin...
阅读全文
摘要：触屏的click因为有双击判断所以有200ms的延迟，zepto里的touch.js兼容不好所以tap也没法直接用。gibhub上有个fastclick太大了。自己用touched写个简单的模拟tap事件，并在内部加上e.preventDefault();阻止系统默认行为。 /* 模拟Tab事件 ...
阅读全文
摘要：/*判断浏览器是否支持某个css属性*/function SupportCss(attrName){ var i=0, arr = SupportCss.opt.aBrowser, eleStyle = SupportCss.opt.eleStyle; for(i;i<arr...
阅读全文
摘要：里面有两个demo，支持X横向和Y纵向翻转两个效果。对元素的布局有一定的讲究，需要分析一下demo的css。默认翻转速度为80，不要大于100ms。 【JQuery插件】扑克正反面翻牌效果 demo1 y轴 (css布局提示：背面默认隐藏 height为0 top是高度的一半也...
阅读全文
摘要：先展示一下已经实现的效果：预览地址：http://dtdxrk.github.io/js-plug/LoadingBar/index.html看到手机上的浏览器内置了页面的加载进度条，想用在pc上。网上搜了一下，看到几种页面loading的方法：1.在body头部加入loading元素，在body页...
阅读全文
摘要：jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数。另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级...
阅读全文
摘要：尽管JavaScript比JAVA C++慢很多，JQuery比原生Js还慢很多，但是我们通过良好的编程习惯还是能提高代码执行的效率。一.选择器的使用选择同一个元素，各种方法之间的性能是不一样的，有时候差异会特别大。通常比较常用的选择器有以下几个：ID选择器 $("#id")标签选择器 $("td"...
阅读全文
摘要：屏幕滚动到图片当前位置加载图片，把图片的真实地址写到data-src属性里即可。 ;(function(){ /* 图片预加载 @author liuming @demo $('img[data-src]').ImgLoading(); */ $.fn.I...
阅读全文
摘要：;(function($){ $.fn.extend({ /* 元素根据滚动条位置自定义吸顶插件 @defaultTop 初始化top位置 @startTop 开始滚动和回复原样的位置 @demo v...
阅读全文
摘要：案例截图JS时间倒计时 天|时|分|秒 天|时|分|秒 天|时|分|秒 天|时|分|秒 天|时|分|秒
阅读全文
摘要：在触屏写的一些弹层总会引发不同浏览器里面的bug。比如下图左侧窗口出现的时候，用户在拖拽右侧的body区域就会在某些浏览器里引发一些bug。索性干掉这个方法，在弹层显示时不让用户拖拽页面。引用的方法//body一屏显示禁止上下拖拽setPreventDefault.start();//取消事件set...
阅读全文
摘要：基于LocalStorage+globalStorage+userData实现的一个本地存储类userData用来兼容ie6 ie7由userData模仿Session的方法：浏览器关闭删除保存的记录 1 var userStorage = { 2 isIE : null, 3 ...
阅读全文
摘要：HTML5 LocalStorage浏览器的支持的情况如上图，IE在8.0的时候就支持了。不过需要注意的是，IE测试的时候需要服务器环境（或者localhost）。测试自然是检测浏览器是否支持本地存储。在HTML5中，本地存储是一个window的属性，包括localStorage和 sessionS...
阅读全文
