
JS/jQuery
_FEE
不积跬步,无以至千里;不积小流,无以成江海。
展开
-
jQuery: $.extend()和$.fn.extend()用法
$.extend()主要用法1. $.extend(target[,object1][objectN])将两个或更多对象的内容合并到第一个对象var obj1 = { sex: 'man', age: {'Tom': 20, 'Mike': 25}}var obj2 = { hobby: 'running', age: {'Sam': 33}}var o原创 2017-07-14 10:27:15 · 379 阅读 · 0 评论 -
jQuery UI sortable使用-拖拽
sortable可实现拖拽以及排序,使用过程中,碰到markdown编辑器的情况,在需要对输入的部分内容进行复制删除操作时,会拖动整个编辑框,可通过cancel选项解决。$(this).sortable({ cancel: '.CodeMirror',});或者:// Gettervar cancel = $( ".selector" ).sortable( "option...原创 2018-04-17 18:08:26 · 583 阅读 · 0 评论 -
获取元素CSS值之getComputedStyle、currentStyle、style
1.getComputedStyle通过getComputedStyle可以获取当前元素所有最终使用的CSS属性值,返回的样式是一个实时的 CSSStyleDeclaration 对象,当元素的样式更改时,它会自动更新本身。(只读!)语法:var style = window.getComputedStyle(element, [pseudoElt]);element:用于获取...原创 2018-03-02 18:08:12 · 883 阅读 · 0 评论 -
String的常用方法
1.substring()返回一个字符串在开始索引到结束索引之间的一个子集, 或从开始索引直到字符串的末尾的一个子集。语法:str.substring(indexStart[, indexEnd]) 提取从 indexStart 到 indexEnd(不包括)之间的字符如果 indexStart 等于 indexEnd,substring 返回一个空字符串。如果省略 indexEnd原创 2018-01-10 11:31:41 · 700 阅读 · 0 评论 -
JSON.stringify()结合localStorage
JSON.parse() 方法用来解析JSON字符串,构造由字符串描述的JavaScript值或对象 JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串当我们想存储用户创建的一个对象,并且,即使在浏览器被关闭后仍能恢复该对象时:var localEvent = function (item) { this.get原创 2018-01-18 15:44:20 · 676 阅读 · 0 评论 -
金钱格式化
一、正则var test1 = '123565456.89';var format = test1.replace(/\B(?=(\d{3})+(?!\d))/g, ',');console.log(format);//"123,565,456.89"1.\B匹配边界 2.?=(\d{3})+表示必须是1个或多个的3个连续数字 3.(?!\d)表示除数字外的任意字符,即匹配到数字以原创 2017-12-29 16:59:49 · 604 阅读 · 0 评论 -
Window的scrollX、innerWidth、outerWidth
1.window.scrollX 返回文档/页面水平方向滚动的像素值。示例:// 如果 scrollX 大于 200,则把文档重新滚动到左上角。if (window.scrollX > 200) { window.scroll(0,0);}备注:pageXOffset属性是scrollX属性的别名window.pageXOffset == window.scrollX; // 总是 tr原创 2017-08-03 15:09:39 · 1171 阅读 · 0 评论 -
JS小数运算精度问题
我们可能在平时运算过程中碰到以下类似情况: 0.1 + 0.2 结果是 0.30000000000000004 0.0003 * 10 结果是 0.0029999999999999996 0.003 / 10 结果是 0.00030000000000000003原因在于:在计算机内部,使用二进制浮点数并不能准确地表示像 0.1, 0.2 或 0.3 这样的数字,所以当编码或解释代码时,像“0.原创 2017-12-26 00:15:11 · 1405 阅读 · 0 评论 -
Array的常用方法
1.Array.of()创建一个具有可变数量参数的新数组实例,而不考虑参数的数量或类型。Array.of() 和 Array 构造函数之间的区别在于处理整数参数:Array.of(7) 创建一个具有单个元素 7 的数组,而 Array(7) 创建一个包含 7 个 undefined 元素的数组。 Array.of(7); // [7] Array.of(1, 2, ...原创 2017-07-12 10:16:13 · 923 阅读 · 0 评论 -
jquery实现点击按钮返回到页面顶部
应用场景:页面内容过长,同时每个页面有固定底部 HTML<div class="back-to-top" id="js-backtotop" > <span>Back to Top</span></div> CSS .back-to-top { position: fixed; right: 0; bottom: 10px; height:原创 2017-12-26 12:11:58 · 681 阅读 · 0 评论 -
parent()与parents()的区别
parent()取得一个包含着所有匹配元素的唯一父元素的元素集合 parents()取得一个包含着所有匹配元素的祖先元素的元素集合(包含根元素)。parent()方法查找对应的节点,只会向上搜索一层,而parents()则会搜索整个DOM树<div class="container"> <div class="content"> <div class="img-contai原创 2017-12-06 15:24:42 · 5907 阅读 · 0 评论 -
.each()与jQuery.each()的区别
$.each()可用来对对象和数组进行迭代$(selector).each()则是迭代jQuery对象,为每个匹配的元素执行一个函数<ul> <li >aaa</li> <li >bbb</li> <li >vvv</li> <li >fff</li></ul>var myArr = [11,22,33];$.each( myArr, function(原创 2017-07-06 12:32:28 · 495 阅读 · 0 评论 -
封装获取浏览器宽高
$.extend({ $.getWindowSize = function() { var dim = { width: false, height: false }; if (typeof window.innerWidth !== "undefined") { dim.原创 2017-12-14 15:06:10 · 363 阅读 · 0 评论 -
slideToggle()和toggleClass()的用法
slideToggle()通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。对应slideUp()和slideDown() 注意:在使用slideToggle()进行显隐内容时,在响应式页面下,切记不要在前面添加.stop()如:$(this).stop().slideToggle();在内容即将显示或隐藏时继续点击,会出现如下情况,当屏幕变大或缩小,页面内容高度应有所原创 2017-12-01 14:48:56 · 1951 阅读 · 0 评论 -
你确定了解连续赋值运算嘛?
连等是先确定所有变量的指针,再让指针指向那个赋值对于 a.x = a = {n:2},我们可能会这么想:1.先把 {n:2} 赋值给 a2.然后再创建 a.x,将 {n:2} 再赋值给 a.x这样似乎确实说不通 a.x 的值是 undefined,因为 a.x 确实是被赋值了的啊。 可事实上,a.x 的值就是 undefined。再来看一下: a = a.x = {n:2},按照上面的思路来看转载 2017-09-01 18:33:30 · 1590 阅读 · 0 评论 -
$(document).height()与$(window).height()区别
1.$(document).height()代表整个文档(页面)的高度 $(window).height()则代表当前可见区域的大小 所以当浏览器窗口大小发生变化时,$(document).height()值不变,$(window).height()发生变化2.$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离 $(do原创 2017-08-30 15:16:16 · 2010 阅读 · 0 评论 -
nextSibling和nextElementSibling的区别
nextSibling返回其父节点的childNodes子节点列表中紧随其后的节点 nextElementSibling返回的则是其父节点的childNodes子节点列表中紧随其后的元素节点DOM 节点 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 1. 整个文档是一个文档节点 2. 每个 HTML 元素是元素节点 3. HTML 元素内的文本是文本原创 2017-05-04 17:33:53 · 2251 阅读 · 0 评论 -
jQuery中attr()和prop()的区别
在jQuery中,attr()函数和prop()函数都可以用来设置或获取指定的属性,它们的参数和用法几乎相同,但也有它们的不同之处。 1.操作对象不同在jQuery中,attr()函数用于设置或获取指定DOM元素所对应的文档节点上的属性(attribute), prop()函数则用于设置或获取指定DOM元素(JS对象,Element类型)上的属性(property)。 2...原创 2018-04-20 16:44:54 · 527 阅读 · 0 评论