gutianyu
- 浏览: 22333 次
- 性别:
- 来自: 北京
-
最新评论
文章列表
在JavaScript中，每当我们使用函数或者阅读已经写好的函数时，我们经常会看到里面用到this关键字的情况。
对于一个JS的初学者（尤其是对于有“主流”语言编程经验的人），会觉得this是让人凌乱的东西。
为了理解this，我们需要理解函数的调用方法。
在《Javascript Good Parts》一书中，将函数分为了四种调用方式：
方法调用；
函数式调用；
构造器调用；
apply（call）调用。
通读《Javascript Good Parts》的4.3节（2009年4月第一版）后，我对调用方式做了一个简短的总结。
当每个函数被调用的时候，他将会收到两个参数：this和arg ...
ThinkPHP3.1快速入门（1）基础http://www.thinkphp.cn/document/60.html
DIV的上下左右均居中
- 博客分类：
- CSS
主要用于弹出框，用css实现。
div {
position: absolute;
top: 50%;
left: 50%;
margin: -150px 0 0 -200px;
width: 400px;
height: 300px;
background-color: #CCC;
}
核心思路：
第一步：定位到屏幕中央，即top和height都用50%
第二步：用margin的负值，使div向上和向左分别移动高度和跨度的一半。
主要有transform, transform-origin, transition和animation效果。
<!DOCTYPE html>
<html>
<head>
<title>CSS3 Animation</title>
<style type="text/css">
* {
font-family: verdana;
}
h1 {
font-size: 18px;
}
h3 {
font-size: 14px;
...
1. border-radius
标准的border-radius
border-*-radius可以写为一个值和两个值，当一个值的时候表示圆角的宽高；两个值的时候，第一个值表示水平宽度，第二个值表示垂直高度。
原文：The two length or percentage values of the ‘border-*-radius’ properties define the radii of a quarter ellipse that defines the shape of the corner of the outer border edge (see the diagram b ...
一言以蔽之，曰：“先捕获，后冒泡！”
该代码只适合于有addEventListener方法的浏览器，没有做判断和容错，使用方法为：拷贝代码并保存为xxx.html，用浏览器运行，点击中间的click me，于是有了一个动画效果，很粗糙，只为了庆祝程序员节。
<!DOCTYPE html>
<html>
<head>
<title>Capture & Bubble</title>
<style type="text/css">
div { float: left;bo ...
本文主要记录在学习Javascript（为了减少打字的工作量和读的顺口，以后会使用JS）的过程中，对于“var o = new Obj(1);”这行代码的理解。在学习和使用JS之前，我学习过一些经典的编程语言，如Java、PHP和C，我可以熟练的使用Java ...