笔记

笔记

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架构