发表于 | 分类于

条件语句

if-else条件语句

1
2
3
4
5
6
7
8
9
10
11
12
<p id="demo1"></p>
<script type="text/javascript">
	var score=90;
	if(score>=90){
		out="该同学成绩优秀";
	}else if((score<90)&&(score>=80)){
		out="该同学成绩良好";
	}else{
		out="该同学成绩不达标"
	}
	document.getElementById("demo1").innerHTML=out;
</script>

switch-case条件语句

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<p id="demo"></p>
<script type="text/javascript">
	var a=2;
	var s;
	switch(a){
		case 1:
			s="今天星期一";
			break;
		case 2:
			s="今天星期二";
			break;
		default:
			s="输入错误！";
			
	}
	document.getElementById("demo").innerHTML=s;
</script>
  • 若没有break，则继续进行下一个代码块(不用进行判断)，直到遇到
    break或者default
  • case判断时 day===”1” ，数据类型，数值都要相同
    阅读全文 »

发表于 | 分类于

marquee标签 :滚动

1
2
3
<div class="">
	<marquee behavior="" direction="left"></marquee>
</div>

behavior：文字滚动样式scroll,slide,alternate

  • scroll:滚动
  • slide:滑动
  • alternate:碰撞滚动

direction:文字滚动方向 left,right,up,down

  • left:从右向左
  • up:从下向上

loop:文字滚动次数

scrolldelay:每次滚动的时间间隔(毫秒)

scrollamount:每次滚动之间的间隔像素

list列表

有序列表

1
2
3
<ol type="1">
	<li></li>
</ol>

type值：

发表于 | 分类于

标签属性

  • <thead></thead> 头部
  • <tbody></tbody> 主体

  • <tfoot></tfoot> 底部

  • <table></table> 表格
    cellspacing：单元格间的间距
    cellpadding：单元格内的留白
    width：表格宽度

  • <th></th> 表头

  • <tr></tr> 行
  • <td></td> 列
  • <caption></caption> 表标题

合并单元格

rowspan 合并行
colspan 合并列

阅读全文 »

发表于

2D转换transform

  • 属性值scale(2)；放大2倍
  • 属性值translate(20px,30px)；移动 X轴，Y轴
  • 属性值rotate(60deg)；旋转 60度

transition过度

1
2
3
4
5
6
7
8
9
.box{
	width:200px;
	height:200px;
	background-color: green;
	transition:transfrom 2s;
}
.box:hover{
	transform:rotate(20deg);
}

transition属性写在发生变化前

  • transition:transfrom 2s; 发生变化的过度时间

bootstrap栅格系统

在项目中导入文件bootstrap.min.css,bootstrap.min.js,jquery-3.2.1.min.js，栅格系统能够自动适应屏幕变化

阅读全文 »

发表于 | 分类于

form 表单

1
2
3
<form action="" method="post">
</form>

action：表单的提交位置

method：方法

  • 属性值post：不显示参数,安全性高
  • 属性值get：会显示参数，速度比post快

input标签

1
<input type="" name="" id="" value="" />

type属性：input类型

  • 属性值text：文本类型
  • 属性值password：密码，输入字符显示为点或*
  • 属性值button：按钮类型
  • 属性值radio：单选框，name值要一致
  • 属性值file: 上传文件
    阅读全文 »

发表于 | 分类于

Position定位

属性值

  • absolute：绝对定位
  • relative：相对定位
  • fixed：固定定位
  • static：默认值。没有定位，元素出现在正常的流中

absolute：绝对定位

漂浮于上层，脱离下层文档流。绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块(即body).一般情况下会在页面最大容器设置position:relative

relative：相对定位

占据标准文档流位置，相对于元素原来位置的定位。会与其他元素重叠

fixed：固定定位

相对于body层的定位，固定在屏幕某一位置。

阅读全文 »

发表于 | 分类于

在类AppearTime 中创建接口IClear，并创建接口内部类MyClear，在main主方法中初始化MyClear

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
public class AppearTime {
	public static void main(String[] args) {
		// TODO Auto-generated method stub
		MyClear clear=new AppearTime().new MyClear();
		clear.clear();
	}
	//内部接口
	interface IClear{
		public void clear();
	}
	//接口实现类
	class MyClear implements IClear{
		@Override
		public void clear() {
			// TODO Auto-generated method stub
			System.out.println("do clear...");
		}
		
	}
}

内部接口类在调用时不能直接调用

1
MyClear clear=new MyClear;  // 会报错

应该写成

1
MyClear clear=new AppearTime().new MyClear();

发表于 | 分类于

详解：http://www.jb51.net/article/49230.htm

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<html>
	<head>
	<!-- 1、函数调用模式 this指全局对象，即windows对象  -->
		<!-- <script type="text/javascript">
			var func=function(){
				alert("Hello");
				alert(this);
			};
			func();
		</script> -->
	<!-- 2、方法调用模式 this指当前对象-->
		<!-- <script>
			//定义一个函数
			var func=function(){
				alert(this);
			};
			//赋值给一个对象
			var o={};
			o.fn=func;//不要加圆括号
			alert(o.fn===func);
			func();
			o.fn();
		</script> -->
	<!-- 3、构造函数调用模式 this指当前对象-->
		<!-- <script type="text/javascript">
			//定义一个构造函数
			var Person=function(){
				this.name="程序员";
				this.sayHello=function(){
				//所有需要由对象使用的属性，必须使用this引导
					alert("你好，这里是"+this.name);
				};
			};
			//调用构造器，创建对象，使用new语法
			var p=new Person();
			//使用对象 this是new 创建出的对象p
			p.sayHello();
		</script> -->
		<!-- <script type="text/javascript">
			var ctr=function(){
				this.name="Max";
				// return {
				// 	//返回一个对象，页面中返回此值
				// 	name:"Jasper"
				// };
				// 返回 非对象，字符串数值，页面中返回this对象
				return "Jasper";
			};
			//创建对象
			var p=new ctr();
			//访问name属性
			alert(p.name);
		</script> -->
	<!-- 4、apply调用模式 可以像函数一样使用，也可以像方法一样使用 -->
		<!-- 4-1、相当于函数调用 -->
		<!-- <script type="text/javascript">
			var func1=function(){
				this.name="程序员";
			};
			func1.apply(null);
			alert(name);
		</script> -->
		<!-- 4-2、相当于方法调用 -->
		<!-- <script type="text/javascript">
			var func2=function(){
				this.name="程序员";
			};
			//name属性传入到o当中
			var o={};
			func2.apply(o);
			alert(o.name);
		</script> -->
	</head>
	<body>
	
	</body>
</html>

发表于 | 分类于

我为什么开始找寻生命的意义？

过去5年，每年7-8月，我都好像着了魔一样，集中思考一些比较抽象的问题。这期间就会努力去看书、问人，会迎来一次价值观和大脑系统的升级，伴随而来的是，个人生活的言行都伴随改变，迎来一次升级。

在心理学上，我这样的情况，是典型的self-driven自我驱动型人格。

后来我反思，大概是每年7-8月，有较多的空闲时间，闲情便有逸志，便会开始思考生命中更重大的命题，于是会自然将去年一年的经历沉淀加工，化作未来成长的养料。

两年前的7-8月，我的思考集中在：生命的意义究竟在哪里？

应当是成长和经历、思考积累到了一定的阶段，自然而然开始思考这一问题。

对比很多天才和心智成熟非常早的人，我的思考应当算是非常晚的，但人生是自己的，从开始正式思考“生命的意义”开始，便注定走上一条不同的道路。

阅读全文 »