随笔分类 -  实例小代码

一些常用的代码块
数组方法整理
摘要：var arrCompate = function() { var json = {}, result = []; return { //最大值 max: function(arr) { return Math.max.apply(Math, arr)... 阅读全文
posted @ 2016-10-14 18:48 1146937621 阅读(133) 评论(0) 推荐(0)
获取图片颜色（canvas）--转
只有注册用户登录后才能阅读该文。
posted @ 2016-08-30 20:06 1146937621 阅读(6) 评论(0) 推荐(0)
图片裁切插件
摘要：1 (function($){ 2 /* 3 裁切图片插件 4 默认调用为 5 $(document).clipImg(); 6 三个参数分别为element,最大宽度，最大高度 7 $(document).clipImg({ 8 dom:".clipI111mg", 9 maxWidth:'221... 阅读全文
posted @ 2016-07-04 16:26 1146937621 阅读(165) 评论(0) 推荐(0)
移动端日期段选择，不可选过去日期，可传入不可选日期，返回数组
摘要：<!--html--> <section class="four"> <h2 class="tj">预约日程</h2> <div class="apd-data" id='dataTime'> <div class="apd-top"> <div class="left"> <i class="ic 阅读全文
posted @ 2016-06-09 01:18 1146937621 阅读(1071) 评论(0) 推荐(0)
移动端的silder，未封装，基于zepto的touch模块，有参照修改过touch的bug
摘要：<!--html模块--> <!--css样式--> <!--js部分--> // 上面是banner图切换，touch的js部分有改动，修复安卓qq浏览器中的失效 下面是zepto改后的源码， 阅读全文
posted @ 2016-06-09 01:10 1146937621 阅读(365) 评论(0) 推荐(0)
简单的cookie读写封装
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简单的cookie封装</title> </head> <body> </body> <script> var cookies={ name:this.name 阅读全文
posted @ 2016-04-23 12:37 1146937621 阅读(156) 评论(0) 推荐(0)
自己写的，然后配合zepto+iscroll的上拉加载
摘要：/** * Created by jl on 2016/3/28. *///初始化绑定iScroll控件var actHtml="";var myScroll, pullUpEl, pullUpOffset, idCount= 0, fyList=5;$.getJSON('js/data.json' 阅读全文
posted @ 2016-03-30 18:47 1146937621 阅读(1473) 评论(0) 推荐(0)
自己用的reset.css，大部分转载，加上自己常用的设置
摘要：@charset "UTF-8";/*KISSY CSS Reset理念：清除和重置是紧密不可分的特色：1.适应中文 2.基于最新主流浏览器维护：玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)*/ /* 清除内外边距 */body, h1, h 阅读全文
posted @ 2016-03-24 22:34 1146937621 阅读(195) 评论(0) 推荐(0)
json数组本地获取，以及根据字段排序【部分摘录】
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>json+ajax</title> <script src="jquery-1.11.1.min.js"></script> <script src="data.j 阅读全文
posted @ 2016-03-24 22:06 1146937621 阅读(266) 评论(0) 推荐(0)
垂直，水平居中代码，自用
摘要：function center(a, b, c) { if (c == "e") { function e() { a.css("left", (b.width() - a.width()) / 2 + b.scrollLeft()); } return e(); } if (c == "d") { 阅读全文
posted @ 2016-03-24 21:16 1146937621 阅读(230) 评论(0) 推荐(0)
js判定是否为chrome，区分搜狗+360
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="renderer" content="ie-comp"></head> <body> <script> 阅读全文
posted @ 2016-03-24 21:15 1146937621 阅读(673) 评论(0) 推荐(0)
js+jq实现图片预览，支持到ie9+ff+chrome
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min 阅读全文
posted @ 2016-03-24 21:14 1146937621 阅读(654) 评论(0) 推荐(0)