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