javascript
rudy24
这个作者很懒,什么都没留下…
展开
-
学习js的笔记--检测类型
Typeof 操作符:用来检测给定变量的基本数据类型 1.underfined-----如果这个值未定义。 2.boolean-----如果这个值是布尔值。 3.string-----如果这个值是字符串。 4.number---如果这个值是数字。 5.object ---如果这个值是对象或null。 6.function--如果这个值是函数。Instanceof用于检测原创 2015-06-06 10:02:38 · 327 阅读 · 0 评论 -
每天学习API之四 ,zepto源码each,map
工具函数$.each 遍历数组元素或以key-value值对方式遍历对象。回调函数返回 false 时停止遍历。$.each = function (elements, callback) { var i,key; //类数组 likeArray if (likeArray(elements)) { for (i = 0; i < elements.length; i++) {原创 2017-12-20 22:35:14 · 337 阅读 · 1 评论 -
每天学习API之五 ,zepto源码contains,inArray, trim,
$.contains 用来检查给定的父节点中是否包含有给定的子节点$.contains = document.documentElement.contains ? function(parent, node) { return parent != node && parent.contains(node) } : function(paren原创 2017-12-21 14:44:00 · 316 阅读 · 1 评论 -
原生js团购-限时购
html 代码清单:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>团购——限时抢</title> </head> <body> <div class="content3"> <div class="time">还剩 <span id="Le原创 2016-04-15 11:25:51 · 379 阅读 · 0 评论 -
原生js设置,获取,删除cookie demo
cookie 的应用——记住用户名 用户名: 密码: 清除记录 window.onload = function(){ var oForm = document.getElementById('myform'); var oTxt1 = document.getEleme原创 2016-04-13 15:43:20 · 1031 阅读 · 0 评论 -
每天学习API之一 ,zepto源码compact,flatten,uniq
每天学习API---zepto源码compact,flatten,uniq原创 2017-12-17 17:55:37 · 230 阅读 · 1 评论 -
每天学习API之二 ,zepto源码camelize, dasherize
**字符串方法** camelizefunction camelize(str) { return str.replace(/-+(.)?/g, function(match, chr) { return chr ? chr.toUpperCase() : ''; })}将 word-word 的形式的字符串转换成 wordWord 的形式, - 可以为一个或多个。正则表达式匹原创 2017-12-18 17:37:30 · 289 阅读 · 1 评论 -
每天学习API之三 ,zepto源码type, isFunction,isObject,isWindow,isDocument,isPlainObject,isArray,likeArray
数据类型检测//定义//定义var classtype = {}, toString = classtype.toString;"Boolean Number String Function Array Date RegExp Object Error".split(" ").forEach(function(name,idx) { classtype['[object ' + nam原创 2017-12-19 14:30:45 · 463 阅读 · 1 评论 -
Javascript 数组系列一
/** * Array 数组学习 * 在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一, * 数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活、强大, * 不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素, * JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的, ...原创 2018-03-03 16:39:14 · 249 阅读 · 0 评论 -
Javascript 数组系列二
slice,原创 2018-03-05 18:06:34 · 218 阅读 · 0 评论 -
获取浏览器cookie,然后已数组形式返回
cookie,遍历出cookie原创 2016-09-14 14:54:46 · 3604 阅读 · 0 评论 -
screenX,clientX,pageX,offsetX,pageXoffset的区别
event.screenX、event.screenY鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性event.clientX、event.clientY鼠标相对于浏览器可视区域的X,Y坐标(将参照点改成了浏览器内容区域的左上角),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.cli转载 2016-09-20 15:57:58 · 383 阅读 · 0 评论 -
addEventListener和onclick的区别
今天在温习犀牛书的时候,正好看到17章,突然有个疑问,addEventListener和onclick有什么不一样?于是Google查了下,然后用写了个小demo去比较它们, addEventListener is the way to register an event listener as specified in W3C DOM. Its benefits are as follows:原创 2016-09-19 15:33:11 · 28659 阅读 · 0 评论 -
Javascript之基本包装类型
为了便于操作基本类型值,ECMAScript还提供了三个特殊的引用类型:Boolean、Number和String。这些类型与其他引用类型相似,同时也具有与各自的基本包装类型相应的特殊行为。实际上,每当读取一个基本类型值时,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据。var s1 = "some text";var s2 = s1.substrin原创 2016-01-29 10:21:09 · 333 阅读 · 0 评论 -
:元素大小与位置offsetLeft offsetTop offsetWidth offsetHeight clientWidth clientHeight scrollWidth scrollHei
这是一些极易混淆的概念。仔细分析,这些值都是用来对元素进行定位的,下面逐一介绍。本文只介绍width,left等值,与其对应的是 height,top。本文还只介绍在Firefox下的表现,我认为,先不要考虑在IE各版本,Chrome等浏览器下的表现,这样一来,问题就单纯 了,容易理解。一 宽度的基础 何为宽度,在CSS中,width属性指元素内容区的 宽度,并不是元素在页面上所转载 2016-03-02 14:42:34 · 546 阅读 · 0 评论 -
style、currentStyle、getComputedStyle区别介绍
样式表有三种方式内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。内部样式(internal Style Sheet):是写在HTML的里面的,内部样式只对所在的网页有效。外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里转载 2016-02-29 11:11:51 · 306 阅读 · 0 评论 -
逻辑与和逻辑或运算符返回值
console.log("0 || 1 = "+(0 || 1));console.log("1 || 2 = "+(1 || 2));console.log("0 && 1 = "+(0 && 1));console.log("1 && 2 = "+(1 && 2));逻辑与和逻辑或运算符会返回一个值,并且二者都是短路运算符:逻辑与返回第一个是 false 的操作数原创 2016-04-14 15:51:37 · 4260 阅读 · 1 评论 -
Array.isArray 函数 (JavaScript)以及其IE兼容性解决方案
最近在工作中用到Array.isArray(object),发现IE8及以下版本不支持此API,于是百度了下找到了解决方案如下 var arr = [];function isArray(str){ return Object.prototype.toString.call(str) == "[object Array]";}console.log(isArray(arr));//ie原创 2016-04-15 17:03:30 · 4565 阅读 · 0 评论 -
javascript 代码alert([] ==![]);为什么弹出结果为true?
typeof([])是个object typeof(![])就成了Boolean alert([])是个空 alert(![]) 是个false javascript中一切空或者0在做比较的时候都会转化成boolean值false所以 答案很明显了 false equals false 楼上的答案不标准,也可以说有些错误。执行类型转换的规则如下:如果一个运算数是 Boolean原创 2016-04-15 17:58:44 · 1519 阅读 · 0 评论 -
zepto商城顶部分类导航下拉菜单代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style type="text/css"> *{margin:0;padding:0;} #box{ width:900px; margin:0 au原创 2016-06-18 17:52:07 · 2111 阅读 · 0 评论 -
JavaScript中双叹号(!!)作用
经常看到这样的例子:12var a;var b=!!a;a默认是undefined。!a是true,!!a则是false,所以b的值是false,而不再是undefined,也非其它值,主要是为后续判断提供便利。!!一般用来将后面的表达式强制转换为布尔类型的数据(boolean),也就是只能是true或者false;因原创 2016-06-19 16:28:05 · 280 阅读 · 0 评论 -
JavaScript__proto__原型链深入分析
JavaScript__proto__原型链深入分析JavaSctipt之prototype原型深入分析: prototype的属性是副本,引用,还是固定的查找方式?>> ,我们已经得出结论:从自身延原型链向上查找的方式: 访问对象object.xxx的属性时,如果object自己没有xxx属性,则向上延原型链查找,如果找到,则输出,没找到转载 2016-09-04 16:23:12 · 268 阅读 · 0 评论 -
JavaScript静态作用域和动态作用域
动态作用域;静态作用域原创 2018-03-20 23:50:40 · 2570 阅读 · 1 评论