JavaScript、jQuery、AJAX
文章平均质量分 53
qw_xingzhe
身后是家园,眼前尽是世界!
展开
-
通过银行卡号解析银行名称和卡别
前几天在支付宝添加银行卡的时候注意到输完卡号支付宝就自动识别了银行名称,所以用Firefox自带的工具看了一下实现方式,发现支付宝有一个 API 来做这个事情,只要依据固定的格式发送HTTP请求就可以获得JSON格式的结果,除了对应的银行名称代码之外,还有银行卡的类型(储蓄卡/信用卡)。把以下URL中的银行卡卡号替换成需要查询的真实卡号即可。https://ccdcapi.alipay.com/v...转载 2018-04-16 22:53:23 · 3622 阅读 · 0 评论 -
fullCalendar:中文API
1.与google日历连接,别忘记加入events: $.fullCalendar.gcalFeed("http://www.google.com/calendar/feeds/xuqi86@gmail.com/private-660ae86cc26345cff3430480e8eea4bb/basic", { className:'gcal-event', ed转载 2015-04-07 15:30:59 · 37066 阅读 · 1 评论 -
js跨域及解决方法
本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和补充。什么是跨域JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下:首先什么是跨域,简单地理解就是因为J转载 2015-08-02 22:45:34 · 466 阅读 · 0 评论 -
JS的构造函数
//构造函数 //使自己的对象多次复制,同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后,构造函数会立即执行它所包含的任何代码 function myObject(msg){ //特权属性(公有属性) this.myMsg = msg; //只在被实例化后的实例中可调用 this.address = '上海'; //私有属性转载 2015-07-01 14:49:00 · 374 阅读 · 0 评论 -
jquery mobile 动态插入元素的正确渲染方法
jqm在初始化页面时会根据data-xxx在各元素中插入jqm的属性和类等。在页面初始化结束后,如果动态的插入一个元素,往往显示很丑陋,因为没有插入jqm的样式。这个可以用浏览器里的开发工具来查看,会发现有些元素多了很多类,而动态插入的元素代码还是你写的那样子。如果要使动态插入的元素具有jqm的样式,可以对jqm对象触发create事件:[javascript] v转载 2015-06-17 14:09:40 · 693 阅读 · 0 评论 -
JS模块化工具requirejs教程
随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K,堪称非常轻量。它还同时可以和其他的框架协同转载 2015-05-04 16:39:54 · 771 阅读 · 0 评论 -
JS中的prototype
JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类:a 类方法b转载 2015-04-16 00:18:59 · 417 阅读 · 0 评论 -
TweenMax使用方法
SuperScrollorama 是一个用来实现超酷的滚动动画效果的 jQuery 插件。实现的效果有:文字褪色,飞,旋转,缩放,斯马什,针脚,滑动,隐退,反弹,颜色,扔,移动,视差。地址:http://johnpolacek.github.io/superscrollorama/ TweenMax.min.jsFlash业界久负盛名的动画引擎(TweenLite等)Green转载 2015-04-24 16:38:44 · 10971 阅读 · 0 评论 -
js ie8不支持项总结
不支持filter,trim 要用jquery 的$filter,$trim数组不能用for in 要用for数组没有indextOf方法不能使用关键字,如true ,defaultIE8 不会忽略数组直接量的末尾空元素,如[1,2,]这个数组长度为3Html拼写必须完全正确,不能少结尾标签或多写什么东西ie8的容错性不好js改变img标签的src属性在IE下没反应,路径转载 2015-04-10 09:26:18 · 1661 阅读 · 0 评论 -
JS命名空间
JS多级命名空间 JavaScript不像C#或Java,有专门的namespace和package语法支持,当JS复杂到一定程度,尤其是引用大量的第三方JS框架和类库之后,命名冲突就会成为一个严重的问题,因此使用JS自己的变通方式建立命名空间很重要。 最简单的实现命名空间的方法,代码示例如下://这是伪代码,: var com; if(!com) com转载 2015-04-12 17:48:26 · 456 阅读 · 0 评论 -
Js 冒泡事件阻止
1. 事件目标现在,事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的,但是没有被所有浏览器实现 。jQuery对这个事件对象进行了必要的扩展,从而在任何浏览器中都能够使用这个属性。通过.target,可以确定DOM中首先接收到事件的元素(即实际被单击的元素)。而且,我们知道this引用的是处理事件的DOM转载 2015-03-31 20:22:33 · 400 阅读 · 0 评论 -
JS创建类和对象
JavaScript创建类/对象的几种方式在JS中,创建对象(Create Object)并不完全是我们时常说的创建类对象,JS中的对象强调的是一种复合类型,JS中创建对象及对对象的访问是极其灵活的。JS对象是一种复合类型,它允许你通过变量名存储和访问,换一种思路,对象是一个无序的属性集合,集合中的每一项都由名称和值组成(听起来是不是很像我们常听说的HASH表、字典、健/值对?转载 2015-03-30 09:55:01 · 377 阅读 · 0 评论 -
js函数参数设置默认值
php有个很方便的用法是在定义函数时可以直接给参数设默认值,如:function simue ($a=1,$b=2){ return $a+$b;}echo simue(); //输出3echo simue(10); //输出12echo simue(10,20); //输出30但js却不能这么定义,如果写function simue(a=1,b=2){}会提示缺少对转载 2015-03-28 11:09:24 · 516 阅读 · 0 评论 -
jquery tmpl 详解
动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面来看,返回 HTML 不划算,而在 web 传输方面,现在更多的是使用 JSON 而不是 XML。浏览器端根据 JSON 生成 HTML转载 2015-10-16 15:44:50 · 660 阅读 · 0 评论 -
EaselJS简明教程2-动画
EaselJS简明教程2动画,动画是将静止的画面变为动态的艺术,由静止到动态的实现,主要依靠人眼的视觉残留效应。动画可以分为逐帧动画和补间动画两种,逐帧动画把动画(例如人物动作)进行分解,然后绘制出连续的、具有代表性的动作,连续播放形成动画,逐帧动画适用于复杂的不连续的动画。补间动画,指我们给定动作的初始状态和结束状态,然后动画系统(例如动画软件)自动补齐中间状态,从而形成动画,补转载 2015-10-20 18:30:51 · 496 阅读 · 0 评论 -
js正则表达式/replace替换变量方法
1、javascript 正则对象替换创建 和用法: /pattern/flags 先简单案例学习认识下replace能干什么 正则表达式构造函数: new RegExp("pattern"[,"flags"]); 正则表达式替换变量函数:stringObj.replace(RegExp,replace Text);参数说明: pattern -- 一个转载 2015-11-27 17:33:56 · 1205 阅读 · 0 评论 -
Js/Jquery iframe跨层操作
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素js在父窗口中获取iframe中的元素 1、格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();实例:window转载 2017-12-07 11:35:01 · 1011 阅读 · 0 评论 -
echart常用记录
放大换行原创 2016-12-02 18:39:35 · 385 阅读 · 0 评论 -
Javascript模块化编程
模块的写法随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人转载 2017-06-18 10:56:56 · 338 阅读 · 0 评论 -
JS命名空间(namespace)
命名空间namespace(某些语言中叫package),是一个在静态语言中常见的概念。它可以帮助我们更好地整理代码,并可避免命名冲突。举一个简单的例子,如果有两个人都叫小明,我们很难区分和引用这两个人。但如果我们在他们前面加上命名空间,比如:北京的小明和上海的小明,那么区分起来就容易的多了,也不会因为重名而找错人了。遗憾的是,JS中并不提供原生的命名空间支持。在JS中创建的任何对转载 2017-06-18 10:43:56 · 513 阅读 · 0 评论 -
JavaScript 开发规范
JavaScript 开发规范 本篇主要介绍JS的命名规范、注释规范以及框架开发的一些问题。目录1. 命名规范:介绍变量、函数、常量、构造函数、类的成员等等的命名规范2. 注释规范:介绍单行注释、多行注释以及函数注释3. 框架开发:介绍全局变量冲突、单全局变量以及命名空间 1. 命名规范驼峰式命名法介绍:驼峰式命名法转载 2017-06-18 10:33:36 · 332 阅读 · 0 评论 -
DropzoneJS 使用指南(文件拖拽上传)
官方文档:http://www.dropzonejs.com/Github: https://github.com/enyo/dropzoneDropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.It’s lightweight, doesn’t转载 2017-03-28 22:36:02 · 2511 阅读 · 0 评论 -
前端构建工具gulpjs的使用介绍及技巧
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。本文导航:gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件转载 2017-02-28 09:34:17 · 288 阅读 · 0 评论 -
ECharts · Doc
ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯JavaScript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大转载 2016-12-06 14:18:25 · 1408 阅读 · 0 评论 -
学习Javascript闭包(Closure)
作者: 阮一峰日期: 2009年8月30日闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。转载 2016-05-14 11:24:45 · 351 阅读 · 0 评论 -
jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
http://www.qianxingzhem.com/post-1602.html系统默认的滚动条样式,真的已经看的够恶心了。试想一下,如果在一个很有特色和创意的网页中,出现了一根系统中默认的滚动条样式,会有多么的别扭。 为了自己定义网页中的滚动条的方法,我真的已经找了很久了,就目前寻找的成果来说,找到了两个比较不错的 jQuery 插件:jScrollPane 和 mCusto转载 2016-02-02 09:57:47 · 1092 阅读 · 0 评论 -
JSON格式化输出
不错JSON.stringify(jsObj, null, "\t"); // 缩进一个tabJSON.stringify(jsObj, null, 4); // 缩进4个空格转载 2016-01-12 16:55:46 · 1255 阅读 · 0 评论 -
jquery treeview 插件参数说明
treeview开源地址:https://github.com/jzaefferer/jquery-treeview1、animated:String or Number设置展开子节点时的显示速度,有 slow、normal、fast 或者指定速度值,与 jQuery 的 hide(show)中的 speed 参数相似。这里有个问题,如果使用动态的效果,这时候给人一闪一闪的感觉转载 2016-01-19 15:08:43 · 1714 阅读 · 0 评论 -
JS中的call()和apply()方法
1、方法定义call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那转载 2015-03-28 11:47:17 · 427 阅读 · 0 评论 -
jquery实现页面离开时检测当前页面是否被修改,修改则提示
代码如下://检测表单是否已经修改过$(window).bind('beforeunload',function(){ if( IsModified() ){ return '您输入的内容尚未保存,确定离开此页面吗?'; }});//检测页面表单是否已编辑过function IsModified(){ var result = false;转载 2015-02-03 16:41:31 · 7030 阅读 · 3 评论 -
js关闭当前页面的几种方式
1. 不带任何提示关闭窗口的js代码关闭2.自定义提示关闭function custom_close(){if (confirm("您确定要关闭本页吗?")){window.opener=null;window.open('','_self');window.close();}else{}}// 这个脚本是 ie6和ie7 通用的脚本转载 2013-03-30 14:27:10 · 998 阅读 · 0 评论 -
Js获取当前日期时间及其它操作
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)转载 2013-03-02 09:20:38 · 276 阅读 · 0 评论 -
JS日期和时间
年月日 星期 New Document //单个数字配零 function getDouble(number){ var numbers=["0","1","2","3","4","5","6","7","8","9"]; for(var i=0;i if(numbers[i]==number){ return "0"+numbers转载 2013-03-02 09:34:45 · 687 阅读 · 0 评论 -
jquery获得select option的值 和对select option的操作
获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").g转载 2013-02-27 09:26:29 · 341 阅读 · 0 评论 -
JS获取当前网址,JS获取当前域名URL ,JS获取网站完整路径页面地址
1.获取当前完整网址 thisURL = document.URL; thisHREF = document.location.href; thisSLoc = self.location.href; thisDLoc = document.location; strwrite = " thisURL: [" + thisURL + "]" strwrite += " thisH转载 2013-03-08 15:22:25 · 2244 阅读 · 0 评论 -
jQuery/js替换字符串
function replace() { var str="tao zhang yi love liu weng ling"; re=new RegExp("l","g"); var newstart=str.replace(re,"t"); alert(newstr); } 运行结果:弹出"tao zhang yi tove tiu weng转载 2013-03-05 14:50:14 · 581 阅读 · 0 评论 -
js读取json数据
var languages = { cn:{ lang:'ch', name:"中文" }, en:{ lang:"英文", name:"en" } }; document.write(languages.cn.name);======================================================转载 2013-03-04 16:54:05 · 558 阅读 · 0 评论 -
JS操作JSON总结
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构:对象和数组。转载 2013-03-04 16:35:55 · 295 阅读 · 0 评论 -
JSON 数据格式
JSON 数据格式 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成。基础结构JSON建构于两种结构:1. “名称/值”对的集合(A collection of name/value pair转载 2013-03-04 16:07:13 · 336 阅读 · 0 评论 -
Js、Jquery的复制剪贴板操作
JS:function copyToClipboard2() { if (document.all){ //判断IE var e=document.all("alltext2").value; window.clipboardData.setData('text', e);转载 2013-02-18 19:26:15 · 1943 阅读 · 0 评论