![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascipt
文章平均质量分 66
xie1987524
这个作者很懒,什么都没留下…
展开
-
再谈闭包,closure---javascript
再一次来谈谈javascript,发现现在网上大多数文章对于闭包的认识好像都是认为返回一个内部的函数这样一个标志才能认为是closure(闭包)。 也许有但是很是看到这样的文章能对javascript的闭包能有一个比较清晰地解释。下面我就来谈谈自己对javascript的闭包的看法,如有不对的地方欢迎大家批评一起学习。 首先,谈谈一个常见的...原创 2010-12-14 22:49:09 · 102 阅读 · 0 评论 -
setTimeout 使用
开门见山:众所周知,setTimeout是用来延迟执行一次传递的函数 1:setTimeout(function(){},200);---延迟200毫秒执行 2:setTimeout传参数问题?function fact(name) { alert("Hello World:" + name);}function test(...原创 2014-08-17 18:22:56 · 162 阅读 · 0 评论 -
javascript位置相关(二)--getBoundingClientRect
http://msdn.microsoft.com/en-us/library/ms536433(VS.85).aspxgetBoundingClientRect method[注意:IE的版本8以下,计算的位置是从(2,2开始的)]11 out of 18 rated this helpful - Rate this topic Retrieves an object...原创 2014-08-17 21:17:39 · 255 阅读 · 0 评论 -
javascript位置相关(一)---offset等测试
元素的offsetParent属性 : 只读 属性 离当前元素最近的一个有定位属性的父节点 (一):如果当前元素的DOM父节点没有定位的情况:如果没有定位父级,默认是body ie7以下,如果当前元素没有定位默认是body,如果有定位则是html ie7以下,如果当前元素的某个父级触发了layout,那么offsetParent就会被指向到这个触发了...原创 2014-08-17 21:19:47 · 145 阅读 · 0 评论 -
Backbone事件相关
var Events = Backbone.Events = { // Bind an event to a `callback` function. Passing `"all"` will bind // the callback to all events fired. //上面的话就是说如果传递的事件名称是all的话,就会激活所有绑定在上...原创 2013-10-25 14:34:52 · 98 阅读 · 0 评论 -
JavaScript 闭包再探讨
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试</title> <script type="text/javascript"> /****原创 2014-08-27 10:03:24 · 93 阅读 · 0 评论 -
javascript--闭包彻底弄清楚
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试</title> <script type="text/javascript"> /*原创 2014-08-27 10:09:40 · 121 阅读 · 0 评论 -
div+css(javascript)自定义滚动条
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>自定义滚动条&原创 2014-08-31 10:07:59 · 116 阅读 · 0 评论 -
js+css自定义滚动条(包含滚动事件处理)
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>自定义滚动条&a原创 2014-08-31 12:11:49 · 252 阅读 · 0 评论 -
react的学习总结
React介绍(具体总结请参考附件chm,本文的chm版本)什么是Reaact以及为什么要使用它React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。React不是一个mvc框架,可以说是View(不使用template的view),是单数据流(使用插件可以完成双向),对于数据更新的响应简单的不能再简单了,用官方的话:Rea...2015-06-10 11:51:46 · 205 阅读 · 0 评论 -
js--简单放大镜实现(带移动方块)
/**知识点预备clientX,clientY 鼠标相对于可视区的位置offsetX,offsetY layerX layerY 鼠标相对于事件源的位置screenX,screenY 鼠标相对于屏幕的位置pageX , pageY IE(不支持)鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化。在有滚动条的情况...原创 2014-09-11 00:22:48 · 358 阅读 · 0 评论 -
仿淘宝放大镜效果
/**知识点预备clientX,clientY 鼠标相对于可视区的位置offsetX,offsetY layerX layerY 鼠标相对于事件源的位置screenX,screenY 鼠标相对于屏幕的位置pageX , pageY IE(不支持)鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化。在有滚动条的...原创 2014-09-11 00:31:49 · 124 阅读 · 0 评论 -
sEMMET插件的最全快捷方式【来自Dash文档中心】
s原创 2014-09-11 10:44:28 · 79 阅读 · 0 评论 -
javascript源对象于对象引用之前不得不说的事情
var source = {"a":3,"b":4};//源对象var cpsource = source;cpsource.c = 5;//source.c 输出的是5cpsource = {"c":5};source.c //输出的是undefined//引用对象只能对源对象进行扩展而不能进行修改...原创 2014-09-13 17:05:07 · 100 阅读 · 0 评论 -
jquery jsonp参数编码问题不一致问题的解决方案
<!doctype html><html><head><meta charset="gbk"><title>无标题文档</title><script type="text/javascript" src="jquery-1.6.2.min.js"原创 2014-09-27 23:06:15 · 7474 阅读 · 0 评论 -
javascript 基础知识零散汇总
1:数据类型判断基础类型判断Object.prototype.toString.call(data);[object Number][object String][object Boolean][object Function][object Object][object Array][object Null][object Date][object...原创 2014-09-29 15:09:40 · 77 阅读 · 0 评论 -
javascirpt对象创建
javascript中的面向对象理解js中的对象 最底层的对象Object;每个函数对象都有一个prototype属性,prototype属性指向一个prototype(原型)对象,prototype对象有个constructor属性,contructor属性指向对象本身ES5中对对象新增了一些数据属性,详细可自行搜索。比如,configurable(false,不可删除属性和不...原创 2015-08-26 21:21:19 · 115 阅读 · 0 评论 -
jquery实现弹窗居中的简单效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&l原创 2014-10-18 09:24:19 · 177 阅读 · 0 评论 -
setTimeout 0 使用
经常看到setTimeout延时0ms的javascript代码,感到很迷惑,难道延时0ms和不延时不是一个道理吗?后来通过查资料以及实验得出以下两个作用,可能还有作用我还不知道,希望得知的朋友在后面评论上不吝指出。1、实现javascript的异步;正常情况下javascript都是按照顺序执行的。但是我们可能让该语句后面的语句执行完再执行本身,这时就可以用到setTime...原创 2014-08-17 18:03:01 · 78 阅读 · 0 评论 -
前端知识点分享3--DOM操作
首先先要知道我们必须要明白的节点类型的值1---元素类型2---元素的属性类型3--元素的值类型4--cdata注释类型8--注释9--文档类型操作节点属性nodeTypenodeNamenodeValueparentNode常规跨浏览器的原声dom选择器在操作节点的时候注意各浏览器对空文本节点的处理,ie是忽略的(childNodes...原创 2014-07-28 22:27:19 · 67 阅读 · 0 评论 -
javascript compatMode
document.compatMode:有两种可能的返回值:BackCompat和CSS1Compat,对其解释如下: BackCompat: Standards-compliant mode is not switched on. (Quirks Mode) CSS1Compat: Standards-compliant mode is switched on. (Standards ...原创 2011-09-23 17:08:04 · 105 阅读 · 0 评论 -
document.documentElement和document.body的区别
网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动:<div id="div" style="width:100px;height:100px;background:#ccc;position:absolute;"></div>window.onscroll = function...原创 2011-09-23 17:13:08 · 133 阅读 · 0 评论 -
节点类型
节点类型(来自李炎恢的讲课稿件)DOM定义了Node的接口以及许多种节点类型来表示节点的多个方面!Document——最顶层的节点,所有的其他节点都是附属于它的。DocumentType——DTD引用(使用<!DOCTYPE >语法)的对象表现形式,例如<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transi...原创 2011-09-23 17:18:14 · 323 阅读 · 0 评论 -
javascript中的几何属性汇总
客户端javascript对象的几何属性汇总 在一些客户端javascript对象中,存在着如宽度、高度、坐标类的几何属性,同时这些属性在不同的浏览器下又有不同的属性名。现在将所有的此类对象的几何属性汇总,便于学习,免得搞混。1. 浏览器窗口在桌面的坐标(x,y)Window对象 IE下:window.screenLeft, window.sc...原创 2011-09-23 17:53:45 · 545 阅读 · 0 评论 -
浅谈javascript闭包1--英语水平不行,自己理解翻译
首先说明下,本人学习的javascript师承--大漠。是我们群一个非常牛b的任务。一下文章系列是从一个外文网站上面看到的,所以加上自己的理解就发出来,大家共同学习下面是一个普通的javascript函数function sayHello(name) { var text = 'Hello ' + name;//定义个临时string对象text var sayAlert...原创 2010-12-04 23:07:04 · 93 阅读 · 0 评论 -
从基础学起javascript
此文章系列给自己重新复习下javascript的基础,一步步夯实自己的基础。 1: javascript的五种原始数据类型:Number,String,Boolean,Undefined,Null 所以利用typeof对数据进行类型判断的时候就有 number,string,boolean,undefined,object五种类型,有一种NaN是代表未知类型的,...原创 2012-02-27 20:50:32 · 65 阅读 · 0 评论 -
js的命名空间学习
function ns(pac){ if(!pac) { return null; } var arr=pac.split("."); var tt=window[arr[0]]; var cc=window.c2; window.c2={}; var tt2=window[arr[0]]||{}; var ...原创 2012-03-22 15:23:45 · 152 阅读 · 0 评论 -
javascript--活动对象作用域解析
var myname="xiaofei";function test(){ alert(myname); var myname="xiaonou"; alert(myname);}test();//执行弹出的第一次是undefined,第二次是xiaonou脚本函数在执行test之前必须执行创建活动对象这一步,而在创建活动对象的时候其构造是{n...原创 2012-03-24 11:03:15 · 77 阅读 · 0 评论 -
javascript 函数声明与函数表达式以及自定义函数
函数声明 //函数声明 function fa(){ }//函数表达式var aa=function fab(){}/***javascript引擎对于函数声明和函数表达式的解析是不一样的 优先提升函数声明,这就可以在函数声明之前就可以使用,而函数表达式则类似于一般的函数变量,只会...原创 2013-05-07 16:37:04 · 132 阅读 · 0 评论 -
[转载]JavaScript’s “this”: how it works, where it can trip you up
JavaScript’s “this”: how it works, where it can trip you upLabels: dev, javascript, jslang In JavaScript, the special variable this is relatively complicated, because it is available everywhe...原创 2014-05-10 23:33:26 · 98 阅读 · 0 评论 -
javascript---call使用
extendClass = function (subClass,baseClass) { // body... if(typeof baseClass != 'object') return; subClass.baseConstructor = baseClass;//...原创 2014-06-02 12:42:30 · 81 阅读 · 0 评论 -
DOM事件冒泡处理
<!DOCTYPE html><html> <head> <title>测试DOM</title><meta charset="utf-8"/> <style type="text/css"> #myid li:nth-child原创 2014-06-16 11:07:32 · 88 阅读 · 0 评论 -
javascript的Object对象
今天无意中放到道格拉斯的关于javascript面向对象的一篇文章 http://javascript.crockford.com/prototypal.html 突然燃烧起了自己看看现在的原生对象Object的具体问题。发现msdn上面也有啦,自己的js知识实在是太缺乏啦。他老人家在08年写的,我居然都没有去研究Object里面...原创 2013-08-31 17:28:32 · 58 阅读 · 0 评论 -
javascript小知识点
一:Object.prototype.toString.call(param) 可以用来判断传入参数的构造类型在toString方法被调用时,会执行下面的操作步骤:1 如果this的值为undefined,则返回"[object Undefined]".2 如果this的值为null,则返回"[object Null]".3 让O成为调用ToObject(this)的结果....原创 2014-07-25 00:10:51 · 82 阅读 · 0 评论 -
前端知识点补充(常用前端面试题)
一:数组去重复(注意数组中有复杂类型的数据) 简单版本:hash形式 复杂版本:需要对数据类型进行判断 如:先判断基本类型(值类型) undefined|number|string|boolean 然后判断引用类型: Date,Number,Array,Object,Function,RegExp, JSON等 二:事...原创 2014-07-25 00:53:43 · 131 阅读 · 0 评论 -
前端知识点分享
XSS,XFS攻击与防范/***The Cross Frame Scripting 缩写为“XFS”也就是说是跨框架的脚本攻击,主要是由于被访问的页面中的frame地址里的变量缺乏检测所导致的漏洞。Cross Frame Scripting主要用于钓鱼攻击,因为该漏洞具备一定的危害性简单的来说,就是别人发给你一个网站地址,你点击进去,你看到一个熟悉的网站。比如说别人告诉你一个网...原创 2014-07-26 00:38:29 · 284 阅读 · 0 评论 -
前端知识点分享2--正则,选择器
//去除左右空格//最简洁版本function trim(str){//写的严谨点,这里要判断str是不是字符串return str.replace(/^\s* | \s*$/g,'');}//自己想的另外一种写法function trim(str){//写的严谨点,这里要判断str是不是字符串,//并且判断正则reg.exec(str)是否能匹...原创 2014-07-28 21:52:43 · 94 阅读 · 0 评论 -
抽取jquery源码实现获取元素的精确位置
获取元素准确位置的写法知识点预备:getBoundingClientRect()clientTop,left:边框的距离scrollTop,scrollLeft:到上边或者左边的滚动距离pageYOffset:firefox 滚动条顶部到网页上边的距离pageXOffset:firefox 滚动条顶部到网页左边的距离var getCoords = fu...原创 2014-10-18 11:32:02 · 144 阅读 · 0 评论