秀秀的奇妙旅行
秀秀的奇妙旅行

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类

前端性能优化探讨及浏览器缓存机制

  • 一、缓存如何实现前端性能优化
    • 1、什么是浏览器缓存
    • 2、js请求，一般会有哪些地方有缓存处理?
    • 3、静态资源
      • ① 什么是静态资源
      • ② 静态资源的缓存策略
  • 二、缓存的类型
    • 1、客户端（本地）缓存——浏览器缓存
      • ① 浏览器的http缓存
        • 1）缓存过程分析
        • 2）分类
          • 强缓存
          • 协商缓存
          • 缓存的实际中的应用策略
      • ② 本地存储cookie，localStorage，sessionStorage （客户端保存数据）
    • 2、 CDN 缓存——服务器缓存的一种
    • 3、代理服务器缓存

一、缓存如何实现前端性能优化

1、什么是浏览器缓存

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第1张图片
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第2张图片
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第3张图片

2、js请求，一般会有哪些地方有缓存处理?

服务缓存+ 浏览器缓存+ DNS（解析URL的IP的时候）缓存

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第4张图片

3、静态资源

① 什么是静态资源

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第5张图片

② 静态资源的缓存策略

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第6张图片
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第7张图片

二、缓存的类型

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第8张图片

1、客户端（本地）缓存——浏览器缓存

① 浏览器的http缓存

1）缓存过程分析

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第9张图片
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第10张图片

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第11张图片
在这里插入图片描述

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第12张图片
在这里插入图片描述
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第13张图片

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第14张图片

2）分类

强缓存

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第15张图片

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第16张图片

协商缓存

在这里插入图片描述

缓存的实际中的应用策略

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第17张图片
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第18张图片

② 本地存储cookie，localStorage，sessionStorage （客户端保存数据）

实现数据持久化(数据本地化)

cookie还可以用于跟踪用户身份

在这里插入图片描述
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第19张图片
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第20张图片
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第21张图片
在这里插入图片描述

2、 CDN 缓存——服务器缓存的一种

我们把一些资源上传的时候，可以进行文件的同步到各个服务器，这样的话各个服务器其实就都有资源了
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第22张图片
使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第23张图片

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第24张图片

3、代理服务器缓存

使用缓存实现前端性能优化——浏览器缓存机制、缓存分类_第25张图片

