一,前言: 前文,我们介绍了ajax的原理和核心内容,主要讲的是ajax从前端到后端的数据传递的整个过程。 Ajax工作原理和原生JS的ajax封装 真正的核心就是这段代码: 一个对象(XMLHTTPRequest对象)、 两个方法(包括open ...
原生javascript有addEventListener和attachEvent方法来注册事件,但有时候我们需要判断某一行为甚至某一函数是否被执行了,并且能够获取前一行为的参数,这个时候就需要其他方法来实现了。 项目中的原始场景是有若干个tab切换,tab组件当然是已经写好的,现在需要每次点击后保存localstorage等其他操作,需要监听tab是否被点击。下面是简单的实现事件监听方法: ...
2015-02-28 14:04 0 2843 推荐指数:
一,前言: 前文,我们介绍了ajax的原理和核心内容,主要讲的是ajax从前端到后端的数据传递的整个过程。 Ajax工作原理和原生JS的ajax封装 真正的核心就是这段代码: 一个对象(XMLHTTPRequest对象)、 两个方法(包括open ...
淡入淡出焦点图效果类 这里是缓动焦点图链接: JavaScript 缓动焦点图实现的几种写法 封装 + 函数式 + JQuery 焦点图 实现思路: 原生JS的类的调用方式: var ...
今天在写一DEMO,其中用到了jQuery的$.getJSON方法,写完后发现整个DEMO中用到jQuery中的就这一个地方,但要引入一个jQuery实在不划算,于是就自己实现了一个简单版的,基本可以满足需求,现分享出来: 调用DEMO如下: 欢迎评论 ...
原理:都是利事件冒泡实现事件委派 live方法是固定把事件都绑定在了document上,而delegate 把事件绑定了提供的父元素上 delegate减少了冒泡次数,效率会更高些 ...
在使用jquery的时候,经常用到$(function(){})方法或者是$(document).read(function(){})来作为页面dom节点加载完成之后javascript的执行入口,现在可以 使用原生的javascipt模拟jquery中 $(function(){});方法 ...
基本介绍 XmlHttpRequest XmlHttpRequest是JavaScript中原生的,历史悠久的一种发送网络请求的方案。 基本上所有前端框架对于网络请求的部分都是基于它来完成的。 在本章节中我们将了解它的基本用法,并且会实现一个与jQuery.ajax功能百分之九十相似的网络 ...
Tab标签切换 效果图: HTML部分: Js方法一(此处应用了两个FOR循环,代码量比方法二稍多) 方法二 方法三使用JQuery如下: 按对象封装方式: ...