- 博客(45)
- 收藏
- 关注
转载 搜索插件-autocomplete
搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,调用格式如下:$(textbox).autocomplete(urlData,[options]);其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。例...
2017-11-23 19:16:00 174
转载 图片灯箱插件-lightBox
图片灯箱插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片,调用格式如下:$(linkimage).lightBox({options})其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。例如,以列表的方式在页面中展示全部的图片,当用户单击其中某张图片时,通过引...
2017-11-21 21:00:00 187
转载 图片放大镜插件-jqzoom
在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域,从而实现放大镜的效果,调用格式如下:$(linkimage).jqzoom({options});其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。例如,...
2017-11-20 18:53:00 135
转载 表格验证插件-validate
表格验证插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:$(form).validate({options})其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。例如,当点击表单中的“提交”按钮时,调用validate插件验证用户名输入...
2017-11-17 19:19:00 122
转载 cookie插件-cookie
使用cookie插件后,可以很方便地通过cookie对象保存、读取、删除用户的信息,还能通过cookie插件保存用户的浏览记录,它的调用格式为:保存:$.cookie(key,value),读取:$.cookie(key),删除:$.cookie(key,null)。其中参数key为保存cookie对象的名称,value为名称对应的cookie值。当点击“设置”按钮时,如果是“否...
2017-11-16 18:54:00 106
转载 表单插件-form
通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下:$(form). ajaxForm ({options}); 其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数。例如,在页面中点击“提交”按钮,调用form插...
2017-11-15 19:29:00 201
转载 浏览器对象模型的一些API
1.获取完整窗口大小:outerWidth/outerHeight2.获取文档显示区大小:innerWidth/innerHeight3.新窗口大小:resizeTo(width,height) resizeBy(width/height)增量4.事件坐标: 参照屏幕左上角: e.screenX, e.screenY 参照文档显示区左上角: e.clientX||e.x , ...
2017-11-14 20:24:00 99
转载 DOM插入
DOM插入有关的方法: 1.innerHTML 设置或获取位于对象起始和结束标签内的 HTML 2.outerHTML 设置或获取对象及其内容的 HTML 形式 3.innerText 和 outerText 在读取的时候是一样的,只是在设置的时候 outerText 会连带标签一起替换成目标文本jQuery封装的方法html,text,val.html()用为读取和修改元素...
2017-10-18 19:27:00 114
转载 节点操作的一些注意事项
针对节点的操作有几个重点的细节:1.保证最终操作的永远是dom元素,浏览器的最终API只认识那么几个接口,所以如果传递是字符串或者其他的,当然需要转换2.针对节点的大量操作,我们肯定是需要引入文档碎片做优化的,这个必不可少我们知道jQuery的的接口是支持多种参数传递的,那么就需要有一个过滤器的中介来处理各种参数类型。这个任务就交给了dom,除此之外dom在设计上需要做的处理:...
2017-10-16 18:53:00 278
转载 节点操作
jQuery对节点的操作封装出了一系列的接口,可以接受HTML字符串、DOM 元素、元素数组、或者jQuery对象,用来插在集合中每个匹配元素的不同位置HTML结构:$('.inner').after('<p>Test</p>');$对象:$('.container').after($('h2'));回调函数一个返回HTML字符串、DOM 元素...
2017-10-14 19:22:00 180
转载 遍历祖先、同胞、后代
1.遍历祖先祖先是父、祖父或曾祖父等等。通过 jQuery,能够向上遍历 DOM 树,以查找元素的祖先。向上遍历 DOM 树,这些 jQuery 方法很有用,它们用于向上遍历 DOM 树:parent()parents()parentsUntil().parent()方法允许我们能够在DOM树中搜索到这些元素的父级元素,从有序的向上匹配元素,并根据匹配...
2017-10-12 18:52:00 161
转载 遍历
什么是遍历在数据结构中有遍历这个概念,简单点就是将数据的所有节点都查询一遍,但不同的数据结构有不同的遍历方法,而且同一种数据结构也有不同的遍历方法。jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 D...
2017-10-10 20:24:00 388
转载 JS自定义属性的运用
JavaScript可以为任何HTML元素添加任意的自定义属性,而且你可能无意中已经使用过自定义属性了,那么自定义属性通常有哪些应用呢?1、想用“匹配”、对应关系的时候就用索引值2、同时控制多组元素3、开关切换,多组元素开关的切换就总结到这里,下面来看看几个例子吧JavaScript自定义属性索引值:HTML<input type="button" va...
2017-10-02 21:46:00 157
转载 React 技术栈
React技术栈React是目前最热门的前端框架。Facebook公司2013年推出现在最好的社区支持和生态圈大量的第三方工具React的优点组件模式:代码复用和团队分工虚拟DOM:性能优势移动端支持:跨终端React的缺点学习曲线较陡峭全新的一套概念,与其他所有框架截然不同只有采用它的整个技术栈,才能发挥最大威力因为React许可协议,可能不适用于某些公司的使用场景总...
2017-09-29 19:23:00 118
转载 js中的DOM操作汇总
一、DOM创建DOM节点(Node)通常对应于一个标签,一个文本,或者一个HTML属性。DOM节点有一个nodeType属性用来表示当前元素的类型,它是一个整数:1.Element,元素2.Attribute,属性3.Text,文本DOM节点创建最常用的便是document.createElement和document.createTextNode方法:var node1 =...
2017-09-27 21:57:00 84
转载 停电。
今天家里早上7点到下午6点停电,没有学习。转载于:https://www.cnblogs.com/suntao12138/p/7594248.html
2017-09-25 22:08:00 110
转载 JavaScript的DOM操作
JavaScript的DOM操作childNodes 返回当前元素所有子元素的数组firstChild 返回当前元素的第一个下级子元素lastChild 返回当前元素的最后一个子元素nextSibling 返回紧跟在当前元素后面的元素nodeValue 指定表示元素值的读/写属性parentNode 返回元素的父节点previousSibling 返回紧邻当前元素之前的元素get...
2017-09-23 19:30:00 69
转载 JS中json数据的处理
JS中json数据的处理1、 json数据结构(对象和数组) json对象:var obj = {"name":"xiao","age":12}; json数组:var objArray = [{"name":"xiao","age":12},{"name":"xiao","age":12}];2、 处理json数据,依赖文件有:jQuery.js3、Note:数据传输过程中,json数...
2017-09-22 18:35:00 97
转载 简单的javascript 解析json的代码
JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单: 对象是一个无序的“‘名称/值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”...
2017-09-21 18:11:00 33
转载 JavaScript 字符串方法(三)
fromCharCode方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>fromCharCode方法</title> </head> <body> <scrip...
2017-09-20 19:30:00 112
转载 JavaScript 字符串方法(二)
字符串大小写转换方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>大小写转换</title> </head> <body> <script type="text/...
2017-09-19 19:00:00 80
转载 JavaScript 字符串方法
字符方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>字符方法</title> </head> <body> <script type="text/javascr...
2017-09-18 20:10:00 54
转载 JS的作用域链
一 作用域链可以被看作一种路径, 沿着这条路径可以确定变量的值.。二 作用域链的特点 (1) var关键字决定了哪个函数是变量的作用域链的终点;(2) 当引用一个变量时, JS会沿着由对象执行路径构成的作用域链进行解析, 查找变量最近定义的值, 一旦找到, 即使用该值.。 三 作用域链的图例 四 作用域链实例 (1) function example() {var...
2017-09-17 20:16:00 71
转载 JS作用域
一. 什么是作用域 它是指对某一变量和方法具有访问权限的代码空间, 在JS中, 作用域是在函数中维护的. 表示变量或函数起作用的区域,指代了它们在什么样的上下文中执行,亦即上下文执行环境。Javascript的作用域只有两种:全局作用域和本地作用域,本地作用域是按照函数来区分的。 二、作用域的注意事项 1.js的作用域是有函数划分的,而不是块儿var too="test";if(tru...
2017-09-16 19:03:00 53
转载 JS执行顺序(二)预编译
预编译当js引擎解析的时候,它会在预编译对所有声明的变量和函数进行处理。变量提升console.log(a); // undefinedvar a = 1;console.log(a); // 1预解析函数f(); // 1function f() { console.log(1);};详细:javascript变量声明提升(hoisting)分块执行代码js是按块...
2017-09-15 18:36:00 48
转载 JS执行顺序
在 html 文档中的执行顺序js代码执行顺序比较的形象,用户可以直观的感受这种执行顺序。但是,js代码的执行顺序是比较复杂的。有时候我们会把js代码写在html里面,而html文档在浏览器中解析的过程是这样:浏览器按照文档流从上到下逐步解析页面结构和信息。js代码作为嵌入的脚本也算做html文档的组成部分,因此,js代码在装载时的执行顺序也是根据脚本标签<script>的出...
2017-09-13 20:03:00 49
转载 JavaScript的传递
JavaScript使用一个变量对象来追踪变量的生存期。基本类型值被直接保存在变量对象内;而引用类型值则作为一个指针保存在变量对象内,该指针指向实际对象在内存中的存储位置。基本类型值的传递向参数传递基本类型值时,被传递的值会被复制给一个局部变量(即命名参数,或者是arguments对象中的一个元素)。function addOne (num) { num++; return num;}v...
2017-09-12 19:11:00 68
转载 Javascript 函数的四种调用模式
Javascript 函数的四种调用模式1 函数模式 最普通的函数调用// 声明式函数function fn1 () { console.log(this);}// 函数表达式函数var fn2 = function() { console.log(this);};// 调用 函数中this表示全局对象,在浏览器中就是指windowfn1(); //windowfn...
2017-09-11 20:25:00 104
转载 jQuery的ajax和原生的ajax方法
jQuery的ajax方法:$.ajax({ url:'/comm/test1.php', type:'POST', //GET async:true, //或false,是否异步 data:{ name:'yang',age:25 }, timeout:5000, //超时时间 dataType:'json', ...
2017-09-09 18:57:00 56
转载 跨域的一些方法
一、什么是跨域理解跨域首先要理解同源策略,它是浏览器对js施加的一种安全限制。所谓同源是指协议、域名、端口必须相同。浏览器在请求数据时都要遵循同源策略,那么凡是发送请求的URL中协议、域名、端口三者之中的一点不同时,就叫做跨域。二、jsonp1、什么是jsonpJSONP(JSON with Padding)是资料格式 JSON 的一种“使用模式”,是被包含在函数调用中的JS...
2017-09-08 20:26:00 53
转载 闭包的3种方法以及如何从外部读取局部变量
闭包常用的3种中方法1. 通过在函数中创建函数,并返回来延迟作用域链的存在时间(掌握执行环境/作用域链/this/活动对象/arguments/全局对象概念的理解)2. 模仿块级作用域 (javascript不存在块级作用域)for(var i=0;i<10;i++){ alert(i);}alert(i); //10function outputNumbers(c...
2017-09-07 20:08:00 821
转载 JS的闭包原理
什么是js的闭包原理,有什么作用?一、定义:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式,因而这些变量也是该表达式的一部分。作用:1、可以减少全局变量的对象,防止全局变量过去庞大,导致难以维护 2、防止可修改变量,因为内部的变量外部是无法访问的,并且也不可修改的。安全 3、读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。 二、例子:1.J...
2017-09-06 19:25:00 139
转载 ajax的使用
什么是ajax?ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。如何使用ajax?第一步,创建xmlhttprequest对象,var xmlhttp =new XMLHttpRequest();XMLHttpRequest对象用来和服务器交换数据。var xhttp;if (window.XMLHttpRequest) {//现代主流浏览器xh...
2017-09-04 19:26:00 47
转载 填空题的学习
今天对提纲里的填空题进行了简单的整理和学习。转载于:https://www.cnblogs.com/suntao12138/p/7460396.html
2017-08-31 20:39:00 397
转载 JS中splice()函数与parenInt()函数
JS中splice()函数与parenInt()函数JavaScript中splice()方法splice ()函数是一个比较少用的函数,但是功能确实很好,并且在我们Coding的时候,经常有需要 splice 方法,但是我们不知道这个方法的存在,那么我们来介绍一下 splice 方法。在 Javascript 中 splice ()方法,是一个很强的数组方法,它有多种...
2017-08-30 19:31:00 77
转载 身体不舒服,请假
今天胃痉挛犯了,吃药也不好使,一天没吃东西,喝水都疼,五点多我爸回来给我找了点吗啡止痛片才缓过来。请假一天。转载于:https://www.cnblogs.com/suntao12138/p/7449780.html...
2017-08-29 18:40:00 128
转载 JavaScript slice原理和 indexOf()原理法
JavaScript slice 方法slice 方法用于截取字符串中的一部分并返回该部分字符串。其语法如下:复制代码 代码如下:str_object.replace(start, end)参数说明:参数 说明str_object 要操作的字符串(对象)start 必需。要截取的开始位置,从 0 开始计算;如果为负数,则从字符串末尾反向开始计算end 可选。要截取的结束位置,如果...
2017-08-28 20:31:00 904
转载 实现deepclone的两种方法
实现deepclone的两种方法方案一:利用现代浏览器支持的JSON对象做一次中转,实现深度克隆。(IE6、IE7不支持原生JSON对象,可载入json2.js补丁来达到兼容)感谢rekey提供此方案。JSON.stringify()与JSON.parse()详细信息请点击这里var deepClone = function (obj) { var _tmp,result; ...
2017-08-27 20:54:00 261
转载 JS的返回值,函数的运行和setTimeout的用法
JS返回值的用法<!DOCTYPE html> <head> <title></title> <!--js中声明函数的方法--> <script type="text/javascript"> function add(i, j) { //现在只是声明了一个函...
2017-08-26 20:21:00 161
转载 8月25日日报
##今天- 今天被同学叫去营口办事,没有学习请假一天;转载于:https://www.cnblogs.com/suntao12138/p/7429479.html
2017-08-25 19:50:00 65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人