1、 定位
-> position属性
static(默认)
relative
fixed(脱离文档流)
absolute(脱离文档流)
-> 与top、left、bottom和right连用
top元素顶端与距离“浏览器”上边缘的距离
left元素顶端与距离“浏览器”左边缘的距离
bottom元素顶端与距离“浏览器”下边缘的距离
right元素顶端与距离“浏览器”右边缘的距离
-> 绝对定位默认是以浏览器作为参考,但是如果绝对定位
在relative定位的元素中(绝对定位中也行),那么就以这个
元素为参考
-> 绝对定位中位置的层次
z-index属性
2、 display显示与隐藏以及设置显示样式
-> none、block(块)、inline(行级)
-> div、span
3、 JavaScript
-> 基础语法
-> DOM(文档对象模型)
-> BOM
-> jQuery(DOM、BOM)
-> js高级
4、 JavaScript基础
-> 基本历史和现状
-> 1994-1995,点击一个网页,需要40s左右才可以打开
注册的问题
-> 就是为了检验页面中的数据
网景:livescript,1995年sun的java火了,更名为javascript
微软ie绑定到操作体统中(JScript语言)
// CGI->asp(vbscript)->jsp
1996-2000
谷歌v8引擎(可以将脚本编译成机器语言执行)
-> js
ecma-v3
ecma-v5 严格模式 strict
历史分歧,是的javascript的多面化
执行在浏览器上的一个脚本语言
flex:actionscript(js是变种)
node.js(v8引擎作为js的解释引擎,将js带到了服务器后端)
NginX
CommonJS
-> 库
jQuery
prototype
YUI
Extjs
dojo
5、 JavaScript基础 blog.csdn.net/personJiangKun
-> 写在哪里?hello world
-> 1.新建一个html文件
-> 2.在head标签中添加一个
-> 3.在里面添加代码
-> 词法与句法(参照C#学习)
6、 javascript的数据类型(记下来)
-> 基本类型:数字类型number、布尔类型boolean、字符串类型string
-> 引用类型:对象类型、函数类型
-> 空类型:null和undefined
-> 运算符:typeof
语法:string typeof (变量);
7、 JavaScript是一个弱类型的语言
-> 弱类型不代表没有类型,不严格的检查类型
-> C# int num = 10; // 需要检查类型赋值如果不符合要求就报错,编译不通过
int num = “123”; // 报错
-> js
使用var声明变量
var num = 123; // 不会检查类型,任何赋值都可以成功
8、 运算符
-> 数学运算符:+、-、*、/
-> 逻辑运算符:>、<、>=、<=、、!=
&&、||
=== 和 ! 完全等于
-> 与对象相关
new
delete
instanceof,instance实例
9、 逻辑控制与流程控制
-> if
if(bool表达式) {
语句
} else if(bool表达式) {
语句
} else {
语句
}
解释性的语言,规范结尾用分号,但是如果不用分号,也不会错,js引擎会根据换行自动加分号
-> switch-case
switch(val) {
case 值1: 语句; break;
case 值2: 语句; break;
case 值3: 语句; break;
… …
case 值N: 语句; break;
default: 语句; break;
}
-> while
while(逻辑表达式) {
循环体
}
-> do-while
do {
} while(条件);
-> for
for (var i = 0; i < max; i++ ) {
循环体
}
-> for-in结构(有点像foreach,但是不同)
for(var item in 集合或对象) {
遍历这个集合对象,item为每一个项的键
循环体
}
10、使用函数(函数、方法)
-> 函数的语法
声明式语法:
function 函数名(参数列表) {
// 函数体
// 如果有返回值直接return即可
}
Lambda函数(匿名函数)
var func = function(参数) {
方法体
};
-> 在C#中委托如何使用的?
-> 声明委托类型
-> 定义委托变量
-> 授权方法(匿名)
func = delegate(参数) { 方法体 };
func = (参数) => { 方法体 };
-> 使用委托变量调用方法
-> arguments参数
函数内部都有一个arguments参数,表示函数的参数
像数组的对象
-> 使用函数,计算兔子数列(Fibonacci数列)
1 1 2 3 5 8 13 …
-> Function对象(动态函数)
语法
var func = new Function(…);
// Function参数中最后一个参数是方法体,前面的参数都是该方法的参数
// 参数类型都是字符串
var getMax = function(n1, n2) {
return n1 > n2 ? n1 : n2;
};
//
var func = new Function(“n1”, “n2”, “return n1 > n2 ? n1 : n2;”);
// 将字符串变成函数
11、使用浏览器调试js代码(*****)
-> js的代码量非常大,封装技巧非常强
-> 代码分析