飞飞飞鱼

前端浏览器缓存原理实战应用

前端浏览器缓存原理实战应用

前言
简单概括强缓存和协商缓存
实际应用
- 强缓存
- 协商缓存
- 优先级
总结
附录缓存属性取值说明
- Cache-Control
- Last-Modified/If-Modified-Since
- expires

前言

浏览器缓存原理是前端面试中必问的一道经典题目，也是前端开发必须掌握的知识。本文介绍浏览器缓存在实际项目上的应用，希望有缘看到这篇文章的小伙伴，不止是准备面试，而是真的掌握这一知识点。如果你比较懒，看懂文章的简单概括揣摩一下就可以当面试题的答案。如果你想要多了解一下，不妨看完文章。

简单概括强缓存和协商缓存

强缓存跟协商缓存说的是浏览器请求静态文件（js、html、css、图片以及其它文件）缓存的使用策略，作用是提高页面加载速度。
浏览器使用缓存的过程是：先执行强缓存，查看本地有没有这么一个文件，文件的状态（expires和cache-control）是不是过期了，没有过期就直接用本地缓存不向浏览器发送请求，如果过期了就执行协商缓存，到服务器询问一下能不能继续用缓存（last-modified和etag），能就继续用本地的缓存，不能就加载新的文件。
缓存设置优先级是：
Cache-Control > expires > Last-Modified|etag

强缓存的状态码是 200(from memory cache)
协商缓存的状态码是304

实际应用

强缓存

从前面的简单概括来看，一旦设置了过期时间，浏览器就不会在没过期的时候向服务器发送请求，这就会导致你服务器实际上更新了文件，但是浏览器不知道，所以强缓存一定要慎重使用。
html是必须加上不使用强缓存配置的，不然你可能需要客户清理浏览器缓存才能看到你的代码更新
下面是html配置，

<head>
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" CONTENT="no-cache">
	<meta http-equiv="expires" content="-1">
head>

但是上面的meta加上了之后可能也没用，这个时候你要看看服务器端的配置了，这里只说nginx

location ~ .*\.(htm|html )$ {
	add_header Pragma "no-cache";
	# 60秒内不会访问服务器
	# add_header Cache-Control "max-age=60";
	# 不缓存
	add_header Cache-Control "no-cache";
	add_header expires -1;
	
}
#过期时间为30天示例
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {
	expires 30d;
}
# 时间设置永不过期示例
location ~ .*\.(js|css)$ {
	expires max;
}

其实js、css跟图片这些资源，webpack打包的时候会给文件名加随机数（hash），每次更新页面，其实访问的是新的静态文件，所以我们在使用的时候采用的策略是永不过期。可以看看dist文件夹

强缓存基本上运维加webpack都给做好了，所以对缓存不是很懂的小伙伴不太感受得到自己实际上已经在使用他们。
但是一旦你的服务器跟html上面都没配置，那浏览器会自己判断使用自带的配置，什么都不配置的结果就是缓存时间不可控，性能差。

协商缓存

协商缓存更多用于静态文件服务器（如cdn），属于主动优化的一部分，需要先配置不使用强缓存，或者强缓存有时限。
举个例子，我们每次打包项目，图片都加上了hash随机数，导致了每次更新版本，图片都得重新加载，但是其实很多时候我们的图片并不会轻易变化。这个时候图片存到单独的静态文件服务器或者是cdn上会更好一些，但是我们也要保证图片真的需要更新的时候能被更新到，所以这个时候协商缓存就派上用场了。（c端项目更推荐cdn，有兴趣可以搜搜cdn相关的文章，作者以后也会写）
协商缓存主要是服务器端的配置，这里介绍nginx

# 开启Last-Modified方式二
location ~* \.(gif|jpg|jpeg|png|bmp|swf)$ {
	# 开启关闭etag，有些版本默认开启有些默认关闭，按需配置
	etag off|on;
	# 开启Last-Modified方式一，默认是开启的 on
	if_modified_since off|on;
	# 自定义Last-Modified的时间可以手动触发刷新，要配合if_modified_since off, 慎用
	add_header  Last-Modified 'Fri, 12 May 2006 18:53:33 GMT';
	# 不想要就置空
	# add_header  Last-Modified ""; 
	add_header  Cache-Control "public";
	# 设置不用用强缓存
	expires -1;
}

实际上协商缓存nginx1.7.3及以上的版本也默认开了，所以，你只要确保需要使用协商缓存的文件没有被强缓存就行了。

