
jQuery
vcxiaohan2
这个作者很懒,什么都没留下…
展开
-
通用编写插件的架构
;(function($) { $.fn.extend({ robot: function(options) { //覆盖默认参数 options = $.extend({}, $.Robot.defaults, { }, options); return this.each(function() { new $.Robot(options); }原创 2015-12-03 14:10:35 · 338 阅读 · 0 评论 -
如何分享当前网页到各大网站
1 各大网站都有相应的分享api2 调用->传参 share * {margin: 0; padding: 0;} ;$(function() { console.log(encodeURI('你好'));//编码->%E4%BD%A0%E5%A5%BD co原创 2016-03-11 18:01:16 · 678 阅读 · 0 评论 -
实现对dom元素的排序
var objArr = [], len = $rightItemCtn.length; $rightItemCtn.each(function() { var artinum = ~~$(this).attr('artinum'), allNum =原创 2016-03-14 18:24:54 · 834 阅读 · 0 评论 -
jq方法each、forEach和map的区别
var obj = ['a', 'b', 'c'] var res = obj.map(function(key, val) { return { name: val+key } }); console.log(res);原创 2016-07-26 22:23:03 · 2405 阅读 · 0 评论 -
Jquery添加头信息的2种方法以及Referer头信息的作用
添加头信息以下提供了2种设置头信息的方法 $.ajax({ url: '/test', headers: {// 设置方法1:使用headers属性来设置 a: 1, b: 2, Referer: 'http://localhost:3000/index.html'// 这句话试图在请求头...原创 2016-08-01 12:35:04 · 5643 阅读 · 0 评论 -
关于cookie的一些知识
1.凡是带有http字样的cookie,客户端是无权操作的原创 2016-08-18 17:58:47 · 558 阅读 · 3 评论 -
jquery深度拷贝extend方法封装
应用场景最近在搞微信小程序,这里面直接引入jquery的话会报错,但是项目用到了jq的extend方法,在这里抽离出这个函数,可以引入直接应用抽离源码var class2type = {};var toString = class2type.toString;var hasOwn = class2type.hasOwnProperty;var support = {};function ext原创 2016-11-27 18:31:59 · 2400 阅读 · 0 评论 -
使用jquery的ajax方法提交FormData数据
html>head> title>测试title> meta charset="utf8"> script src="../js/jquery-1.11.3.min.js">script>head>bo原创 2017-02-09 09:43:51 · 23036 阅读 · 3 评论 -
web截屏功能的实现
1.提示用户安装activex控件(推荐一款比较好的控件:乖乖牛,主页地址:http://www.ggniu.cn/,具体使用方法可加他们群下载使用文档)2.如果使用chrome浏览器,那么jquery.json-2.3.min.js是必须引用的以下是我自己写的示例: capture * {margin:原创 2016-05-03 13:26:40 · 10182 阅读 · 2 评论 -
js桌面消息提示和title提醒
1 有时候大家如果遇到网上教程不行的情况,多半是因为自己的chrome版本太高了,这里我推荐的两个教程,都写了新版本浏览器如何调用的代码http://www.jb51.net/html5/186999.htmlhttp://tanning555.blog.163.com/blog/static/529751712014102955831587/ (含老版本chrome方法不同)原创 2016-05-03 18:12:55 · 7782 阅读 · 0 评论 -
zepto.js使用注意点
(注:以下解决方案只考虑现代浏览器(IE>=IE9)和手机端)fadeIn显隐遮罩层问题重现zepto的fadeIn方法,在显示透明的遮罩层(如opacity: 0.5)时,会把该图层最终的opacity设置为1,这显然不符合我们的预期解决思路通过css3动画transition的方式来达到显隐的效果给遮罩层设置样式.mask { display: none; posit原创 2017-09-21 17:09:25 · 968 阅读 · 0 评论 -
jq常用方法整理
/** * base.js v-1.2.0 * * Copyright (c) 2016/3/3 Han Wenbo * * Here are some common public methods! * **/;(function ($, window, document, undefined) { function Base() { } Base.pr原创 2016-10-17 15:20:19 · 899 阅读 · 0 评论 -
自写插件配置html结构的方法
test * {margin: 0; padding: 0;} ;$(function() { /** * jquery.faqrobot.js plugin 1.2 **/ ;(function($, window, document, undefined) {原创 2016-02-25 22:22:35 · 358 阅读 · 0 评论 -
如何让定时器能定时改变自身的时间间隔?
需求:设置一个计时器,它的时间是可以变化的,如下(a是可以变化的):var a = 100;var timer = setInterval(function() { a += 1000; console.log(a); }, a);如果像上面这样写的,看上去是可以实现的,但原创 2016-02-23 10:39:26 · 3072 阅读 · 0 评论 -
not()的使用
$obj.children(':not(".msgBtn-last")').size()原创 2016-01-18 14:21:01 · 406 阅读 · 0 评论 -
登陆界面的大致思路
需要考虑的问题:1 自动登录如何实现2 点击登录如何实现3 用户名写进cookie4 自动获取用户名具体解决方案:1 是否在自动登录有效期内首先进页面先发送请求,后台获取cookie的值进行判断,如果存在则自动登录;如果不存在(说明是新用户),注册->登录;如果存在但已过期,获取cookie,自动写入用户名,仅让客户重新输入密码。2 是否勾选自动登录2-原创 2016-01-22 17:38:18 · 701 阅读 · 0 评论 -
实现验证码的思路
1 验证码都是后台验证的,前台验证没有作用2 验证码是后台代码随机生成噪点形成的(前台获取图片链接,进行展示)3 4 每次点击图片,重新获取图片$('.vcodeImg').on('click', function() { $(this).attr({'src': '../../../ImageCode?'+Math.random()}); });原创 2016-01-22 17:47:09 · 934 阅读 · 0 评论 -
父、子页面同域、跨域时互相操作dom元素
前端常见跨域解决方案注意,同域或跨域下,父页面要操作子页面的dom元素,必须要等到子页面加载完毕,否则获取不了子页面的document,因此我们需要监听子页面的onload事件,或者监听父页面的onload事件也可以注意,我们用window.frames['frameName'].window来获取子页面的window对象(为了兼容主流浏览器,需要设置iframe的id和name相同),或...原创 2016-01-26 10:18:07 · 2645 阅读 · 1 评论 -
wrap()、wrapAll()、wrapInner()、unwrap()的区别
这里贴上比较详细的解释:首先原html:wrap():wrapAll():wrapInner():unwrap():相当于为当前元素去层皮,最多能褪到body层原创 2015-12-26 10:50:02 · 574 阅读 · 0 评论 -
on()、off()的妙用
我们自己写的插件有时会在某个对象绑定事件on(),不需要这个插件时还会销毁事件off(),如果我们不限定解绑范围的话,可能会影响到相同对象的相同事件,举个栗子,大家可能明白些:a:(错误解绑方式) $(document).on('mouseup', function() { console.log(123); }); $(document).on('mouseu原创 2015-12-26 16:24:45 · 613 阅读 · 0 评论 -
已知left和top,求right和bottom
var right = $(window).width() - $q_chat.position().left - $q_chat.width(), bottom = $(window).height() - $q_chat.position().top - $q_chat.height();原创 2016-01-28 15:02:03 · 424 阅读 · 0 评论 -
新手引导的实现原理
1 请求新建接口,添加一个全局变量(尽量有含义,如indexTipHelp),我们进入主页时会判断该变量是否已被激活2 进入页面,请求查询接口,查询indexTipHelp返回的数据,如果新用户,则显示新手引导(推荐使用intro.js插件,具体使用方法:http://blog.youkuaiyun.com/u011500781/article/details/50898312),如果是老用户,则不显示原创 2016-03-16 10:45:47 · 2528 阅读 · 0 评论 -
jquery方法focusin/focusout的使用
1 作用:某个标签(适用于所有标签)得到焦点和失去焦点时触发2 兼容性:兼容ie6+及各大主流浏览器示例: test ;$(function() { $('input').add('textarea').add('div').add('sp原创 2016-02-19 13:34:15 · 1097 阅读 · 0 评论 -
判断当前获取焦点的元素
test ;$(function() { $(document).on('keyup', function() { $('body').append(''+ document.activeElement.tagName.toLowerCase());//统原创 2016-02-19 13:51:25 · 4203 阅读 · 0 评论 -
a=aa&b=bb化为{a:"aa",b:"bb"}方法
test ;$(function() { var obj = {aa: "11", bb: "22你好", cc: ""}; var x = $('#form').serialize(); console.log(x); con原创 2016-02-21 14:05:04 · 2232 阅读 · 0 评论 -
Mockjs原理简析
前言有一个前后端分离的项目用到过Mockjs,后端提供了数据格式,前端通过模拟接口的返回数据,进行页面的渲染,有一段时间,百思不得其解,这个插件是怎么把ajax请求给拦下来的,网上搜索了一番,资料甚少,未果。 后来有一天,不知道怎么的突然想到,如果把ajax方法请求改写了,在发送请求之前提供一个回调是不是能实现这个功能?思路准备环境 从最方便的jquery入手,打算改写$.a...原创 2018-04-11 23:48:06 · 7856 阅读 · 3 评论