写代码的一个优雅的绅士原则！

见名知意

var d = (a > 2) ? b[2] : null;

var d = 判断式? 表达式1 : 表达式2  //这个符号叫三元运算符。如果判断式结果为true，就返回表达式1否则，返回表达式2


function setCookie(f, g) {
    var b = setCookie.arguments; //读所有的参数
    var a = setCookie.arguments.length; //参数个数
    var d = (a > 2) ? b[2] : null; //如果参数大于或者等3个，那么就让d = 第三个参数，否则为null
    if (d != null) {
        var e = new Date(); //声明一个日期对象
        e.setTime(e.getTime() + (d * 1000 * 3600 * 24)) // 就是设置有效时间。
    }
    document.cookie = f + "=" + escape(g) + ((d == null) ? ";path=/" : ("; expires=" + e.toGMTString())) + ";path=/"
}

cookie 是存在浏览器侧的一种信息，用于存一些身份或者临时于会话（session）相关的内容，凭据等。

网络连接

网络连接 Connection = 请求（Request） + 响应（Response）

请求

Header ，Body

Header ，

Header里面有cookie（这个东西用来在浏览器端保存一些内容，如上）

正常来说，cookie，得有时效。一般设置缓存，cookie，session等都会加个时效。

伪代码： setCookie(‘cookie项’,’cookie值’,有效时间)

setCookie(‘idnumber’,’371122….’,7) //设置身份证号码为这个值，并且7天有效。

响应

Header Body

Session 也是用来存会话信息的。服务器侧。

写前端的步骤

写结构html

写样式css

写全局

1.通用规则 * a li ul ol. font-size

1rem= 1根元素的font-size

2.定义全局样式

写元素

1.定宽高

2.定布局

3.定位置

写行为JS

css

如果一个元素被指定为absolute以后，宽度会被重置为0。

类选择器

ID选择器

伪类选择器 :

text-align: center;让块中的字居中

z-index

overflow: hidden;

display: inline-block;

justify-content: flex-end;最右边

margin-left: auto;右

flex-direction: row;

flex-direction: column

justify-content: center ：flex上下居中

justify-content: space-between;

border: 1px solid black; /* 1px 宽的黑色实线边框 */

display: flex;

display：none；

font-weight: 600;字体粗度

line-height: 1.625rem;字间隙

line-height: 2.8125rem

background背景

font-size:36px;字体大小

margin: 0 auto;居中

line-height: 46px;

font-size: 18px;

border-right: 1px solid #FFFFFF;

text-align: center;div字体居中
color: #0a4d8c;
1. text-overflow: ellipsis;超出行宽的字变成….
2. white-space: nowrap;压缩成一行
3. overflow: hidden;

margin:的三种情况

只有一个数字的时候，表示四个方向上的值都是他。如margin:0 表示，上margin-top右margin-right下margin-bottom左 margin-left都为0
只有两个数字的时候，第一个数字，表示上下方向，第二个数字表示左右方向，如：margin:10px 20px; 表示，margin-top:10px; margin-bottom:10px; margin-left:20px; marign-right:20px; ）（为什么有些div居中会写成 margin:0 auto;） auto自动的意思是，自动计算。想让他居中，是有前提，需要明确父元素和子元素的宽度。
三个数字的时候。第一个数字，表示上，最后数字表示下，中间的表示左右。margin:0 10px 20px; margin-top:0 ;margin-right:10px; margin-bottom:20px; margin-left:10px;
四个数字的时候：上、右、下、左。

padding:的情况

一个数字，表示上游下左都是这个值
两个数字
三个数字
四个数字不一样在哪里？在两个数字的时候，没有 padding: 0 auto;内间距，没有auto的说法

inline 表示行内。文本，块，都可以是行内。

!import 提高当前规则的优先级，标签内样式都得让步。

正常一个网页

头部 header（顶） top

身体-> 内容主体 main（中） body content middle

脚步（底）footer bottom

phalcon project –name=hello word –directory=./–type=simple –template-engine=volt

Application

英语

absolute 绝对。

background

CSS