`
openxtiger
  • 浏览: 151209 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论
文章列表
网上有很多关于jQuery的this和$(this)的介绍,大多数只是理清了this和$(this)的指向,其实它是有应用场所的,不能一概而论在jQuery调用成员函数时,this就是指向dom对象。 $(this)指向jQuery对象是无可厚非的,但this就是指向dom对象,这个是因为jQuery做了特殊的处理。    在创建dom的jQuery对象时,jQuery不仅仅为dom创建一个jQuery对象,而且还将dom存储在所创建对象的数组中。   elem = document.getElementById(match[2]); if (elem && ...

CSS3 定位| Position

    博客分类:
  • CSS3
本文非原创,引用来源:http://blog.beyes.tw/575     视区(视口) 当浏览者查看一份网页文件时,通常使用者代理(User Agents, UA, 浏览器)会提供给浏览者一个视区(视窗或者是画面里的其它可视区域)。当我们调整视区大小时,UA 就有可能会改变文件上布局。 当视区比文件所呈现的Canvas 区域还小时,UA 可能会提供一个卷轴的机制来让您一窥文件的全貌。理论上每个Canvas 最多只能有一个视区,不过UA 可以产生一个以上的Canvas(例如在同一份文件上提供不同的可视区域, 如框架格)。 承载区块(包含块) 如果一些box的位置与大小是以其它相 ...

CSS3 Animation

    博客分类:
  • CSS3
本文非原创,引用来源:http://www.w3cplus.com/content/css3-animation     单从Animation字面上的意思,我们就知道是“动画”的意思。但CSS3中的Animation与HTML5中的Canvas绘制动画又不同,Animation只应用在页面上已存在的DOM元素上,而且他跟Flash和JavaScript以及jQuery制作出来的动画效果又不一样,因为我们使用CSS3的Animation制作动画我们可以省去复杂的js,jquery代码(像我这种不懂js的人来说是件很高兴的事了),只是有一点不足之处,我们运用Animation能创建自己想要的 ...

CSS3 Transition

    博客分类:
  • CSS3
本文非原创,引用来源:http://www.w3cplus.com/content/css3-transition     W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。” 下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用 语法: transition : [<'transition-property'> || <'transition-dur ...

CSS3 Transform

    博客分类:
  • CSS3
本文非原创,引用来源:http://www.w3cplus.com/content/css3-transform Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中tra ...

CSS3动画制作

    博客分类:
  • CSS3
  2D Transforms:   translate()  :translate(x,y)水平方向和垂直方向同时移动,单位为:px rotate()  :rotate(<angle>) 通过指定的角度参数对原元素指定一个2D rotation(2D 旋转),单位为:deg scale()  :scale(x,y)使元素水平方向和垂直方向同时缩放,单位为:比例 skew()  :skew(x,y)使元素在水平和垂直方向同时扭曲,单位为:deg matrix()  :
格式为: str.replace(substr_or_regexp,replace_with); 1.substr_or_regexp为正则表达式时,用$1,$2获取分组的内容,$&与 regexp 相匹配的子串。$`位于匹配子串左侧的文本。$'位于匹配子串右侧的文本。$$直接量符号。 2.replace_with为函数时,函数的参数callback(match,[$1,$2,...,]offset,str)含义为:   第1个参数表示:匹配模式的字符串。 如果匹配模式中含有子表达式,则第2个参数开始为第1个匹配模式子表达式的字符串,第3个参数开始为第2个匹配模式子 ...
  All selectors, attribute filters and pseudos below can be combined infinitely in any order. For example "div.foo:nth-child(odd)[@foo=bar].bar:first" would be a perfectly valid selector. Node filters are processed in the order in which they appear, which allows you to optimize your quer ...
insertAdjacentHTML方法:在指定的地方插入html标签语句 原型:insertAdajcentHTML(swhere,stext) 参数: swhere: 指定插入html标签语句的地方,有四种值可用: 1.     beforeBegin: 插入到标签开始标记之前 2.     afterBegin:插入到标签开始标记之后 3.     beforeEnd:插入到标签结束标记之前 4.     afterEnd:插入到标签结束标记之后 其中的Begin/End指开始标记/结束标记 before/after表不之前/之后
  Javascript对象创建过程: 1.初始化对象 2.将对象的__proto__=类的prototype属性 3.用类构造对象   __proto__:为原型链   每个对象都会在其内部初始化一个属性,就是__proto__,当我们访问一个对象的属性时,如果这个对象内部 ...
Global site tag (gtag.js) - Google Analytics