自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

MajorMayer

程序员的自我修养!

原创 Jquery中Deferred实现函数数组并发

//定义一个数组,用于装需要并发的函数 var apisPost = []; //往里面装异步的函数 apisPost.push(function () { var dtd = $.Deferred(); //封装的ajax请求 api.apiFn('url�...

2017-09-21 10:03:12 551 0

原创 JS 封装实现根据开始时间算出当前第几周

function TodayInfo(start,today) { var WEEKLEN = 7, WEEKDAYS = [ '日', '一', '二...

2017-09-21 10:02:24 856 0

原创 JS判断2个时间是否在同一周

function isSameWeek(old, now) { var oneDayTime = 1000 * 60 * 60 * 24; var old_count = parseInt(+old / oneDayTime); var now_other = parseI...

2017-09-21 10:00:38 1863 0

原创 JS控制全屏

//开启全屏 function fullScreen(el) { var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScree...

2017-09-21 10:00:25 343 0

原创 JS 计算时间差【单位:分钟】

//时间格式化 Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, "d+": this.getDate(), ...

2017-09-21 09:59:22 3447 0

原创 JS 深复制对象 【克隆】

var cloneObj = function (obj) { var str, newobj = obj.constructor === Array ? [] : {}; if (typeof obj !== 'object') { retur...

2017-09-21 09:58:53 211 0

原创 JS 阿拉伯数字转中文简体

function intToChinese(str) { str = str + ''; var len = str.length - 1; var idxs = ['', '十', '百', ...

2017-09-21 09:58:33 301 0

原创 JS 计算当前浏览器的滚动条宽度

function getScrollbarWidth() { var oP = document.createElement('p'), styles = { width: '100px', ...

2017-09-21 09:58:11 854 0

原创 JS 数组模糊搜索

function searchList(str, container) { var newList = []; //新的列表 var startChar = str.charAt(0); //开始字符 var strLen = str.length; ...

2017-09-21 09:57:44 3226 0

原创 JS根据传入日期算出当前周一到周日的日期数组

var utiljs = {}; utiljs.weekComputedfn = { dates: [], formatDate: function (date) { var year = date.getFullYear() + '/'; ...

2017-09-21 09:56:57 938 0

转载 javascript Thunk深入解析

一步步打造thunkify 本文原作者: zhangguixu 原文地址:Thunk深入解析 诞生背景Thunk函数的诞生是源于一个编译器设计的问题:求值策略,即函数的参数到底应该何时求值。例如:var x = 1; function f(m) { return m * 2; }...

2016-11-23 16:14:33 907 1

原创 deviceOne实现popMenu

DeviceOne Make a popMenu使用DeviceOne可以快速实现APP原型UI开发,其中很多通用模块开发使用DeviceOne来开发也显得非常简单: UI层面 使用DeviceOne开发UI是很简单的,可以向ASP NET开发一样拖拽控件,所以不过多描述 实现的UI效果:...

2016-11-22 15:36:20 958 0

原创 javascript设计模式-观察者模式

javascript设计模式-观察者模式观察者模式又名”发布&订阅者模式” , 在js中该模式使用频率应该最高!因为我们平时对dom的onclick就是观察者模式!button1.onclick = function BtnClick (){ alert ( 'hell...

2016-11-21 15:57:36 470 0

原创 javascript设计模式-简单工厂模式

javascript设计模式-简单工厂模式简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 这些实例都拥有相同的函数入口. 这种模式可以很好的解决不确定同一类型操作下的不同处理,将同一类型操作的工厂化,之后在需要的时候让工厂加工即可。 就好像,看电视,电视里面有很多频道,无论看哪个频道 , ...

2016-11-21 09:56:18 502 0

转载 根据数组生成联动菜单树

根据数组生成联动菜单树一级Id为负数、parentId为空,二级parentId等于一级id,三级parentId等于二级id:[{"name": "广东","Id": -1,"parentId": null}, {&...

2016-08-31 16:01:20 1165 0

原创 Javascript 二维数组去重

[[a,1],[b,2],[a,2]] 去除[a,2] 输入一串url 和一个待去除参数,输出筛选后的结果,第二个参数缺省的话,去除重复部分。stripUrlParams('www.codewars.com?a=1&b=2&a=2', ['b'...

2016-07-26 15:39:01 3531 1

原创 jquery安卓手机按键监听

$(document).keyup(function (event) { if(event.keyCode==0x4){ //按下返回键后执行代码0x4对应返回键 } });安卓常用键值码:KEYCODE_CALL 拨号键 5KEYCODE_ENDCALL 挂机键...

2016-07-26 15:28:17 1977 0

原创 javascript 0000000序列递增算法

举个栗子:0000000递增,格式是这样的:0000001 0000002 0000003 .....递增到10 0000010 .....递增到100 0000100 .....递增到100000 0100000先算数字的长度,然后在前边补零。现在是到100,你可以把i改到100000for (...

2016-07-26 15:18:33 1205 0

原创 mysql 计算某个时间,多少天后,多少个月后时间戳

id start_time period_ytpe period_value 1 1461427200 day 3 2 1461427200 month 2 如上表, start_time 表示开始时间, period_ytpe 表示期限类型, pe...

2016-07-26 15:07:00 2968 0

原创 javascript 抽奖列表随机排序算法

用户点击某一张牌之后,后端会返回该牌对应的奖品id,前端负责把这个id对应的图片渲染到所点击的那个牌的位置,而其他的牌每次随机显示(不能重复),总奖品数量大于前端展示的五个(一共8个左右),如何能够保证不重复的情况下用最好的效率实现排序? 假设有五个 0=>A 1=>B 2=>...

2016-07-26 14:57:32 745 0

原创 javascript读取出字符串中每个字符出现次数

检测字符出现次数 如字符串arr=”abcdaabc”,请用js读取出arr字符串中每个字母重复出现的次数分别是多少?方法一 var arr = 'abcdaabc';var info = arr .split('') .reduce((...

2016-07-26 14:51:06 4415 2

原创 javascript 链式函数运行

多个执行参函数本文不讲解其中原理,只是作为笔记,记录代码,其中特性请自行百度: 编写一个add函数 add(2)(3)(4) //输出9方法一 function add(x) { var sum = x; var tmp = function (y) { ...

2016-07-26 14:37:22 884 0

原创 javascript 设计模式-单例模式

设计模式-单例模式本文不讲述单例模式的理论,自行百度,仅仅罗列单例模式代码: 方法一 使用惰性函数 function singleFn(){ //要执行的代码 singleFn= function(){ return; } return; } 方法二 //抽象单例模式...

2016-07-26 12:01:44 503 0

原创 usemap做一个图片识别

验证码给大家的印象就是一个随机号码,感觉很枯燥: 用usemap来做一个图片识别验证码 效果usemap用法介绍 usemap 属性提供了一种“客户端”的图像映射机制. 他可以将一个图片在网页中更具用户的map 划一个区域area来表示逻辑映射。 这个area有以下属性: shape=”...

2016-06-22 10:46:38 1046 0

原创 C#判断参数是否在枚举Enum中

我有一个枚举类型: #region -酒的种类- public enum WineType { 白酒 = 3, 葡萄酒 = 4, 洋酒 = 5, 老年陈酒 = 16, ...

2016-04-29 15:53:51 12933 0

原创 【小技巧】制作一个滑动过渡切换的导航条

实现效果图: 原理: 使用2个相同的导航条,一个(nav1)放置在底部做为默认样式,一个(nav2)做为鼠标悬浮上去的样式。 将nav1和nav2全部绝对定位于同一个父容器。 nav2的宽度只设置为一个菜单的大小,让溢出的部分隐藏,这样就透出底部的默认样式,达到没被训中的...

2016-04-25 16:57:03 1995 2

原创 js实现数组分组

有这样一个数组: [‘法国’,’澳大利亚’,’智利’,’新西兰’,’西班牙’,’加拿大’,’阿根廷’,’美国’,’0’,’国产’,’波多黎各’,’英国’,’比利时’,’德国’,’意大利’,’意大利’,] 现在希望让每3个分成一个数组,像这样: [[‘法国’,’澳大利亚’,’智利’],[‘新...

2016-04-12 12:58:48 19976 9

原创 【小技巧】css3 scale 或者zoom实现文本根据容器自动缩放

在开发手机web经常会用到 效果 上面的文字会随着容器变小变大自动缩放。 实现代码 ie使用zoom 火狐或其他浏览器使用transform:scale 源码*<html xmlns="http://www.w3.org/1999/xhtml"><...

2016-04-01 15:31:45 5039 0

原创 css3制作tab卡片选中小尖角

tab选项卡在网页中经常会用到,下面是制作一种箭头指示选中效果的写法。 实现效果 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="...

2016-03-31 12:46:55 1736 0

原创 【模态窗】制作适合手机页面的模态弹窗

描述 很多时候手机页面用alert或者普通的弹窗是很不好的交互体验,为了配手势触摸的习惯一般采用蒙层弹出模态窗口再加上动画即可。 效果 讲解 实现方法都写在注释中了,后面下载源码看看就知道了^_^ 上代码<!DOCTYPE html> <head> ...

2016-03-30 10:51:35 3081 0

原创 【插件】用hammer.js插件实现网页手势操作

在开发web app页面或者做平常的微信页面开发的时候我们一贯的鼠标事件是不现实的,我们需要实现手势触摸和touch事件,像我这样的菜鸟要自己写这些手势touch事件代码,目前还是能力有限^_^。 还好有大神们的插件,先做一个拿来主义者吧,这里使用的是hammer,为什么要选着hammer不...

2016-03-30 10:29:10 2915 0

原创 css3制作3d翻转效果

利用3d翻转效果可以有效的节省页面的空间,并且还可以替代单项选择,提高用户体验性。 效果展示 场景描述: 在案例中用户在预期收益率和利息之间只能选择其中一种并且录入数据。因为两者之间存在同类性并且表现出单选要求,我决定把两者放在一起,因为利息是之后新加的数据字段,之前的页面排版不太好再...

2016-03-29 16:40:27 899 0

原创 【收藏】一些实用的分割线

网页中经常会用到一些简单但是实用的分割线。 这里收藏了一些css制作的分割线(拿来主义^_^)分割线one <hr class="style-one"> hr.style-one { border: 0; height: 1px; bac...

2016-03-29 12:33:08 2193 0

原创 css3 做一个漂亮的分割线

在网页中我们经常会用到分割线,但是原始的分割线并不太美观,我们可以用css3的skew属性做一个美观一点的分割线: 效果: 分辨率改变: <!DOCTYPE html> <html> <head lang="en"> <...

2016-03-28 11:13:41 7710 0

转载 jquery 划词百度(谷歌、必应等)搜索

鼠标选中文字后可以进行搜索<script type='text/javascript'> jQuery(document).ready(function(){ var miniBlogShare = function() { $('<img id...

2016-03-05 22:55:51 783 0

原创 jquery 检测当前登陆浏览器

jquery 检测当前登陆浏览器 var userAgent = navigator.userAgent.toLowerCase(), browser = '', version = 0; $.browser.chrome = /chrome/.test(na...

2016-03-05 22:21:16 1110 0

原创 【不为人知的编码】 Javascript“整型数据趋向”操作符

【不为人知的编码】 Javascript“整型数据趋向”操作符大家都会javascript 而且每天都在写javascript,但是“整型数据趋向”操作符却很少被用到,尽管有其他的办法就可以代替它,但是装装逼格也是不错的,嘿嘿。。。。注意:观看前请将代码”自动运行“修改为”手动运行“,否则由于浏览...

2016-03-05 21:21:47 628 1

原创 使用css3伪元素实现遮罩效果

使用css3伪元素实现遮罩效果效果图:实现代码:<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" ...

2016-03-03 15:36:55 6187 0

转载 【脑图制作】 实现业务流程图设计 并保存流程图

html: 标签 //--> river css: /*CSS源代码*/ * { ma...

2016-03-02 11:11:45 1078 0

原创 【小技巧】创建一个宽高成比例的弹性div盒子

html: 用max-width来让宽度自适应。 (因为设置为80%,所以用margin-left: 10%来让div居中显示) 这里真正的高度是由 padding-bottom来实现 (padding-bottom: 45%的宽高比例就是基于屏幕宽高100%的80...

2016-02-24 16:28:36 3455 7

提示
确定要删除当前文章?
取消 删除