笔记

笔记

1：媒体查询可以适配主流的机型

2：

• iphone4/4s : 320px;
• 三星note3 : 360px;
• iphone6 : 375px;
• iphone6p : 414px;
• others : 384px/424px/720px/400px/480px/300px/414px/540px

3：

@media (min-width:360px) {
	html {
		font-size:56.25px;    //1rem
	}
}

4：初始化

• 列表内容

input框和textarea框初始化

input,textarea {
	reaize:none;
	outline:none;
	border:none;
	-webkit-appearance:none;
}

• 清楚浮动

.clearfix::before,.clearfix::after {
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	clear:both;
}

5：

• 变量–>mixin / rem适配

//.px2rem:一个方法，自定义，传参@px，默认750px.

.px2rem (@px:750px) {
	font-size:@px/750px*100;
}

@media (min-width:320px) {
	html {
		.px2rem(320px);  //调用方法 320px是传入的参数
	}
}

• 合并

//.px2rem:一个方法，自定义，传参@px，默认750px.

.px2rem (@px:750px) {
	@media (min-width:@px) {
		html {
			font-size:@px/750px*100;
		}
	}
}
//如果屏幕尺寸小于最小尺寸320px，则设置默认尺寸为320px的情况下：font-size:42.666px;==(320/750*100)
//调用方法，传入实参
.px2rem(320px);
.px2rem(750px);
...

//定义过rem中要在html中使用rem-->body {font-size:1rem;}

6：MVC目的是为了降低代码的耦合度。本质是一种组织代码的结构思想。

7：前端数据库：web sql

8：面向对象： Data(数据)/Function(行为)
类–>实例
object–>堆–>值引用–>双内存–>形参(运行完销毁)
int/double–>栈–>先入后出–>对象引用–>单引用
值引用/对象引用
(后)不可变对象：int/double/string–>基本类型
string大批量拼接字符串的时候不可用，因为拼接的时候都要创建新内存，大批量拼接的时候用string buffer;
(前)string拼接也会有效率问题，大量时：优化，将变量做成数组，然后push(),最后join(’’),变成string.

9：高级查询中，加时间只能加一次！！！在初始化的时候加最好。(闭包)

10：对象引用只操作一个对象。数组也是一个对象。所以在其他方法中操作一个对象时需要clone一下该对象。

11：slice(0);复制的数组对象不是深层复制，它只是将对象的指示地址复制。

12：(1){}对象中用this;(2)方法后，new出一个方法对象后可用this;(3)闭包中可用this;

13：CS架构/BS架构