![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS/JQ/AJAX
倾城一笑stu
这个作者很懒,什么都没留下…
展开
-
用JS实现年月日的联动
直接上代码用JS实现年月日的联动 var date=new Date(); //先new出一个date对象 for(var i=1970;i<=date.getFullYear();i++){ //获取当前年份 document.write(""+i+"年"); //循环输出年份,2000是指网页初始时显示的年份 } for(var i=1;i<=原创 2016-06-25 22:11:25 · 3105 阅读 · 0 评论 -
语义化版本
在使用 Node.js 和 Bower 的时候,其中的 package.json 和 bower.json 都会有dependencies、devDependencies 项,对于此前端开 发的童鞋应该会比较熟悉。这里面是运行时和开发时依赖库,其中依赖库对应的版本号有很多种写法,诸如:”~1.0.2“, “^1.0“, “>=1.0.2“等,其实可以猜测这种写法代表了某种范围,至于具体含义原创 2017-04-24 23:16:31 · 527 阅读 · 0 评论 -
Javascript异步编程的4种方法
你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Jav原创 2017-04-04 18:17:25 · 304 阅读 · 0 评论 -
JS模块化入门
在开发大型的web项目中,可能会使用到管理js的模块化工具。但是在前端轮子漫天飞的时代。那一款js模块化工具真正适合我们应用到开发呢?目前比较流行的模块化工具有RequireJS 、SeaJS等等。而且模块化开发工具都有不同的规范去约束例如:AMD CMD CommonJS。CommonJS说道CommonJS,学习过Node的同学会比较熟悉,CommonJS是服务器模块的规范原创 2017-04-04 16:57:19 · 495 阅读 · 0 评论 -
深入理解JS继承和原型链
对于那些熟悉基于类的面向对象语言(Java 或者 C++)的开发者来说,JavaScript 的语法是比较怪异的,这是由于 JavaScript 是一门动态语言,而且它没有类的概念( ES6 新增了class 关键字,但只是语法糖,JavaScript 仍旧是基于原型)。涉及到继承这一块,Javascript 只有一种结构,那就是:对象。在 javaScript 中,每个对象都有一个指原创 2016-12-17 11:18:40 · 5186 阅读 · 5 评论 -
setInterval()之坑
首先看下面这个例子: setInterval()之坑 (function(){ var arr=[1,2,3,4,5,6]; var i=0; var timer=setInterval("printNumber()",2000); function printNumber(){ console.log(arr[i]);原创 2017-03-22 21:24:05 · 2756 阅读 · 0 评论 -
深入理解JS事件委托
概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰当,我就不去想别的例子来解释了,借花献佛,我摘过来,大家认真领会一下事件委托到底是一个什么原理原创 2017-03-12 22:47:57 · 1922 阅读 · 0 评论 -
Jquery ajax不执行success的原因
最近在看jQuery的API文档,在使用到jQuery的ajax时,如果指定了dataType为json,老是不执行success回调,而是执行了error回调函数,极度郁闷。后面改为1.2.6版本可以执行。 然后继续下载了几个jquery版本,如1.3.2,1.4.0的,指定dataType为json都不能执行success回调,只有小于1.3版本的才能执行success回调。原创 2016-05-14 10:04:42 · 3198 阅读 · 1 评论 -
JQuery入门
一.什么是jQueryjQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是JohnResig,于2006年创建的一个开源项目,随着越来越多开发者的加入,jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。它可以用最少的代码,完成更多复杂而困难的功能,从而得到了开发者的青睐。 在原创 2016-05-09 19:23:01 · 841 阅读 · 0 评论 -
AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mas原创 2016-09-20 20:35:44 · 444 阅读 · 0 评论 -
利用js实现无刷新上传头像(或文件)并显示进度条
无刷新上传原理:现在我们利用新技术FormData表单数据对象可以实现快速收集表单信息,普通表单域 和 上传文件域 均可以收集,再结合ajax就可以实现无刷新上传。那么怎样显示进度条呢?原来ajax对象有upload成员,该成员也是对象,构造器是XMLHttpRequestUpload,该upload对象本身有onprogress事件,每隔100ms就执行一次,同时会获取当前附件的上传情况原创 2016-08-06 20:35:03 · 8805 阅读 · 2 评论 -
ajax实现无刷新分页功能
原理:前台换用ajax将页码以post的方式传到后台,后台接收页码,后台的操作与用php实现分页功能大致一样,只是还需将总页数传到前台,以便在前台输出分页链接。那么前台怎样传页码呢???只需用ajax的回调函数,接收后台的数据,利用json,动态添加dom节点,利用for循环输出分页链接,并在链接a里增加一个data属性,属性值为页码。当点击a时,利用js获取属性值,这样,即可实现js前台原创 2016-08-05 23:14:18 · 13911 阅读 · 0 评论 -
JS统计一个JSON元素数量
以上就是js统计一个json的元素数量的方法啦原创 2016-11-01 21:29:12 · 8863 阅读 · 0 评论 -
JS实现进制转换
js的进制转换, 分为2进制,8进制,10进制,16进制之间的相互转换, 我们直接利用对象.toString()即可实现://10进制转为16进制(10).toString(16) // =>"a"//8进制转为16进制(012).toString(16) // =>"a"//16进制转为10进制(0x16).toString(10) // =>"22"//16进制转为8进制(0原创 2017-03-05 14:21:08 · 1050 阅读 · 0 评论 -
深入理解JavaScript箭头函数
箭头函数就是个简写形式的函数表达式,并且它拥有词法作用域的this值(即不会新产生自己作用域下的this,arguments,super和new.target等对象)。此外,箭头函数总是匿名的。语法基础语法(param1, param2, …, paramN) => { statements }(param1, param2, …, paramN) => expression原创 2016-12-23 14:23:11 · 28282 阅读 · 0 评论 -
(document).height()、$(document).scrollTop()
jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用.注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变jQuery(document).height()是不变的。$(document).scrollTop() 获原创 2016-09-20 22:09:30 · 1942 阅读 · 0 评论 -
利用iframe实现局部刷新
利用iframe来实现注册1.reg.html 用户名: 密 码: var username = document.getElementById("username"); var ifr = document.getElementById("ifr"); //绑定失去焦点事件 username.o原创 2016-08-26 19:22:37 · 2254 阅读 · 0 评论 -
原生JS实现split()
原生JS实现split function split(str,operation){ var temp=[]; var arr=[]; for(var i=0;i<str.length;i++){ if(str[i]==operation) temp.push(i); } arr.push(str.sub原创 2017-04-19 21:41:41 · 4060 阅读 · 2 评论