A-A+

知识点新

2018年08月24日 JavaScript 暂无评论 阅读 18 次

知识点: 小的知识点即已完成梳理的不足以单开文章的小知识点.

inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移

vertical-align: bottom
参考

setTimout(()=>{},0) 有什么用

setTimeout(fn, 0)的作用,它可以将最后两个语句添加到运行队列的队尾,
并保证在浏览器处理完其他事件之后再运行最后这个方法。

JavaScript下的setTimeout(fn,0)意味着什么? (待实践,转至知识点)

浏览器渲染页面的过程

  1. 用户输入 URL 地址
  2. 浏览器解析 URL 解析出主机名
  3. 浏览器将主机名转换成服务器 ip 地址(浏览器先查找本地 DNS 缓存列表 没有的话 再向浏览器默认的 DNS 服务器发送查询请求 同时缓存)
  4. 浏览器将端口号从 URL 中解析出来
  5. 浏览器建立一条与目标 Web 服务器的 TCP 连接(三次握手)
  6. 浏览器向服务器发送一条 HTTP 请求报文
  7. 服务器向浏览器返回一条 HTTP 响应报文
  8. 关闭连接 浏览器解析文档

浏览器打开一个页面前端缓存了哪些东西?

我:后端通过设置响应头 CacheControl设置资源过期时间,用于缓存一些静态资源
DNS 缓存
缓存了 session

get和post区别

  1. get是将参数附在url后面,post是http实体数据发送给服务器,
  2. 大小限制
  3. get会被缓存在浏览器端,不安全
  4. 获取方式不同,$_GET 和$_POST

mvc理解(待完善)

m moudel  模型
v view  视图层
c  controller  控制层

http状态码

200链接正常,响应和数据头将返回, 301永久转移,404请求失败,303临时URL请求,408 请求超时,500服务器错误

1,临时响应,2,正常,3,跳转,4, 错误,5,服务器错误

闭包优点

  1. 优点
    可以读取函数内部变量 2 把变量始终保存在内存中 3.匿名函数自执行,4.封装
  2. 缺点:
    ???

Object.getOwnPropertyNames / Object.keys

Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性)组成的数组。

Object.keys() 方法会返回一个由给定对象的所有可枚举自身属性的属性名组成的数组,数组中属性名的排列顺序和使用for-in循环遍历该对象时返回的顺序一致(两者的主要区别是 for-in 还会遍历出一个对象从其原型链上继承到的可枚举属性)。

css

图片水平垂直居中对齐的四种做法

<div class="img img1">
<img src="http://dummyimage.com/200x200/f66/"/>
</div>
.img1 {
    position:relative;
}
.img1 img {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

图片水平垂直居中对齐的四种做法

##

标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利.   Theme  Ality

用户登录