- 博客(7)
- 收藏
- 关注
原创 HTTP缓存笔记
什么是http缓存?当浏览器第一次访问网页时需要加载html,css,js,img等文件,如果在下一次访问的时候不完全重新加载所有的文件,可以利用缓存将一些资源缓存起来,从而提高网站的访问速度。强制缓存当浏览器第一次想服务器发送请求,服务器想浏览器对某些数据进行缓存就会在响应头里面增加一个Cache-Control,并设置其属性max-age为缓存有效时间。如果下一次再访问这个资源,浏览器会检查本地资源是否过期,如果没有过期,则会直接从缓存中拿到数据并渲染。如果缓存资源过期了则会重新向服务器发送请
2021-08-25 21:23:19 38
原创 Webpack学习笔记
Webpack配置Webpack五个核心概念:1.Entry:入口指示webpack从哪开始打包。2.output:输出指示,webpack打包后的资源bundle.js应该输出到哪里去,以及如何命名。3.Loader:loader让webpack能够去处理那些非js文件(webpack本身只理解js)4.Plugins:插件可以用于执行范围更广的任务,插件的范围包括,从打包优化和压缩,一直到重新定义环境中的变量等。5.Mode:[外链图片转存失败,源站可能有防盗链机制,建议将图片保
2021-08-24 13:14:35 66
原创 圣杯布局和双飞翼布局
圣杯布局:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
2021-08-23 19:59:49 46
原创 三栏布局实现
三栏布局实现:float实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-08-22 19:22:03 26
原创 CSS Grid网格布局
CSS Grid网格布局Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。Grid 布局远比 Flex 布局强大display: grid指定一个容器采用网格布局。默认情况下,容器元素都是块级元素,但也可以设成行内元素。div { display: inline-grid;}注意,设为网格布局以后,容器子元素(项目)的float、display: inli
2021-08-22 16:49:04 49
原创 HTTP状态码
HTTP状态码状态码分类:1**:信息性状态码2**:成功状态码3**:重定向状态码4**:客户端错误状态码5**:服务器内部错误常见的几种状态码:200:表示从客户端发送的请求被正常处理了。在响应报文中,会根据方法的不同而发生改变。使用get方法,对应的请求的资源的实体会作为响应返回;head方法,在响应中只会返回首部,不会返回实体的主体部分。204:请求处理成功,但没有资源返回206:范围请求,content-range指定范围的实体内容301:永久性重定向302:临时性重定向
2021-07-08 20:27:33 29
原创 缓存服务器
缓存是指代理服务器或客户端本地服务器保留的资源副本。缓存服务器是代理服务器的一种,当代理服务器转发从服务器的返回的响应时,代理服务器会保存一份资源的副本。缓存的优点:1.减少源服务器的访问2.节省了通信流量和时间缓存的有效期限:即使存在缓存也会因为客户端的要求,缓存的有效期等因素,向源服务器确认资源的有效性。若判断缓存失效,缓存服务器会再次从源服务器上获取新的资源。缓存不仅可以存在服务器中,也可以存在客户端浏览器中。把客户端缓存称为临时网络文件...
2021-07-08 19:45:34 404
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人