Last-Modified不需要自己设置时间，nginx会去查文件修改日期。
etag是更新静态文件会打一个标记（tag），是一串nginx自带算法生成的字符串，长这样

etag:“50b1c1d4f775c61:df3”

Etag 是http版本迭代对 Last-Modified的优化补充，主要为了解决：

一些文件也许会周期性的更改，但是他的内容并不改变(仅仅改变的修改时间)，这个时候我们并不希望客户端认为这个文件被修改了，而重新GET；
某些文件修改非常频繁，比如在秒以下的时间内进行修改，(比方说1s内修改了N次)，If-Modified-Since能检查到的粒度是s级的，这种修改无法判断(或者说UNIX记录MTIME只能精确到秒)；
某些服务器不能精确的得到文件的最后修改时间。

如果Last-Modified没起作用，试试把Etag 打开

优先级

因为强缓存的优先级高于协商缓存，所以有下面的属性优先级关系

Cache-Control > expires > Last-Modified|etag

服务器收到请求则会先判断资源的 last-modified，再判断 etag ，必须都没有过期，才能返回 304，所以它们是同时生效的

总结

nginx一般都是运维配置好了，而html上的meta是需要前端同学手动添加的。所以一旦缓存出了问题，你就去看html设置了缓存没，再问一问运维同事看看nginx的相关配置是怎样的。

附录缓存属性取值说明

html中的meta跟服务器的header属性取值是一样的，这里补充一下避免使用的时候还得翻文档

Cache-Control

Public指示响应可被任何缓存区缓存。
Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效。
no-cache指示请求或响应消息不能缓存
no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
max-age指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应。
min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应。
max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。

Last-Modified/If-Modified-Since

Last-Modified/If-Modified-Since要配合Cache-Control使用。
Last-Modified：标示这个响应资源的最后修改时间。web服务器在响应请求时，告诉浏览器资源的最后修改时间。
If-Modified-Since：当资源过期时（使用Cache-Control标识的max-age），发现资源具有Last-Modified声明，则再次向web服务器请求时带上头 If-Modified-Since，表示请求时间。web服务器收到请求后发现有头If-Modified-Since 则与被请求资源的最后修改时间进行比对。若最后修改时间较新，说明资源又被改动过，则响应整片资源内容（写在响应消息包体内），HTTP 200；若最后修改时间较旧，说明资源无新修改，则响应HTTP 304，告知浏览器继续使用所保存的cache。

expires

-1指的是1秒前已经失效了
max 通常理解为永不失效(官网文档其实是到“Thu, 31 Dec 2037 23:55:55 GMT”)
1d、1M指具体1天、1个月的时间（官网的 Configuration file measurement units）

你可能感兴趣的:(前端,缓存,面试,nginx)

