LoveEmiliaForever
LoveEmiliaForever

Web性能优化-详细讲解与实用方法-MDN文档学习笔记

Web性能优化

查看更多学习笔记：GitHub：LoveEmiliaForever
MDN中文官网
性能优良的网站能够提高访问者留存和用户满意度，减少客户端和服务器之间传输的数据量可降低各方的成本
不同的业务目标和用户需求需要不同的性能度量，要提高网站性能，你需要了解用户体验、加载和渲染性能，以及如何将性能度量与业务指标结合起来

什么是Web性能

  • 减少总体负载时间
    • 一般策略是使文件尽可能小，尽可能减少 HTTP 请求的次数，并采用巧妙的加载技术（例如 preload）使文件更快可用
  • 尽快使网站可用
    • 以合理的顺序加载你的网站资源，以便用户能够更快地开始使用
    • 有时我们也会在实际需要时才加载资源（这被称为懒加载）
    • 从开始加载，到达到可用状态为止所需的时间被称为交互等待时间
  • 流畅性和交互性
    • 在制作流畅的应用程序时，有很多优秀实践可以参考
    • 使用 CSS 动画而不是 JavaScript，尽量减少由于 DOM 变化而引起重绘 UI 的次数
  • 感知性能
    • 用户感受到的性能与任何客观统计数据一样重要，甚至可能更重要
    • 通过显示“加载中”的旋转指示器或一系列有用的提示和技巧（或笑话，以及其他你认为合适的内容）来保持用户在等待期间的参与度
  • 性能测量
    • Web 性能包括测量应用程序的实际速度和感知速度，然后监视性能

许多特性都会影响性能：延迟、应用程序大小、DOM 节点数量、资源请求数量、JavaScript 性能、CPU 负载等等
重要的是尽量缩短加载和响应时间，并通过增加额外的功能来隐藏延迟
而在此之前，应该要了解一些基础知识：

  • 关键路径
    • 它是服务器下载文件后，浏览器用来构建 web 文档的过程
    • 可以查看我的笔记：浏览器关键路径-学习笔记
    • 或MDN文档：关键渲染路径
  • 浏览器工作原理
    • 知晓浏览器是如何工作的有利于我们对Web性能优化有个整体视野
    • 我的笔记：浏览器工作原理-学习笔记
    • MDN文档：渲染页面：浏览器的工作原理
  • 源顺序
    • HTML 索引文件的源顺序会显著影响性能
    • 也就是HTML中的、

