问题背景a.浏览器端在每次发布新的版本时候，总会出现因为单页面项目中index.html文件（200 ok from disk cache 不发送请求，直接取用了本地磁盘缓存）和服务端版本不一致的问题，导致用户不能及时更新，需要通过手动刷新来强制从服务端更新文件。b.补充一下，服务端和浏览器之间架构。三级缓存问题上述，我们看到浏览器没有发出请求直接从磁盘中取出index.html文件，这其实是二级
转载
2024-03-28 21:12:58
207阅读
Fiddler抓包时，会有很多我们不需要关注的请求，我们可以通过 Filter标签 设置 Fiddler 的过滤规则，这样我们就可以只拿到我们关注的请求了。 步骤： 1、选择 Filters 页签； 2、勾选 Use Filters （是否使用过滤功能），我们勾选上； 3、Hosts：通过主机名来进 ...
什么是CSS-in-JS？顾名思义，CSS-in-JS就是可以使用JS来编写CSS样式，那么为什么要用JS来编写CSS呢？我写CSS写的好好的，干嘛非给自己找不自在呢？相信以前大家都听说过这么一个词：关注点分离，就算没听过这个词那么你肯定至少也听说过这么一句话：要把HTML、CSS和JS分开编写，不要写在一起形成耦合，不要写行内样式和行内脚本等，比如像这样?CSS-in-JS但是React的出现打
转载
2024-05-22 15:45:26
45阅读
Fiddler抓包时，会有很多我们不需要关注的请求，我们可以通过 Filter标签 设置 Fiddler 的过滤规则，这样我们就可以只拿到我们关注的请求了。
转载
2023-12-01 10:52:39
881阅读
缓存，不管是PC 端还是移动端，不可避免的问题。vue中有一个keepAlive,这个api 基本 能实现我们开发的一些需要。 一、简单介绍下keep-alive: 1、把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染，实现页面缓存； 2、<
转载
2023-06-01 15:30:27
309阅读
Nginx作为web缓存服务器0.7.48版本开始，Nginx支持类似Squid的缓存功能。Nginx的web缓存服务主要由proxy_cache相关命令集合fastcgi_cache相关命令集构成，前者用于反向代理时对后端内容源服务器进行缓存，后者主要用于对FastCGI的动态程序进行缓存。此外，如果不想使用Nginx自带的缓存功能，也可使用第三方模块ngx_slowfs_cache来实现缓存服
转载
2024-03-01 14:39:32
165阅读
在开发网站的过程中，为了提高用户的访问速度和整体性能，我们通常会将一些静态文件（如js和css文件）缓存起来。这样做能够有效减少网站对服务器的请求次数，从而减轻服务器的负担，提高网站的响应速度。在Linux环境下，我们可以通过一些方法来实现对js和css文件的缓存，下面我们就来具体了解一下。
首先，我们可以利用Nginx来实现对js和css文件的缓存。Nginx是一个高性能的HTTP和反向代理服
原创
2024-05-24 11:13:47
160阅读
环境：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阅读
众所周知，Nginx是一个高性能的web服务器，尤其在高并发和处理静态页面的时候有先天的优势；很大一部分得益于缓存的开启，那么如何开启nginx的缓存呢。简单来说可以分两步：1.定义缓存存储目录并指定共享内存空间2.在location里指定共享内存空间具体实现如下：user www;
worker_processes auto;
events {
worker_connections 4096;
转载
2024-03-08 18:50:11
569阅读
你怎么DispatcherServlet拦截"*.do"这有一个后缀URL。就不存在訪问不到静态资源的问题。假设你的DispatcherServlet拦截"/"，为了实现REST风格，拦截了全部的请求。那么同一时候对*.js,*.jpg等静态文件的訪问也就被拦截了。要解决问题。目的：能够正常訪问静态...
转载
2015-09-28 13:35:00
93阅读
2评论
space-between靠两边 排版space-around居中排版布局Obj: [], // [] & '' 是有区别的 ...
原创
2019-01-15 21:00:01
425阅读
# 如何实现 Vue.js 缓存视频
## 引言
在使用 Vue.js 开发过程中，我们经常需要处理视频相关的功能，其中一个常见的需求是缓存视频。本篇文章将向你介绍如何在 Vue.js 中实现视频缓存的步骤和相应的代码。
## 整体流程
下面的表格将展示实现视频缓存的整个流程：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 创建一个 Vue.js 项目 |
| 2 |
原创
2023-07-27 05:32:50
1351阅读
问题记载：1.在配置Tomcat集群失效时，配置Nginx跳转有问题 参考文件:Nginx原理理论部分详解 : http://blog..net/wave_1102/article/details/44479321Nginx 反向、负载均衡、页面缓存、URL重写及读写分离详解：大纲一、前言二、环境准备三、安装与配置Nginx四、
转载
2024-08-01 12:41:23
442阅读
第一步：添加nginx.conf的http级别的缓存配置 ##cache##
proxy_connect_timeout 500;
#跟后端服务器连接的超时时间_发起握手等候响应超时时间
proxy_read_timeout 600;
#连接成功后_等候后端服务器响应的时间_其实已经进入后端的排队之中等候处理
proxy_send_timeout 5
转载
2024-02-21 20:05:47
520阅读
一、 背景在工作中我们经常须要构件一些基于web的项目，例如内部测试平台、运维系统等。本篇主要介绍如何使用后端Django + 前端Vue.js的技术栈快速地搭建起一套web项目的框架。为什么使用Django和Vue.js?Django是Python体系下最成熟的web框架之一，由于Python语言的易用性和受众面广，Django框架也因其能够快速开发网站应用的特性成为了中小型网站开发框架首选。且
网页的美化主要靠CSS。Vue.js也可以借助CSS实现更好的效果。一、什么是CSS这里就不介绍了。对开发者而言，所有的样不过...
原创
2023-02-19 01:37:17
222阅读
避免版本升级浏览器缓存文件的问题
转载
2020-09-20 16:32:00
186阅读
2评论
如何你的DispatcherServlet拦截"*.do"这样的有后缀的URL，就不存在访问不到静态资源的问题。 如果你的DispatcherServlet拦截"/"，为了实现REST风格，拦截了所有的请求，那么同时对*.js,*.jpg等静态文件的访问也就被拦截了。
先下图，我做的项目是用html做跳转，由于代码洁癖，尽量使用纯ajax和html作为交互显示页面，用springMVC做后台
转载
2021-08-20 13:52:11
409阅读
推荐库：GitHub - fengyuanchen/compressorjs: JavaScript image compressor.vant 上传压缩示例：npm icompressorjs -simport Compressor from 'compressorjs';before-read 回调中
原创
2022-05-16 11:34:45
406阅读
VUE 项目如何快速优化？参考地址：https://mbd.baidu.com/newspage/data/landingsuper?context=%7B%22nid%22%3A%22news_9738341038034501697%22%7D&n_type=0&p_from=1优化策略 生成打包报告 修改webpack默认配置 加载外部CDN资源 路由懒加载 开启gizp配置一
转载
2024-05-22 15:14:54
67阅读