手把手教会你Disruptor的常用使用场景！(含详细代码示例) 后端
Disruptor常见使用场景与代码示例1.引言上期介绍到Disruptor是一个高性能的无锁并发队列，适用于需要极低延迟和高吞吐量的应用场景。它通过环形缓冲区（RingBuffer）和高效的事件处理机制，显著减少了CPU缓存失效和上下文切换的开销。今天介绍Disruptor的几个常见使用场景：事件处理、日志记录、消息传递、实时数据分析和并发任务调度，让你进一步加深对它的印象，下期将介绍Disru
Ubuntu 完整卸载 WPS Office (deb包安装版) 小白也有IT梦 ubuntu wps linux
1.主程序卸载#使用dpkg卸载WPSOfficesudodpkg-rwps-office#完全清理包括配置文件sudodpkg--purgewps-office2.删除用户配置文件#删除用户目录下的配置文件和缓存rm-rf~/.config/Kingsoftrm-rf~/.cache/Kingsoft3.清理系统残留文件#删除系统中的WPS相关文件sudorm-rf/usr/share/font
大三学生面试经历（2）无限大. 面试面试职场和发展
继续昨天的内容，我面试的是一个Java实习岗，但是居然也问了我前端（vue）相关的问题最大的感觉就是，现在真的越来越卷了，后端都把前端的东西卷完了，当时是线上面试，感觉答的不太好（因为确实没准备的太全），接下来的时间继续加强加强这些方面的学习愿与诸君共勉！具体如下1.请简述Vue.js的生命周期函数及其执行顺序2.Vue.js中的v-bind指令和v-model指令有什么区别?3.请简述Vue.j
Qt双击桌面快捷方式激活并使程序窗口置于最前端 Chervin Qt Windows qt 前端
Qt双击桌面快捷方式激活并使程序窗口置于最前端亲测有效对于已经打开的Qt桌面程序，我们希望用户再次双击桌面的快捷方式时，程序可以自动激活到其他所有程序的最前面，而不是重新打开一次程序。此时我们采用QSharedMemory方式，加上WindowAPI函数操作程序，保证已打开程序不重复打开，并激活程序窗口到最前面在main()函数中添加如下代码//WindouwAPI依赖头文件#include#in
Redis 秋枫博客 redis redis
redisRedis是什么是一个高性能的key-value形式的数据库常常被用于缓存Redis有什么优势内存数据库，速度快，也支持数据的持久化，可以将内存中的数据保存在磁盘中，重启的时候可以再次加载进行使用。Redis读的速度是110000次/s,写的速度是81000次/s，且是单台服务器的Redis不仅仅支持简单的key-value类型的数据，同时还提供list，set，zset，hash等数据
华为OD机试E卷 - 螺旋数字矩阵（Java & Python& JS & C++ & C ）算法大师最新华为OD机试华为od 矩阵 java 华为OD机试E卷 python javascript C语言
最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述疫情期间，小明隔离在家，百无聊赖，在纸上写数字玩。他发明了一种写法：给出数字个数n和行数m（0
深入探讨Web应用开发：从前端到后端的全栈实践禁默前端
目录引言1.Web应用开发的基本架构2.前端开发技术HTML、CSS和JavaScript前端框架与库响应式设计与移动优先3.后端开发技术Node.js（JavaScript后端）Python（Flask和Django）RubyonRailsJava（SpringBoot）4.数据库选择与管理关系型数据库（SQL）非关系型数据库（NoSQL）5.API设计与开发RESTfulAPIGraphQL6
【Springboot】——响应与分层解耦架构 Y小夜架构 spring boot 后端 java spring
博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，设计模式、Python机器学习、Springboot等主页链接：Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G
云原生架构下的AI智能编排：ScriptEcho赋能前端开发前端
在当今快速发展的数字经济时代，云原生架构已成为构建现代化应用的关键。它通过微服务、容器化和DevOps等技术，实现了应用的高可用性、可扩展性和弹性。然而，在云原生架构下，前端开发也面临着新的挑战。为了应对这些挑战，AI写代码工具（例如ScriptEcho）应运而生，通过AI智能编排，显著提升了前端开发效率。本文将深入探讨AI智能编排在云原生架构中的作用，并以ScriptEcho为例，阐述其如何加速
React Remix框架：前端开发的“瑞士军刀” 程序员
ReactRemix框架：前端开发的“瑞士军刀”大家好，我是你们的前端小伙伴大鱼，今天咱们来聊聊一个最近挺火的前端框架——Remix。如果你是个React开发者，那你一定听说过Next.js，但Remix这个“新秀”也不容小觑。它不仅是React生态中的一员猛将，还带着一股“颠覆传统”的气息。今天我们就来扒一扒Remix的底细，顺便和Next.js来个正面PK。什么是Remix？Remix是一个全
Cursor 收费太贵？3分钟教你接入超低价 DeepSeek-V3，代码质量逼近 Claude 3.5 人工智能
DeepSeek-V3实在是太便宜了，就跟不要钱似的：每百万输入tokens0.1元(缓存命中)/1元(缓存未命中)，每百万输出tokens2元跟其他模型相比，DeepSeek-V3的性价比非常高，只能用“真香”来形容。Sealos推出的AI聚合代理服务SealosAIProxy为用户提供了便捷的AI模型访问通道，其中就包含了DeepSeek-V3模型。而且通过SealosAIProxy使用这些模
Nginx 缓存机制与优化策略计算机毕设定制辅导-无忧学长 #Nginx nginx 缓存
一、引言在当今数字化时代，Web应用的性能和用户体验至关重要。Nginx作为一款广泛应用的高性能Web服务器和反向代理服务器，凭借其卓越的稳定性、高效的并发处理能力以及丰富的功能模块，在Web服务器领域占据着举足轻重的地位。根据W3Techs的统计数据，Nginx在全球Web服务器市场份额中名列前茅，被众多知名网站和企业广泛采用。在Web应用的运行过程中，服务器需要频繁地处理大量的请求。如果每次请
深入理解视图的创建与删除：数据库管理中的高级功能 qcidyu 文章归档数据库优化数据安全数据查询数据库管理删除视图创建视图数据库视图
title:深入理解视图的创建与删除：数据库管理中的高级功能date:2025/1/21updated:2025/1/21author:cmdragonexcerpt:在现代数据库管理系统中，视图是一个重要的高级功能，可以为用户提供定制化的数据视图以满足特定需求。视图不仅能够简化复杂的查询，还能增强数据安全性和访问效率。categories:前端开发tags:数据库视图创建视图删除视图数据库管理数
【多模态 AI】从跨模态学习到生成革命：文本、图像与音频的深度交融网罗开发人工智能 AI 大模型机器学习人工智能 AIGC
网罗开发（小红书、快手、视频号同名）大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
2021秋招总结：460道Java后端面试高频题,2022接着用 90后小伙追梦之路 java 架构面试 java 面试开发语言 github 数据库
由于个人水平有限，如若文章中有错误之处，敬请指正。本文按照我平时复习的模块进行题目划分，由于题目较多，未贴出答案。如果想要答案版资料可以私信我【答案】来免费获取到Java基础解释下什么是面向对象？面向对象和面向过程的区别？面向对象的三大特性？分别解释下？JDK、JRE、JVM三者之间的关系？重载和重写的区别？Java中是否可以重写一个private或者static方法？构造器是否可以被重写？构造方
华为2024嵌入式研发面试题指尖动听知识库华为算法数据结构
01你认为最好的排序算法是什么？在实际的编程中，最好的排序算法要根据实际需求和数据规模来选择，因为每种排序算法都有其优势和劣势。以下是一些常见排序算法及其优缺点：冒泡排序冒泡排序是一种简单直观的排序算法，它的时间复杂度是O(n^2)。虽然它的时间复杂度比较高，但它的实现方式简单，对于小规模数据排序是非常有效的。快速排序快速排序是一种常用的排序算法，它的时间复杂度是O(nlogn)。它的实现方式比较
包管理工具 npm/yarn/pnpm对比，你选对了码小姚爱吃辣 yarn
在前端开发领域，包管理工具是开发者不可或缺的利器。它们不仅帮助我们管理依赖，还能提升项目的构建效率。目前，最常用的三大前端包管理工具分别是npm、Yarn和pnpm。本文将深入探讨这三种工具的优缺点，帮助你在项目中做出最合适的选择。一、npm图片1.什么是npm？npm（NodePackageManager）是随Node.js一起发布的包管理和分发工具。它是目前使用最广泛的JavaScript包管
如何区分前后端Bug 杏花村村委会主任 bug 功能测试
如何区分前后端Bug为什么要区分前后端Bug?如果是大规模团队、多人开发的系统，测试不能明确到底是谁的BUG，将BUG提交给了错误的开发人员，再加上人都有依赖心理，这个BUG就会被当皮球一样踢来踢去，极大增加了沟通成本，影响BUG修复时效。前后端BUG各有的特点前端BUG：界面相关、布局相关、兼容性相关、交互相关。后端BUG：业务逻辑相关、性能相关、数据相关、安全性相关。如何区分前后端BUG一）经
浅谈我理解的,bug如何定位前后端问题追星徐小粉软件测试定位前后端问题 linux nginx
测试，如何定位前后端bug?首先需要清楚知道数据的传输流程：用户在前端页面操作，如点击某个功能，页面携带数据进行请求，访问具体功能接口，由后端服务执行该接口相应的业务逻辑，如涉及数据，后端从数据库取相关信息，并组装数据返回给前端，前端页面进行渲染和展示对应的页面和数据。1接口分析法：抓包或浏览器F12，选择NETWORK网络，选择XHR，JS，WS，Manifest，Other,过滤一些其他内容，
多头潜在注意力（MLA）是怎么来的，什么原理，能用简单的示例解释么百态老人学习
多头潜在注意力（Multi-HeadLatentAttention，简称MLA）是一种改进的注意力机制，旨在提高自然语言处理（NLP）模型的推理效率和性能。其核心思想是通过低秩联合压缩键（Key）和值（Value），减少推理过程中所需的内存和计算资源，从而实现更高效的处理。MLA的原理在传统的多头注意力机制（MHA）中，每个输入token的键和值需要被缓存，这导致了巨大的内存开销。具体来说，对于每
如何区分前后端bug？ weixin_38648367 功能测试
写在前面的话：关于如何区分前后端bug的问题，网上已经有很多详细的判断方法了。关于遇到bug如何进行初步判断，这里给出简单的步骤，对于初学者来说，按照步骤一步步判断、积累经验也未尝不可。欢迎大家评论区讨论交流~~~前后端BUG各有的特点前端BUG：界面相关、布局相关、兼容性相关、交互相关。后端BUG：业务逻辑相关、性能相关、数据相关、安全性相关。1、抓包，web或者APP注意使用、设置好代理，保证
【前端】包管理器：npm、Yarn 和 pnpm 的全面比较帅比九日踩过的坑前端 npm node.js
前端开发中的包管理器：npm、Yarn和pnpm的全面比较在现代前端开发中，包管理器是开发者必不可少的工具。它们不仅能帮我们管理项目的依赖，还能极大地提高开发效率。本文将详细介绍三种主流的前端包管理器：npm、Yarn和pnpm，探讨它们的特点、优缺点以及它们之间的关系和对比。npm(NodePackageManager)简介npm是Node.js的默认包管理器，由Node.js官方维护。自201
软件测试技巧-如何定位前后端bug？楠神说软件测试 bug
背景当发现bug时，我们可能会碰到不知道该提给前端or后端的情况，降低了我们的测试效率，本文就介绍几种定位前后端bug的技巧方法一:通过接口抓包来判断用f12或者fiddler抓包，查看请求和响应数据的值与数据库中的数据值做对比，如果中间出现数据在接口传递过程中发生了变化或不符合预期，就可能存在前端或后端Bug~页面上的数据没有正确的传到request的参数里面，以及response中的参数的值没
高可用高负载高并发的互联网应用的架构设计 AI架构设计之禅 AI大语言模型和知识图谱融合 Python入门实战大数据AI人工智能计算科学神经计算深度学习神经网络大数据人工智能大型语言模型 AI AGI LLM Java Python 架构设计 Agent RPA
高可用高负载高并发的互联网应用的架构设计关键词：高可用性、高负载、高并发、分布式系统、负载均衡、缓存、数据库优化、微服务架构1.背景介绍在当今数字化时代，互联网应用已经成为我们日常生活中不可或缺的一部分。随着用户数量的激增和业务需求的不断扩大，构建高可用、高负载、高并发的互联网应用架构已经成为现代软件工程中的一个重要挑战。本文将深入探讨如何设计和实现一个能够满足这些要求的互联网应用架构，从而为读者
语义缓存：提升 RAG 性能的关键策略大模型之路 RAG 缓存 RAG 检索增强生成 LLM 大模型
检索增强生成（Retrieval-AugmentedGeneration，简称RAG）（RAG综述：探索检索增强生成技术的多样性与代码实践）技术已经成为构建高性能AI模型的重要基石。RAG通过结合先进的语言模型与外部知识检索，能够生成既准确又富含上下文的响应。然而，尽管RAG功能强大，但它也伴随着一系列挑战，如高令牌消耗（tokenconsumption）、运营成本的增加以及响应时间的延长。这些问
软件测试人必看，如何定位前后端Bug 测试开发成长录 bug
目录前言前端/后端的区别前后端怎么交互如何定位前端/后端BUG？日志中常见的问题结束语前言目前，前后端分离的开发模式在许多项目中被广泛采用。然而，在我们日常的测试过程中，当我们向开发人员提交bug时，有可能会遇到开发人员说bug指派错了的情况，甚至前后端开发还会相互推卸责任。为了避免我们自身处于被动的境地，耽误解决bug的时间，影响项目进度，降低测试与开发之间的沟通成本，提高工作效率，学会准确定位
前端打包工具之npm、yarn、pnpm对比前端~初学者前端工程化前端 npm node.js
前端打包工具之npm、yarn、pnpm对比1、npm1.1概述1.2安装1.3常用命令1.4优缺点2、yarn2.1概述2.2安装2.3常用命令2.4优缺点3、pnpm3.1概述3.2安装3.3常用命令3.4优缺点2.54、总结1、npm1.1概述NPM（NodePackageManager），作为默认的JavaScript应用包管理器，与Node.js一同安装，它是目前使用最广泛的包管理器，得
如何正确定位前后端bug？ ℡52Hz★ 前后联调总结 bug vue.js 前端 vue
在平时的开发过程中，正确定位前后端bug是提高开发效率和项目质量的关键。以下是一些实用的方法。一、前后端bug特征前端主要负责显示数据，后端主要负责处理数据、存储数据，前后端主要通过接口进行数据交换。1.前端bug特征界面显示类问题：如文字大小不一，控件颜色不搭，控件不整齐，静态界面错误；页面布局类问题：文字排版没有统一，行间距大小、重叠、显示不全；页面交互类问题：没有点击，拖拽，基本都是JS的问
美团Android开发200道面试题及参考答案（上）大模型大数据攻城狮 android开发安卓面经大厂招聘 https协议 Ddos攻击手撕代码八股文
http三次握手/四次挥手具体过程，信号量的变化，只有两次握手行不行三次握手过程：第一次握手：客户端向服务器发送一个SYN（同步）标志位为1的TCP报文段，其中包含客户端的初始序列号（ISN），此时客户端进入SYN_SENT状态，表示客户端请求建立连接。第二次握手：服务器收到客户端的SYN报文段后，会向客户端发送一个SYN和ACK（确认）标志位都为1的TCP报文段，其中包含服务器的初始序列号和对客
微信小程序实现个人中心页面浩宇软件开发微信小程序开发入门微信小程序小程序
文章目录1.官方文档教程2.编写静态页面3.关于作者其它项目视频教程介绍1.官方文档教程https://developers.weixin.qq.com/miniprogram/dev/framework/2.编写静态页面mine.wxml布局文件wangwu这个家伙很懒，什么都没有留下~官方客服积分兑换帮助中心系统设置修改密码关于APP清理缓存用户条款隐私协议退出登录navigation-bar
解线性方程组 qiuwanchi
package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
在mysql内部存储代码 annan211 性能 mysql 存储过程触发器
在mysql内部存储代码在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
Asynchronous Http Client是android中非常好的异步请求工具除了异步之外还有很多封装比如json的处理，cookie的处理引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
java面试题 Array_06 java 面试
java面试题第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
网站加速 oloz 网站加速
前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩； GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
正确书写单例模式随意而生 java 设计模式单例
　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。　　懒汉式，线程不安全　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
单例模式香水浓 java
懒汉调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apache http server
安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它（譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
如何在android 文件选择器中选择多个图片或者视频？ aijuans android
我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传但是android原生态的sdk中，只能一个一个的进行选择和上传。我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个处理方法官方的图片选择器(但是不支持所有版本的androi，只支持API Level
mysql中查询生日提醒的日期相关的sql baalwolf mysql
SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(), dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。解决方案：使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
Javascript Promise bijian1013 JavaScript Promise
Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。一.认识Promises “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
[Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是 public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
【Java命令三】jstack bit1129 jstack
jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
jboss 5.1启停脚本　动静分离部署 ronin47
以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename -b ip -g clustername -u broatcast jboss.messaging.ServerPeerID=int -Djboss.service.binding.set=p
UI之如何打磨设计能力? brotherlamp UI ui教程 ui自学 ui资料 ui视频
在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
三色旗算法 bylijinnan java 算法
import java.util.Arrays; /** 问题：假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序，您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳子上进行这个动作，而且一次只能调换两个旗子。网上的解法大多类似：在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
警告:No configuration found for the specified action: \'s chiangfai configuration
1.index.jsp页面form标签未指定namespace属性。  <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redis hash
使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑 #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255 /* Return th
select into outfile access deny问题 daizj mysql txt 导出数据到文件
本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。授权的语句如下： grant select on armory.* to rn
phpexcel导出excel表简单入门示例 dcj3sjt126com PHP Excel phpexcel
<?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE); if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
美国电影超短200句 dcj3sjt126com 电影
1. I see．我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too．我也是。5. My god! 天哪!6. No way! 不行!7. Come on．来吧(赶快)8. Hold on．等一等。9. I agree。我同意。10. Not bad．还不错。11. Not yet．还没。12. See you．再见。13. Shut up!
Java访问远程服务 dyy_gusi httpclient webservice get post
随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
Maven的settings.xml配置 geeksun settings.xml
settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
ubuntu的init与系统服务设置 hongtoushizi ubuntu
转载自： http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。运行
跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginx lua
使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。目录第一章安装Nginx+Lua开发环境第二章 Nginx+Lua开发入门第三章 Redis/SSDB+Twemproxy安装与使用第四章 L
php位运算符注意事项 home198979 位运算 PHP &
$a = $b = $c = 0; $a & $b = 1; $b | $c = 1 问a,b,c最终为多少? 当看到这题时，我犯了一个低级错误，误以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b; 这样a,b的值不会有任何改变
Linux shell数组建立和使用技巧 pda158 linux
1.数组定义　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。　　 2.数组读取与赋值　　得到长度：　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
hotspot源码(JDK7) ol_beta java HotSpot jvm
源码结构图，方便理解： ├─agent Serviceab
Oracle基本事务和ForAll执行批量DML练习 vipbooks oracle sql
基本事务的使用：从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他