前言：实验环境：我们前三章搭建好的Lnmp架构。原理分析： 浏览器发送http request请求到服务器（Nginx）,服务器响应并处理web请求，将一些静态资源（CSS，图片，视频等）保存服务器上，然后将php脚本通过接口传输协议（网关协议）PHP-FCGI（fast-cgi）传输给PHP-FPM（进程管理程序）,PHP-FPM不做处理，然后PHP-FPM调用PHP解析器进程，PHP解析器解析
转载
2024-06-06 11:40:06
179阅读
环境：VMware-Workstation-12-Pro，Windows-10，CentOS-7.5，Xshell51 概述如果我们的架构是前端负载均衡后端WEB集群时，可以开启nginx的缓存功能，把静态资源缓存到负载均衡机器上，这样负载均衡机器不用每次都去后端WEB集群获取资源，从而提高效率，当然单台机器开启缓存功能也是一样。2 火速看到效果参考nginx配置[root@lb01 ~]# ho
转载
2024-03-26 07:33:46
213阅读
WordPress博客里大量的图片会使页面加载速度变得缓慢。 此时访问者需要用更多时间才能打开一个页面。 不过我们可以通过缓存图片来解决这个问题。 当页面第一次被加载时，将所有图片存放在浏览器的缓存池里。 之后访问者再加载该页面时，浏览器就可以从浏览器缓存中获取图片，从而减少页面加载时间。对Apache服务器上的WordPress博客/网站，可以通过编辑根目
转载
2024-07-03 18:05:26
584阅读
我们都知道对页面进行缓存能够有利于减少请求发送，从而达到对页面的优化。不过在我前端工作的生涯中一直以为前端就是写写页面，写写交互，就已经很了不起，这种没有志向的想法发导致我日后的工作一直处于瓶颈。做人嘛总要有梦想嘛，不然跟一条咸鱼有什么区别。最近我一直在关于前端优化的问题，原来对页面进行有效缓存对于响应速度会大大提高。我也是综合自己看到的几篇
转载
2024-04-29 10:01:04
159阅读
思想 层叠样式表（Cascading Style Sheets） 用来表现HTML或XML等文件样式 分层设计，把颜色、大小、位置等信息剥离到出来，html只关心提供什么内容 语法 选择器 { 属性 : 值 } selector {property: value} 注释 /* 内容 */ 选择器 元
转载
2020-03-15 16:19:00
81阅读
2评论
CSS就是可以理解为一个美工，用来美化HTML的，从零开始学习CSS
原创
2022-10-31 15:26:24
76阅读
前端js与CSS一直是自己的一个痛点。只能说尽量多学一点吧。这里有几点对自己的总结：①当一个标签中有多个样式的时候，我们可以设置一个为最高等级，那么就会将这个样式展示出来。添加!important; 属性。style="width:180px !important;" ②在调试的时候要整体调试，先要找到是哪个组件。<
原创
2017-04-20 16:15:22
720阅读
CSS 如何学习 css是什么 css怎么用（快速入门） css选择器 美化网页 盒子模型 浮动 定位 网页动画（特效） 1 什么是css Cascading Stytle Sheet层叠级联样式表 css：表现（美化网页） 字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动 1.2 发展史 ...
转载
2021-08-02 20:00:00
89阅读
2评论
每日测验 """ 今日考题 1.ascii,gbk,utf-8,gbk的区别 2.请用至少两种方式实现m与n值交换m=10,n=5 3.什么是深浅拷贝 4.什么是HTTP协议 5.列举你所知道的HTML标签 """ 昨日内容回顾 Web的本质 """ 浏览器 服务端 文件(html文件) """ 课 ...
转载
2021-08-31 19:37:00
114阅读
文章目录1.分类2.强缓存2.1 Expires2.2 Cache-Control3.协商缓存4.扩展4.1 缓存失效问题1.分类前端缓存分为强缓存和协商缓存两种
原创
2022-05-26 01:32:16
234阅读
什么是web缓存web缓存主要指的是两部分：浏览器缓存和http缓存。浏览器缓存：比如,localStorage,sessionStorage,cookie等等。这些功能主要用于缓存一些必要的数据，比如用户信息。比如需要携带到后端的参数。亦或者是一些列表数据等等。注意，像localStorage，sessionStorage这种用户缓存数据的功能，他只能保存5M左右的数据，多了不行。cookie则
原创
2022-09-07 21:29:01
302阅读
前端缓存的优势1、可配置需要缓存的资源；2、网络无连接应用仍可用；3、本地读取缓存资源，提升访问速度，增强用户体验；4、减少请求，缓解服务器负担。前端缓存的实现在需要应用缓存在页面的根元素(html)里，添加属性manifest="demo.appcache"。路径为以 .appcache 为后缀的缓存清单文件<!DOCTYPE html>&l...
转载
2022-07-12 17:09:33
69阅读
import java.io.*; import java.util.*; import javax.servlet.*; import javax.servlet.http.*; import com.elink.util.*; public&nb
转载
精选
2011-09-16 16:05:32
1885阅读
目录一:CSS1.什么是CSS？2.CSS3语法3.语法结构4.注释语法5.css代码书写位置(引入方式）二:scc代码书写位置(引入方式实战)1.style内部直接编写css代码2.link标签引入外部css文件3.标签内直接书写三:css注释管理四:基本选择器(重要)1.css是用来调节标签样式的 那为什么需要学选择器呢?2.标签选择器>>>:通过标签名直接查找3.类选择器(
转载
2024-06-14 10:02:18
94阅读
这周遇到了一个新需求，产品反馈地图瓦片服务的图片资源没有Http缓存，每次移动地图范围都会向后台发处请求/响应数据，影响了客户端的地图加载体验。所以需要增加这样一种缓存：1）针对同一个请求资源地址URL，首次加载需要缓存数据，后续加载直接读取缓存；2）后台数据发生更新时，需要实时更新缓存； 在完成这个需求之前，我借机补习了一下前端的缓存体系：一 HTTP缓存 提起前端缓存，首先
转载
2024-02-17 13:26:24
17阅读
1.http缓存机制，浏览器缓存到底是什么？所谓的http缓存，就是浏览器自己给你的一个功能，一个缓存数据库，夹在服务端和客户端中间，你只需要设置一些参数即可实现 缓存/不缓存/时效内缓存/时效外缓存等（默认存在缓存）浏览器缓存分为强缓存和协商缓存，浏览器加载一个页面的简单流程如下：（1）浏览器先根据这个资源的http头信息来判断是否命中强缓存。如果命中则直接加在缓存中的资
转载
2023-08-27 17:20:25
70阅读
前端缓存，主要分为两种，HTTP缓存和浏览器缓存。HTTP缓存，主要存在于服务器请求传输时需要记录的一些参数，在服务器代码上设置。浏览器缓存，主要是由前端JS代码主动存储的某些参数。缓存是前端项目性能优化中简单高效的一种方式。优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。例如：前端需要发起一个数据请求，可以分为发起网络请求、后端处理
转载
2023-08-21 16:22:27
106阅读