你可能感兴趣的:(MDN前端入门文档,前端,性能优化,学习,笔记)

  • pyinstaller下载_Python用PyInstaller打包笔记 军神关云长_大凡 pythonpython开发语言后端
    转自：pyinstaller下载_Python用PyInstaller打包笔记_weixin_39660931的博客-CSDN博客为了把python程序发布到没有安装python解释器的Windows环境中使用，需要打包成exe可执行文件。现在常见的python打包工具有cx_Freeze、PyInstaller和py2exe，想想我当初接触python的时候，似乎只有py2exe，而且有不少问题
  • 基于HTML5与CSS的青花瓷网站静态网页设计论文 IT实战课堂—x小凡同学 Java毕业设计项目html5css前端
    一、引言随着网络技术的快速发展，互联网已成为人们获取信息、交流思想的重要平台。在众多的网站中，具有独特文化魅力的网站总能吸引人们的目光。青花瓷，作为中国传统文化的瑰宝，其独特的色彩和造型深受人们喜爱。因此，设计一个以青花瓷为主题的网站，不仅能展示中国传统文化的魅力，还能为人们提供一个了解和学习青花瓷的平台。本文旨在探讨基于HTML5和CSS的青花瓷网站静态网页的设计与实践。二、需求分析在设计青花瓷
  • cv君独家视角 | AI内幕系列十四：【手机、相机防抖大揭秘】数字防抖、鸡头防抖、光学防抖、AI防抖等(附源码+长期更新) cv君 原创项目级实战项目cv君独家视角AI内幕系列深度学习与计算机视觉精品人工智能aiisp科技python
    目录摘要主要防抖技术手机防抖对比某拇指相机技术分析：1.基础介绍2.功能需求2.1功能背景2.2技术背景与技术选型2.3技术方案2.4可行性落地链路2.5竞品调研与市场分析2.6防抖主客观评价源码实现运动防抖步骤：代码实现性能优化与改进代码改进进一步改进与应用深度学习方法示例实时处理与应用示例运动摄影无人机航拍摄像头防抖设备计算资源需求复杂场景处理参数调整和优化实时处理需求误差累积并行和分布式处理
  • 一分钟快速搭建 Spring Boot 项目 沉默王二 Java进阶之路Java程序员进阶之路javaspringbootspring
    大家好，我是二哥呀！学Java，自然少不了SpringBoot的学习！作为一名Java技术博主，已经被催了N多次SpringBoot的教程了，再不更新真有点鸽的不成样子——鸽上加鸽。因此我打算在接下来一段时间里间歇性地输出一些SpringBoot方面的文章，包括一些非常入门级的教程和一些非常优质的SpringBoot项目推荐，已经身经百战的starter们忽略就好。《Java程序员进阶之路》在Gi
  • 【从零开始学习计算机科学】数字逻辑（五） Verilog HDL语言 贫苦游商 学习fpga开发数字逻辑verilogHDL硬件开发逻辑电路
    【从零开始学习计算机科学】数字逻辑（五）VerilogHDL语言VerilogHDL语言8位全加器8位计数器2位比较器三态驱动器VerilogHDL模块的结构模块声明。端口定义。信号类型。功能描述verilog描述级别verilog关键字verilog标识符编写VerilogHDL源代码的标准数据类型常量变量nets型变量register型变量reg型变量运算符及表达式算术运算符逻辑运算符位运算符
  • 【扩频通信】基于matlab m序列和gold序列扩频通信【含Matlab源码 4011期】 海神之光 matlab
    欢迎来到海神之光博客之家✅博主简介：热爱科研的Matlab仿真开发者，修心和技术同步精进；个人主页：海神之光代码获取方式：海神之光Matlab王者学习之路—代码获取方式（1）完整代码，已上传资源；需要的，在博主主页搜期号直接付费下载或者订阅本专栏赠送此代
  • 【扩频通信】QPSK和DSSS扩频通信（先扩频 后调制 误码率对比）【含Matlab源码 4549期】 Matlab研究室 matlab
    欢迎来到Matlab研究室博客之家✅博主简介：热爱科研的Matlab仿真开发者，修心和技术同步精进，Matlab项目合作可私信。个人主页：Matlab研究室代码获取方式：Matlab研究室学习之路—代码获取方式（包运行）⛳️座右铭：行百里者，半于九十；路漫漫其修远兮，吾将上下而求索。更多Matlab信号处理仿真内容点击Matlab信号处理（视频版）
  • 《5G NR标准：下一代无线通信技术》读书笔记——LTE概述 Laolu5 读书笔记5g
    目录一.LTE概述1.频谱灵活性1.1载波聚合1.2授权辅助接入2.多天线增强2.1扩展的多天线传输2.2多点协作和传输2.3增强的控制信道结构3.密集度、微蜂窝和异构部署3.1中继3.2异构部署3.3微蜂窝开关3.4双连接3.5动态TDD3.6WLAN互通4.终端增强5.新场景5.1设备到设备通信5.2机器类型通信（MTC）5.3降低时延-sTTI5.4V2V和V2X5.5飞行器未完待续一.LT
  • C++学习：STL初识 DesolateGIS c++学习开发语言
    一、基本概念STL广义上分为：容器、算法、迭代器容器和算法通过迭代器进行连接。STL分为六大组件：容器、算法、迭代器、仿函数、适配器、空间配置器。STL容器就是将运用广泛的一些数据结构实现出来，常用的数据结构有：数组、链表、树、栈、队列、集合、映射等容器容器分为序列式容器和关联式容器。序列式容器：强调排序，容器内的每个元素都有固定的位置关联式容器：二叉树结构，个元素之间没有严格的物理顺序关系例如：
  • 数学建模：评价性模型学习——层次分析法（AHP模型） 美肚鲨ccc matlab矩阵数据分析算法
    目录前言一、流程介绍二、模型实现1.构建层次结构2.构建判断矩阵1.对指标进行赋权2.建立判断矩阵3.层次单排序及一致性检验1、准则层2、方案层4、计算得分三、方法分析总结前言之前在课程作业上简单用过层次分析法，这次再系统性学习一遍，写一篇学习笔记！一、流程介绍构建层次结构构建判断矩阵计算权重、一致性检验计算得分得出结论二、模型实现1.构建层次结构探究以下五个城市的城市旅游竞争力排名：成都、杭州、
  • vue3之拆若依--记实现后台管理首页(左侧菜单栏、头部信息区域...) 小白小白从不日白 Vue3vue.js前端javascript
    效果图前期准备启动若依在本地启动若依后台，跑在自己本地：这里对于如何下载若依相关的前后端代码请参考若依官网：RuoYi若依官方网站|后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依视频|RuoYi开发文档|若依开发文档|Java开源
  • 前端日常总结与实战技巧-4
    数值精度丢失如果数值过长，会造成精度丢失，前端用任何转换处理都会造成精度丢失问题。例如下图中的数值转字符串，最后得出的结果精度还是丢失所以最好是原始值就是字符串，这样精度才不会丢失reduce实现累加最简单的累加：leta=[3,4,5];letsum=a.reduce((accumulator,currentValue)=>accumulator+currentValue);console.lo
  • 我对发呆与无聊的价值的思考 24k小善 创业创新
    当无聊成为创意燃料：一个反直觉的创新法则我盯着空白的文档发呆——这种被现代人视为“生产力犯罪”的状态，却让我想起昨晚读到的一个震撼数据：全球顶尖专利发明人中，83%定期进行“有计划的发呆”。这不禁让人思考：我们是否错判了无聊的价值？一、大脑的空转时刻，藏着创意的火花上周在张江科学城的创新峰会上，一位神经科学家展示了这样一组实验：当受试者在无目标游荡（比如刷毫无营养的短视频）时，前额叶皮层活跃度仅1
  • Vue-Vant YY小怪兽 Vue常用框架vue.js前端javascript
    详情可见1.什么是Vant?在使用MintUI的过程中发现有很多的坑,所以个人不推荐在移动端中选择MintUIVant是有赞前端开发团队又推出的一款基于Vue的移动端UI框架大白话:和Bootstrap一样对原生的HTML标签进行了封装,进行了美化,让我们能够专注于业务逻辑而不是UI界面2.Vant使用https://youzan.github.io/vant/#/zh-CN/intro（1）通过
  • Vue-vant的使用 MissXu666 工作沉淀vue.js
    Vant是赞前端团队维护的移动端组件库，提供了一整套UI基础组件和业务组件。可以快速搭建电商网站,一下是使用方法:第一步:通过npm安装npmivant-S第二步:安装babel插件npmibabel-plugin-import-D第三步:在babel.config.js文件中添加如下设置plugins:[['import',{libraryName:'vant',libraryDirectory
  • PythonGUI编程从入门到精通，24个实用案例解析 东眠的鱼 数据库android性能优化python数据分析开发语言Python学习
    包含编程资料、学习路线图、源代码、软件安装包等！【[点击这里]】！分享一Python做GUI的一些小技巧，结合24个实用案例，让你也能轻松做出好看又好用的界面。1.GUI库的选择：Tkinter,PyQt,wxPythonPython做GUI的库很多，我比较常用的是Tkinter、PyQt和wxPython。Tkinter是Python自带的，比较简单；PyQt功能强大，但是比较复杂；wxPyth
  • 数学建模笔记——层次分析法（AHP） less is more_0930 《数学》数学建模笔记算法
    本文借鉴了数学建模清风老师的视频和课件，如有错误欢迎大家批评指正。原视频地址：清风数学建模：https://www.bilibili.com/video/BV1DW411s7wihttps://www.bilibili.com/video/BV1DW411s7wi1.预备知识层次分析法：层次分析法(TheAnalyticHierarchyProcess，AHP)是一种系统分析与决策的综合评价方法，
  • 【神经网络】python实现神经网络（一）——数据集获取 师兄师兄怎么办 机器学习算法python神经网络python人工智能手写数字识别深度学习机器学习
    一.概述在文章【机器学习】一个例子带你了解神经网络是什么中，我们大致了解神经网络的正向信息传导、反向传导以及学习过程的大致流程，现在我们正式开始进行代码的实现，首先我们来实现第一步的运算过程模拟讲解：正向传导。本次代码实现将以“手写数字识别”为例子。二.测试训练数据集的获取首先我们需要通过官网获取到手写数字识别数据集，数据集一共分为四个部分，分别是训练集的图片（六万张）、训练集的标签、测试集的图片
  • C++多线程笔记：使用std::lock_guard实现对共享数据的保护 zxw_tiantan
    使用std::lock_guard实现对共享数据的保护，可使用如下简单实现：classmy_test_mutex{public:voidadd_to_list(intnew_value){std::lock_guardguard(some_mutex);some_list.push_back(new_value);}boollist_contains(intvalue_to_find){std::
  • 白话设计模式之适配器模式：编程世界的接口“翻译官” 一杯年华@编程空间 白话设计模式设计模式适配器模式数据库
    白话设计模式之适配器模式：编程世界的接口“翻译官”大家好，软件开发的学习之旅充满挑战，设计模式作为其中重要的一环，常常让不少开发者感到困惑。我自己在学习过程中也走了不少弯路，所以特别希望能通过这篇文章，和大家一起深入了解适配器模式，在交流和探讨中共同进步，让设计模式不再是难以攻克的难题。一、从生活场景理解适配器模式在日常生活里，我们经常会遇到各种接口不匹配的情况，而适配器就像是一个神奇的“转换器”
  • ElasticSearch学习笔记 --- 调研笔记知识点 杨鑫newlfe 大数据挖掘与大数据应用案例搜索引擎
    笔记总结知识点：1.安装ElasticSearch。2.ELasticSearch是使用Java开发并使用Lucene作为核心来实现所有索引和搜索的功能3.使用是通过简单的restfulAPI来使用。4.安装Marvel(ES的管理和监控)5.特点：分布式的实时文件存储，每个字段都被索引并可被搜索分布式的实时分析搜引擎可以扩展到上百台服务器，处理PB级机构化或非结构化数据6.集群是一组具有相同cl
  • TypeScript 学习笔记（十五）：TypeScript 与数据库的深度结合 Evaporator Core typescript学习笔记
    TypeScript学习笔记（十五）：TypeScript与数据库的深度结合1.引言在前几篇学习笔记中，我们探讨了TypeScript的基础知识、前后端框架的结合应用、测试与调试技巧、性能优化、前端架构设计以及TypeScript的工具和生态系统。本篇将重点介绍TypeScript与数据库的深度结合，包括如何使用TypeScript操作关系型数据库和非关系型数据库。2.TypeScript与关系型
  • Deepseek r1回答：人工智能的本质是什么？ 给人类社会带来的意义是什么？ 相比于之前的互联网革命，这一轮的人工智能革命的特点和异同点有哪些？ 强化学习曾小健 Deepseek原理与使用人工智能
    嗯，用户问的是人工智能的本质、对社会的意义，以及和互联网革命的比较。首先得拆解这三个问题，逐个分析。用户可能对AI有一定了解，但想深入理解其核心和影响。可能需要从技术、社会、历史角度切入。先想AI的本质。本质是什么？是模拟人类智能，还是数据处理？可能需要提到机器学习、深度学习，尤其是神经网络。但本质可能更深层，比如自主决策、模式识别。还要区分弱AI和强AI，现在都是弱AI，专注于特定任务。然后是意
  • std::lock_guard对整个函数加锁访问 BugattiEngine C++奇淫技巧lock_guardmutexlockthread
    std::lock_guardlock(mutex_);性能优化是最小使用原则，那么将需要使用的代码块单独拿出来作为函数mutex_将会自动release当超出作用范围的时候。lock_guard对象的拷贝构造和移动构造(moveconstruction)均被禁用，因此lock_guard对象不可被拷贝构造或移动构造。voidsafe_increment(){std::lock_guardlock
  • 第五课：动态网页破解：Selenium自动化技术解析 deming_su Pythonselenium自动化测试工具python
    在当前前端技术发展的情况下，越来越多的网站都是动态加载数据或则动态渲染页面。本文将详细介绍Selenium动态抓取页面数据，包括浏览器ChromeDriver加载及调用，并通过加载淘宝页面并进行登陆的案例来展示它们的实际应用。一、动态网页加载机制解析1.1动态网页概述动态网页是指在用户访问时，网页内容不是一次性加载完成，而是根据用户的操作或需求，通过异步加载数据或资源，实现内容的动态更新。这种技术
  • 基于STC89C52的独立数码管循环显示0-F @小张要努力 嵌入式硬件单片机数据库stm3251单片机proteusmcu
    一、引言在电子系统设计中，数码管作为一种常用的显示器件，广泛应用于各种电子设备中，如电子时钟、计数器、测量仪器等。STC89C52是一款经典的8位单片机，具有性能稳定、价格低廉、易于开发等优点。本文将介绍如何利用STC89C52单片机实现独立数码管循环显示0-F的功能，并通过Proteus软件进行仿真验证。通过本文的学习，读者可以掌握数码管的工作原理、STC89C52单片机的基本编程以及Prote
  • 《Head First 设计模式》例子的C++实现（2 观察者模式） liyuanbhu 数据结构与算法编程杂项设计模式
    最近在学习设计模式，用的是《HeadFirst设计模式》这本书。感觉这本书写的还是很不错的，深入浅出的介绍了各种常用的设计模式。唯一有点不方便的地方是这本书的例子全都是用的Java来实现的。而我主要是用C++。所以就动手将书上的代码用C++来实现了一遍。观察者模式首先是三个接口的代码：//observer.h#ifndefOBSERVER_H#defineOBSERVER_HclassObserv
  • Elasticsearch--基础知识点--2--elasticsearch.yml Chasing__Dreams ElasticsearchES配置文件详解elasticsearch
    bin：脚本文件，包括ES启动&安装插件等等config：elasticsearch.yml（ES配置文件）、jvm.options（JVM配置文件）、日志配置文件等等JDK：内置的JDKlib：类库logs：日志文件modules：ES所有模块，包括X-pack等plugins：ES已经安装的插件。默认没有插件data：ES启动的时候，会有该目录，用来存储文档数据。该目录可以设置########
  • ES03 - ES其他知识点 是小崔啊 #elasticSearchelasticsearch大数据搜索引擎
    ES其他知识点文章目录ES其他知识点一：分布式集群和路由计算1：单节点集群2：故障转移3：水平扩容4：宕机故障5：路由计算二：分片控制流程1：协调节点2：写流程3：读流程4：更新流程5：多文档操作流程5.1：mget操作流程5.2：bulk操作流程6：ES数据一致性的保证6.1：乐观并发控制-版本号6.2：乐观并发控制-外部系统三：分片原理(重要)1：文档搜索-segment的引入1.1：不可变的
  • MongoDB 基本操作 帅维维 mongodb数据库
    MongoDB数据库操作MongoDB中的文档均归属于某个集合，集合归属于数据库。含义语法创建/使用数据库useDatabase_name查看数据库showdbsshowdatabases查看当前所在数据库db统计某数据库信息db.stats()删除数据库db.dropDatabase()查看当前连接的服务器db.getMongo()显示集合名称
  • ASM系列五 利用TreeApi 解析生成Class lijingyao8206 ASM字节码动态生成ClassNodeTreeAPI
       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。          在介绍前，先要知道一点， Tree工程的接口基本可以完
  • 链表树——复合数据结构应用实例 bardo 数据结构树型结构表结构设计链表菜单排序
    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 需求简介： 经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
  • 为啥要用位运算代替取模呢 chenchao051 位运算哈希汇编
        在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，     JDK6中的HashMap中的indexFor方法： /** * Returns index for hash code h. */ static int indexFor(int h, int length) {
  • 最近的情况 麦田的设计者 生活感悟计划软考想
          今天是2015年4月27号      整理一下最近的思绪以及要完成的任务             1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
  • PHP去掉字符串中最后一个字符的方法 IT独行者 PHP字符串
    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： $str = "1,2,3,4,5,6,"; $newstr = substr($str,0,strlen($str)-1); echo $newstr;
  • hadoop在linux上单机安装过程 _wy_ linuxhadoop
    1、安装JDK     jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：    export JAVA_HOME=/usr/java/jdk1.7.0_25  
  • JAVA进阶----分布式事务的一种简单处理方法 无量 多系统交互分布式事务
    每个方法都是原子操作： 提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 A系统调用B,C,D系统完成分布式事务 =========执行开始======== A.aa(); try { B.bb(); } catch(Exception e) { A.rollbackAa(); } try { C.cc(); } catch(Excep
  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉 矮蛋蛋 hadoop互联网
    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 　　到底什么是移动DSP呢? 　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广
  • myelipse设置 alafqq IP
      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 注释模板导入步骤  安装方法： 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Code-->Code
  • java数组 百合不是茶 java数组
    java数组的   声明  创建  初始化；   java支持C语言      数组中的每个数都有唯一的一个下标 一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3] int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数
  • javascript读取表单数据 bijian1013 JavaScript
    利用javascript读取表单数据，可以利用以下三种方法获取： 1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性：var b = document.getElementsByName("name"); 3、直接通过表单名字获取：var c = form.content.
  • 探索JUnit4扩展：使用Theory bijian1013 javaJUnitTheory
    理论机制（Theory） 一.为什么要引用理论机制（Theory）         当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 TDD 的优点：     &nb
  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB bit1129 template
    什么是Spring Data Mongo Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 1. 封装客户端跟MongoDB的链接管理 2. 文档-对象映射，通过注解:@Document(collectio
  • 【Kafka八】Zookeeper上关于Kafka的配置信息 bit1129 zookeeper
    问题： 1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 4. Producer跟Zookeeper究竟有没有关系？没有关系！！！   //consumers、config、brokers、cont
  • java OOM内存异常的四种类型及异常与解决方案 ronin47 java OOM 内存异常
          　OOM异常的四种类型： 　　　 　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。     　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
  • java-实现链表反转-递归和非递归实现 bylijinnan java
    20120422更新： 对链表中部分节点进行反转操作，这些节点相隔k个： 0->1->2->3->4->5->6->7->8->9 k=2 8->1->6->3->4->5->2->7->0->9 注意1 3 5 7 9 位置是不变的。 解法： 将链表拆成两部分： a.0-&
  • Netty源码学习-DelimiterBasedFrameDecoder bylijinnan javanetty
    看DelimiterBasedFrameDecoder的API，有举例： 接收到的ChannelBuffer如下： +--------------+ | ABC\nDEF\r\n | +--------------+ 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： +-----+----
  • linux的一些命令 -查看cc攻击-网口ip统计等 hotsunshine linux
    Linux判断CC攻击命令详解 2011年12月23日 ⁄ 安全 ⁄ 暂无评论 查看所有80端口的连接数 netstat -nat|grep -i '80'|wc -l 对连接的IP按连接数量进行排序 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 查看TCP连接状态 n
  • Spring获取SessionFactory ctrain sessionFactory
    String sql = "select sysdate from dual"; WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); String[] names = wac.getBeanDefinitionNames(); for(int i=0; i&
  • Hive几种导出数据方式 daizj hive数据导出
    Hive几种导出数据方式   1.拷贝文件   如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 hadoop fs –cp source_path target_path   2.导出到本地文件系统   --不能使用insert into local directory来导出数据，会报错 --只能使用
  • 编程之美 dcj3sjt126com 编程PHP重构
    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解   header("Content-type: text/plain"); function static_function () { static $i = 0; if ($i++ < 1
  • Android保存用户名和密码 dcj3sjt126com android
    转自：http://www.2cto.com/kf/201401/272336.html 我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 1、通过普通 的txt文本存储 2、通过properties属性文件进行存
  • Oracle 复习笔记之同义词 eksliang Oracle 同义词Oracle synonym
    转载请出自出处：http://eksliang.iteye.com/blog/2098861 1.什么是同义词       同义词是现有模式对象的一个别名。       概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
  • Ajax案例 gongmeitao Ajaxjsp
    数据库采用Sql Server2005 项目名称为:Ajax_Demo 1.com.demo.conn包 package com.demo.conn; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; //获取数据库连接的类public class DBConnec
  • ASP.NET中Request.RawUrl、Request.Url的区别 hvt .netWebC#asp.nethovertree
      如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
  • SVG 教程 （七）SVG 实例，SVG 参考手册 天梯梦 svg
    SVG 实例 在线实例 下面的例子是把SVG代码直接嵌入到HTML代码中。 谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例 SVG基本形状 一个圆 矩形 不透明矩形 一个矩形不透明2 一个带圆角矩
  • 事务管理 luyulong javaspring编程事务
    事物管理 spring事物的好处 为不同的事物API提供了一致的编程模型 支持声明式事务管理 提供比大多数事务API更简单更易于使用的编程式事务管理API 整合spring的各种数据访问抽象 TransactionDefinition 定义了事务策略 int getIsolationLevel()得到当前事务的隔离级别 READ_COMMITTED 
  • 基础数据结构和算法十一：Red-black binary search tree sunwinner AlgorithmRed-black
      The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
  • centos同步时间 stunizhengjia linux集群同步时间
    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
  • ITeye 9月技术图书有奖试读获奖名单公布 ITeye管理员 ITeye
    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：      《NFC：Arduino、Andro