我们都知道对页面进行缓存能够有利于减少请求发送，从而达到对页面的优化。不过在我前端工作的生涯中一直以为前端就是写写页面，写写交互，就已经很了不起，这种没有志向的想法发导致我日后的工作一直处于瓶颈。做人嘛总要有梦想嘛，不然跟一条咸鱼有什么区别。最近我一直在关于前端优化的问题，原来对页面进行有效缓存对于响应速度会大大提高。我也是综合自己看到的几篇
转载
2024-04-29 10:01:04
156阅读
1. Linux与Windows平台分区使用上的区别Windows的分区可以通过磁盘管理器查看，参考如下：如上图所示：这台电脑上共有两块硬盘，其中磁盘0上有三个分区，且前两个分区分别挂载到盘符D:及F:，也就是我们在我的电脑里面看到的D盘和F盘；磁盘1上的第一个分区挂载到系统盘C:。注意着两块硬盘上各有一个分区并没有挂载到任何盘符，windows不能直接打开操作这里面的文件(实际上是本机
前提条件1.安装好k8s 可以参考kuboard部署k8s 亲测kubernetes_v1.18.3成功安装无坑 2.安装过程中请确保网卡为默认网卡2.1. 如果之前有安装过k8s没成功，查看网卡有docker0网卡的的请将网卡这里的docker0网卡删除`#停止docker 服务
service docker stop
#用ip命令使docker0网卡down掉
ip link set dev
转载
2024-08-09 07:31:43
387阅读
这篇文章其实已经准备11个月了，因为虽然我们年初就开始使用 Angular 的微前端架构，但是产品一直没有正式发布，无法通过生产环境实践验证可行性，11月16日我们的产品正式灰度发布，所以是时候分享一下我们在使用 Angular 微前端这条路上的心得（踩过的坑）了，希望和 Angular 社区一起成长一起进步，如果你对微前端有一定的了解并且已经在项目中尝试了可以忽略前面的章节。什么是微前端微前端这
转载
2024-09-29 14:41:15
42阅读
电脑内存运行速度如何提升是一个经常提到的话题，需要了解一些基本的电脑知识来处理，下面学习啦小编介绍内存升级提高电脑运行速度的办法。电脑内存运行速度提升方法1.调整高速缓存区域的大小。所谓高速缓存，是指系统在读取磁盘、光盘上的数据时，采取“预读取”技术，也 就是将估计即将要读取的数据预先读取到内存的高速缓冲存储器中，这样CPU在高速缓冲存储器中读取数据时就较快，从而提高运行速度。在内存中设置高速缓冲
转载
2024-03-22 10:38:39
104阅读
一、场景：页面功能不可用，打开控制台发现js静态资源找不到，见下图二，分析：可能是由于Nginx上发布了新版本，而浏览器存在缓存，此次操作仍然请求的是原来的静态资源。 ps：什么情况用缓存，什么情况会更新？ js文件比
转载
2024-10-28 13:37:44
55阅读
主机配置规划服务器名称(hostname) 系统版本 配置 内网IP 外网IP(模拟) k8s-master CentOS7.7 2C/4G/20G
转载
2024-02-29 19:42:17
385阅读
介绍在工作之余阅读缓存相关的书籍时，看到了http缓存相关的知识，HTTP 缓存机制是一个 web 性能优化的重要手段，无论是做前端还是做web后台，都可能会用得到它，应该是知识体系库中的一个基础环节，以前这一块学的不是很扎实，现在整理资料巩固巩固。HTTP缓存可以说是浏览器缓存的其中一种，浏览器缓存也包含很多内容：HTTP 缓存、indexDB、cookie、localstorage 等等。这里
转载
2024-06-21 13:08:09
163阅读
常用的JavaScript设计模式单体模式工厂模式例模式函数函数的定义局部变量和全局变量返回值匿名函数自运行函数闭包基于公司中标某公司项目，作为项目产品组一员，前期负责服务器环境搭建部分。技术架构如下： 其中，主要实现点如下：基于外网APP访问内网Web服务需求，应用nginx反向代理解决。基于内网Web服务访问外网Internet服务需求，应用nginx正向代理解决。随着访问并发量的增加，反向代
前言
一般情况下，前端在开发本地项目的时候大都用不到https，但有些特殊情况不同，比如你需要使用service worker，又或者需要使用cookie而后端又设置了secure。nextjs本身提供了直接通过https启动项目的方法，所以假如『https://localhost:port[1] 』 这种域名就能满足需求的话，建议直接按照nextjs官方提供的方法进行配
导语：目前服务通过ingress转发到前端的pod的80，前端的pod是nginx的80端口，转发到后端的port。但是每次更新后端的pod后都需要reload一下前端的nginx才能访问服务，否则就是404。经过排查发现将svc的类型从headless 更换为普通的cluster ip就不会出现这个问题。Headless Service “无头服务” 。 Headless Service不需要分
转载
2023-10-03 19:03:42
216阅读
1. 方式一：不发送请求，直接使用缓存文件
2. 方式二：发送请求，选择性使用缓存文件
3. 其它说明
1. 方式一：不发送请求，直接使用缓存文件 （1.1）原理浏览器通过url请求文件时，若被请求的文件在客户端有缓存，则检查已缓存的时间是否过期，若未过期，则不会发送请求到服务器，而直接获取客户端缓存的文件，否则发送请求到服务器请求文件。（
转载
2024-10-08 13:37:03
79阅读
前端多环境部署前端程序一般会部署在开发、生产等不同环境中，各个环境的配置信息可能不同。例如:api域名// 生产
baseUrl="http://www.xxx.com";
// 开发
// baseUrl="http://www.xxx.cn";日志打印控件// 生产
new Vconsole();
// 开发
// new Vconsole();移除日志打印// 生产
// babel.con
转载
2024-08-14 00:45:04
15阅读
前言灰度发布，大家可能并不陌生，这是很多互联网行业上线的必经一环，但是这里说的广义的“灰度”发布，可能并不仅仅是发布上线，比如配置的灰度变更等等，这里主要对于笔者遇到的情况做一个整理。前端的灰度这个很好理解，比如京东、滴滴打车等这些微信小程序，在开发完成后进行发版本，可以控制放量，比如先灰度 10%的人群，那么只有10%的人群可以看到最新的小程序功能，剩余的还是看不到。 也正是这种方式，在前端也可
转载
2024-10-12 15:59:20
65阅读
前端缓存的优势1、可配置需要缓存的资源；2、网络无连接应用仍可用；3、本地读取缓存资源，提升访问速度，增强用户体验；4、减少请求，缓解服务器负担。前端缓存的实现在需要应用缓存在页面的根元素(html)里，添加属性manifest="demo.appcache"。路径为以 .appcache 为后缀的缓存清单文件<!DOCTYPE html>&l...
转载
2022-07-12 17:09:33
69阅读
文章目录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阅读
前端缓存，主要分为两种，HTTP缓存和浏览器缓存。HTTP缓存，主要存在于服务器请求传输时需要记录的一些参数，在服务器代码上设置。浏览器缓存，主要是由前端JS代码主动存储的某些参数。缓存是前端项目性能优化中简单高效的一种方式。优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。例如：前端需要发起一个数据请求，可以分为发起网络请求、后端处理
转载
2023-08-21 16:22:27
106阅读
这周遇到了一个新需求，产品反馈地图瓦片服务的图片资源没有Http缓存，每次移动地图范围都会向后台发处请求/响应数据，影响了客户端的地图加载体验。所以需要增加这样一种缓存：1）针对同一个请求资源地址URL，首次加载需要缓存数据，后续加载直接读取缓存；2）后台数据发生更新时，需要实时更新缓存； 在完成这个需求之前，我借机补习了一下前端的缓存体系：一 HTTP缓存 提起前端缓存，首先
转载
2024-02-17 13:26:24
17阅读
1.http缓存机制，浏览器缓存到底是什么？所谓的http缓存，就是浏览器自己给你的一个功能，一个缓存数据库，夹在服务端和客户端中间，你只需要设置一些参数即可实现 缓存/不缓存/时效内缓存/时效外缓存等（默认存在缓存）浏览器缓存分为强缓存和协商缓存，浏览器加载一个页面的简单流程如下：（1）浏览器先根据这个资源的http头信息来判断是否命中强缓存。如果命中则直接加在缓存中的资
转载
2023-08-27 17:20:25
70阅读