你可能感兴趣的:(#,前端面试题目汇总,前端,面试)

  • springboot029网上购物商城系统 Q_97095639 springboot毕业设计数据库毕业设计课程设计
    版权声明所有作品均为本人原创，提供参考学习使用，如需要源码+数据库+配套文档请移步www.taobysj.com搜索获取技术实现开发语言：Java+vue。框架：后端spingboot+前端vue。模式：B/S。数据库：mysql。开发工具：idea。论文字数：1万左右。数据库表个数：10个左右。运行环境：jdk+idea+mysql。版本不限制，包安装运行！项目优点：前后端分离，注释详细，代码简
  • 前端布局的方式有哪些 IT木昜 大白话前端面试题前端
    前端布局的方式有哪些在前端开发里，布局就像是装修房子，把不同的东西合理地摆放在合适的位置，让整个空间既美观又实用。下面给你介绍几种常见的前端布局方式：1.普通流布局（标准文档流布局）这就像是按顺序往书架上摆书，一本挨着一本，从左到右，从上到下依次排列。在网页里，元素默认就是按照这种方式排列的。比如段落、标题这些元素，一个接一个地显示在页面上。块级元素（像、等）会独占一行，就像大本书会占一整层书架；
  • 面试官：谈谈RabbitMQ的队头阻塞问题？ java
    RabbitMQ延迟消息的队头阻塞问题是指，在使用死信队列（DLX）和TTL（消息过期时间）实现延迟消息时，由于队列的先进先出（FIFO）特性，在队列头部消息未过期的情况下，即使后续消息已经过期也不能及时处理的情况。实现原理RabbitMQ延迟消息的实现方式有以下两种：死信队列+TTL。使用rabbitmq-delayed-message-exchange插件。而我们本文要讨论的“RabbitMQ
  • DeepSeek行业应用实践报告100+份汇总解读|附PDF下载 数据挖掘深度学习机器学习算法
    原文链接：https://tecdat.cn/?p=40240在当下快速发展的科技浪潮中，人工智能（AI）已成为推动各行业变革的核心力量。AI大模型的出现，更是为众多领域带来了全新的发展机遇与挑战。本报告聚焦于AI大模型中的佼佼者——DeepSeek，通过深度剖析其技术特性、应用场景、市场表现以及未来趋势，为读者呈现一个全面且深入的AI行业发展图景。本报告汇总洞察基于文末157份DeepSeek行
  • HTML CSS整理笔记（建议收藏） 程序员的生活1 jsweb前端html+csscssjavascripthtmlcss3
    点击链接后退页面：回到上一个网页——修改placeholder提示的样式：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-
  • 一些我不知道的HTML前端基础知识笔记 han1140521792 学习资料HTML5CSSJavaScript
    点击链接后退页面：回到上一个网页——修改placeholder提示的样式：1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-space:nowrap）、省略号（text-overflow:ellipsis）——常见
  • 136道Vue面试八股文（答案、分析和深入提问）整理 守护海洋的猫 vue.js面试javascript前端ecmascript
    1.简述mixin、extends的覆盖逻辑回答在Vue中，mixins和extends是用来实现代码复用的两种方式，但它们在覆盖逻辑上有一些细微的区别。1.Mixin当你使用mixins的时候，可以将多个功能组合在一起。Mixins的内容会与组件中的数据、方法、生命周期钩子等进行合并。数据:Mixin中的数据会与组件中的数据合并。如果两个数据属性同名，则组件的数据属性会覆盖mixin中的属性。方
  • Vue3CompositionAPI jpruby vue
    Vue3CompositionAPI第一章最终效果演示1.下载依赖npminstall2.启动前端npmrundev3.启动数据json-server--watchdata/db.json--port=3003第二章创建项目1.vite创建项目npminitvite@latestvite-blog----templatevue2.App.vueApp.vue3.Home.vue1.测试setup的
  • 【忍者算法】字母组合“杀手锏“：5分钟攻克电话号码的字母组合｜LeetCode 17 忍者算法_ 算法leetcode职场和发展数据结构
    字母组合"杀手锏"：5分钟攻克电话号码的排列组合今天带你轻松掌握LeetCode17题「电话号码的字母组合」大家好，我是忍者算法。今天要聊的这道题，是面试中的经典题目，它不仅考察了递归回溯的思维，更是字符串处理的典型案例。来看看如何优雅地解决它！从生活场景说起还记得诺基亚手机的九宫格键盘吗？按键2对应"abc"按键3对应"def"按键4对应"ghi"…当我们要输入"hello"时，需要按：44-3
  • 前端现代年轻人的“通病”：我们该如何应对？ 人民广场吃泡面 大前端发展探讨前端
    引言随着互联网技术的飞速发展，前端开发已经成为IT行业中最热门的领域之一。越来越多的年轻人选择投身前端开发，追求高薪、自由和创造力。然而，在前端开发的浪潮中，许多年轻人也暴露出了一些“通病”。这些“通病”不仅影响了他们的职业发展，还可能对整个团队和项目产生负面影响。本文将深入探讨现代年轻前端开发者常见的“通病”，分析其背后的原因，并提出一些实用的建议，帮助大家更好地应对这些挑战。目录前端年轻人的“
  • pnpm、npm、yarn 包管理工具『优劣对比』及『环境迁移』 「已注销」 npm
    前言博主在开发前端网站的时候，发现随着开发的项目的逐渐增多，安装的依赖包越来越臃肿，依赖包的安装速度也是非常越来越慢，多项目开发管理也是比较麻烦。之前我就了解过pnpm，但是当时担心更换包管理环境可能会出现的依赖等问题，并且也没有急切的需求，所以当时并没有立即更换综上所述，随着上面问题的出现，更换包管理环境也逐渐提上日程，所以本文主要将会简单对比pnpm和npm/yarn，并且详细讲解如何在多项目
  • 前端项目git提交时做代码规范验证 一个水货程序员 git前端代码规范
    前端项目git提交时做代码规范验证需要使用到的插件：husky，是一个GitHook工具，为git客户端增加hook的。lint-staged，在git提交前，进行代码规则检查确保入库的代码都符合代码规则，如果对整个项目进行lint这样速度太慢，lint-staged可以让lint只检测暂存区的文件，提高检测速度。当前依赖版本：husky版本：^8.0.1，lint-staged版本：^13.0.
  • SpringCloud面试题----eureka和zookeeper都可以提供服务注册与发现的功能，请说说两个的区别 指尖下的技术 Java面试题springcloudeurekazookeeper
    dEureka和Zookeeper都可以提供服务注册与发现的功能，它们的区别主要体现在以下几个方面：设计理念Eureka：是基于RESTful风格设计的，强调简单、轻量级，旨在为微服务架构提供一种易于使用的服务发现解决方案，注重服务的可用性和灵活性。Zookeeper：最初是为分布式协调而设计的，提供了一种通用的分布式数据管理和协调服务，其功能更侧重于分布式系统中的数据一致性、节点选举、配置管理等
  • SpringCloud面试题 御风行云天 面试题大全springcloudspring后端
    SpringCloud面试题1SpringCloud基础与原理1.1什么是SpringCloud？1.2解释SpringCloud中微服务架构的优势。1.3描述SpringCloud与SpringBoot的关系。2服务发现与注册2.1SpringCloud如何实现服务发现和注册？2.2使用Eureka服务注册中心的原因。2.3描述使用Consul或Zookeeper作为服务注册中心的场景。3配置管
  • QEMU-Manager：Mac上的QEMU图形化管理利器 苏承根
    QEMU-Manager：Mac上的QEMU图形化管理利器项目地址:https://gitcode.com/gh_mirrors/qe/QEMU-Manager在探索虚拟化的浩瀚世界时，找到一个既强大又易用的工具至关重要。今天，我们要向您隆重推荐QEMU-Manager——一款专为macOS设计的QEMU图形前端，由Swift语言精心打造。通过这篇文章，我们将深入挖掘QEMU-Manager的魅力
  • VB.NET基于WEB房地产评估系统(源代码+文档) csdn663648 .net前端microsoft
    资料介绍：--------------摘要--------------房地产评估系统是典型的信息管理系统(MIS),其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的库。而对于后者则要求应用程序功能完备,易使用等特点。本系统特有的房屋基本情况、专业评估人员、估价方法等。经过分析,我们使用MICROSOFT公司的VISUALBA
  • 通用评估系统（五）- 前端部分总体说明 一个水货程序员 项目实战前端fastapipythonvue
    通用评估系统（五）-前端部分总体说明相关链接Gitee地址通用评估系统（一）-介绍通用评估系统（二）-原型设计通用评估系统（三）-前端部分通用评估系统（四）-前端部分计算脚本编辑组件文档说明本节中说明前端总体显示相关信息。具体数据交互待后端开发时同步进行。目录结构实际显示效果全局搜索评估模型管理数据模型管理指标体系管理评估任务管理部分代码说明评估模型管理组件import{ref,h,compute
  • 04---java面试八股文——spring-----注解-------10题 20250205 Java面试刷题java面试spring
    31、@ComponentScan注解的作用@ComponentScan注解用于指定Spring容器在启动时要扫描的基础包路径，以及要扫描的包路径下应该被自动注册为Springbean的类。具体来说，@ComponentScan注解的作用有以下几个方面：组件扫描：@ComponentScan注解告诉Spring容器在哪些包及其子包下搜索组件，Spring将会自动扫描并注册被特定注解标记的类（如@C
  • ASP.NET MVC实现layui富文本编辑器应用 福伴
    先看看视图层在视图层,使用的是视图助手–HtmlHelper,代替我们网页中传统的表单标签元素,其中的m代表实体模型。通过视图助手，为我们生成id和name属性相同的textarea标签。备注：在ASP.NETMVC中，能提交表单数据的元素（各种类型的input标签，textarea等），其属性name的值于实体模型中的属性名相同时，传递到控制器中的实体模型或参数，会自动进行映射，方便前端到后台的
  • Dify rerank model is deprecated in knowledge base 人工智能
    这是可优化的细节。这里过时的提示倾向于说工作空间有一个默认的重新排名模型，但在执行一些前端逻辑后我们发现当前的重新排名模型是空的或未定义的，因此这个当前模型已过时。但这里默认模型实际上是一个所有字段都是空字符串的模型结构：{"provider":"","model":""}在这种情况下，缺省模型实际上是空的且无效。因此，在这里我们不会显示过时标志，而是更有可能告诉用户为工作区配置至少一个重排序模型
  • AI前端开发：重塑工作环境与企业文化 suibian5235 人工智能前端
    近年来，人工智能（AI）技术的飞速发展深刻地改变着各个行业，前端开发领域也不例外。随着AI写代码工具的涌现，AI前端开发模式逐渐兴起，并对传统的前端开发模式带来了巨大的冲击。本文将深入探讨AI前端开发如何影响我们的工作环境和企业文化，并对未来的发展趋势进行展望。……AI前端开发对工作环境的影响AI前端开发的出现，最直接的影响体现在工作效率的提升和工作压力的变化上。许多AI工具，例如ScriptEc
  • 2024年 Java 面试八股文——SpringBoot篇 Java技术前沿 面试javaspringboot面试
    目录1.什么是SpringBoot？2.为什么要用SpringBoot3.SpringBoot与SpringCloud区别4.SpringBoot有哪些优点？5.SpringBoot的核心注解是哪个？它主要由哪几个注解组成的？6.SpringBoot支持哪些日志框架？推荐和默认的日志框架是哪个？7.SpringBootStarter的工作原理8.SpringBoot2.X有什么新特性？与1.X有什
  • Vue.js 组件开发：构建高效、可重用的用户界面 m1chiru vue.js
    Vue.js组件开发：构建高效、可重用的用户界面Vue.js是一个流行的JavaScript框架，它致力于通过简单的API和高度响应的设计，帮助开发者构建高效、动态的前端应用。在Vue.js中，组件是构建用户界面的核心单元。它们使得应用的结构更加模块化、可维护且易于重用。在这篇博客中，我们将深入探讨Vue.js组件的开发方法，包括组件的基本概念、创建、传递数据、事件处理以及组件之间的通信等关键内容
  • 《炸裂！掌握这些 Spring Boot 干货，面试直接 “开挂”！》 @孤随 JAVAspringboot面试后端
    SpringBoot重点、面试题及答案详细整理一、SpringBoot重点知识（一）核心概念1.自动配置SpringBoot自动配置基于类路径中的依赖、配置文件以及应用上下文里的Bean情况，借助条件注解来自动设置Spring应用的配置。例如，当类路径中存在spring-data-jpa和数据库驱动时，会自动配置数据源、JPA实体管理器工厂和事务管理器。可通过@EnableAutoConfigur
  • 一些流行的拖拽化和低代码平台(汇总) 视频砖家 文章存档低代码低代码平台
    一些流行的拖拽化和低代码平台，这些工具可以帮助用户快速构建应用程序，无需深入的编程知识：1.开源拖拽库dragula：一款强大且兼容性极好的拖拽排序库，支持多种框架，如vanillaJavaScript、Angular、React等。Interact.js：提供拖拽、调整尺寸和多点触摸手势功能，适用于现代浏览器。react-dnd：React组件库，用于实现拖拽功能。Sortable：适用于多种框
  • Vue.js 组件开发：构建可重用且高效的 UI 块 沉浮yu大海 vue.jsui前端
    在现代前端开发中，Vue.js凭借其简洁的语法、强大的数据绑定能力和灵活的组件系统，成为许多开发者的首选框架。组件化开发是Vue.js的核心特性之一，它允许我们将大型应用拆分成多个独立、可复用的部分，从而提高代码的可维护性和扩展性。本文将带你深入了解Vue.js组件开发的基本概念和最佳实践，帮助你构建高效且可重用的UI组件。一、Vue.js组件基础在Vue.js中，组件是可复用的Vue实例，它们封
  • 使用C#元组实现列表分组汇总拼接字段 懒人咖 LINQC#工作笔记c#开发语言经验分享笔记
    文章目录使用C#元组实现列表分组汇总拼接字段代码运行结果使用C#元组实现列表分组汇总拼接字段代码stringmessage=string.empty;vartupleList=newList>();tupleList.Add(newTuple("SCHB2412270002","1","批号或生产日期有误，最早批号【2446】生产日期【2024-11-11】"));tupleList.Add(ne
  • 【人工智能】人工智能学习基础知识汇总 奋力向前123 人工智能python开发语言人工智能
    第1章初识人工智能本章主要介绍人工智能的概念、诞生和发展历程。具体包括人工智能概念的提出和涉及的相关重要人物，以及人工智能发展过程中的几个阶段，包括诞生、两次浪潮与寒冬、稳健阶段和ABC新时代。本章的主要知识点如下：人工智能概念1.人工智能英文名为“ArtificialIntelligence”,简称Al。它是用人工的方法在机器(计算机)上实现的智能；或者说是人们使机器具有类似于人的智能。2.人工
  • 网络IP地址冲突故障，快速解决方案（非常详细）零基础入门到精通，收藏这一篇就够了_内网总提示有ip冲突(1) 2401_84263282 网络tcp/ip网络协议
    还有兄弟不知道网络安全面试可以提前刷题吗？费时一周整理的160+网络安全面试题，金九银十，做网络安全面试里的显眼包！王岚嵚工程师面试题（附答案），只能帮兄弟们到这儿了！如果你能答对70%，找一个安全工作，问题不大。对于有1-3年工作经验，想要跳槽的朋友来说，也是很好的温习资料！【完整版领取方式在文末！！】93道网络安全面试题内容实在太多，不一一截图了黑客学习资源推荐最后给大家分享一份全套的网络安全
  • 前端构建工具——Webpack和Vite的主要区别 像素检测仪 前端前端webpack
    目录1.设计理念2.性能表现3.使用场景4.配置复杂度5.生态系统6.性能对比总结7.选择建议1.设计理念Webpack设计理念：Webpack是一个通用的模块打包工具，它将项目中的各种资源（如JavaScript、CSS、图片等）视为模块，并通过loader和plugin进行处理和打包。适用范围：适用于复杂项目，支持高度定制化，适合需要精细控制构建过程的场景。Vite设计理念：Vite（法语“快
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他