Comman1999
Comman1999

iframe异步加载技术及性能

这是一篇原创翻译文章。原文地址。

我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为他可以和主页面并行加载，不会阻塞主页面。当然使用iframe也是有利有弊的：Steve Souders在他的blog里面有阐述：Using Iframes Sparingly:

  • iframe会阻塞主页面的onload事件
  • 主页面和iframe共享同一个连接池

阻塞主页面的onload是这两个问题中最影响性能的方面。一般都是想让onload时间越早触发越好，一方面是用户体验过更重要的是google给网站的加载速度的打分：用户可以用IE和FF中Google工具栏来计时。

那么为了提高页面性能，怎样才能不阻塞主页面的onload事件的来加载iframe呢？

这篇讲了四种加载iframe的方法：普通iframe，onload之后加载iframe，setTimeout() iframe和异步加载iframe。每种方法的加载结果我都用IE8的时间线来展示。我建议多注意下动态异步加载这个方法，因为这是性能表现最佳的。另外，还有一种友好iframe(friendly iframe)技术。他可能算不上是iframe加载的技术，但是必须使用iframe，他是无阻塞加载的。

普通方法加载iframe

这是一种人尽皆知的普通加载方法，它没有浏览器的兼容性问题。

1 <iframe src="/path/to/file" frameborder="0" width="728" height="90" scrolling="auto"> </iframe>

使用这种加载方法会在各浏览器中有如下表现：

  • iframe会在主页面的onload之前加载
  • iframe会在所有iframe的内容都加载完毕之后触发iframe的onload
  • 主页面的onload会在iframes的onload触发之后触发，所以iframe会阻塞主页面的加载
  • 当iframe在加载的过程中，浏览器的会标识正在加载东西，处于忙碌状态。

这里是一个演示页面，时间线图显示出iframe会阻塞主页面的加载。

我的建议：注意onload阻塞。如果iframe的内容只需要很短的时间来加载和执行，那么也不是个大问题，而且使用这种方法还有个好处是可以和主页面并行加载。但是如果加载这个iframe需要很长时间，用户体验就很差了。你得自己测试一下然后在http://www.webpagetest.org/也做些测试，根据onload的时间看看是否需要其他加载方法。

在onload之后加载iframe

如果你想在iframe中加载一些内容，但是这些内容对于页面来说不是那么的重要。或者这些内容不需要马上展现给用户的，需要点击触发之类的。那么可以考虑在主页面载入之后加载iframe。
复制代码 
 1 <script>
 2 
 3 //doesn't block the load event
 4 function createIframe() {
 5     var i = document.createElement("iframe");
 6     i.src = "path/to/file";
 7     i.scrolling = "auto";
 8     i.frameborder = "0";
 9     i.width = "200px";
10     i.height = "100px";
11     document.getElementById("div-that-holds-the-iframe").appendChild(i);
12 };
13 // Check for browser support of event handling capability
14 if (window.addEventListener) window.addEventListener("load", createIframe, false);
15 else if (window.attachEvent) window.attachEvent("onload", createIframe);
16 else window.onload = createIframe;
17 </script>
复制代码

这种加载方法也是没有浏览器的兼容性问题的：

  • iframe会在主页面onload之后开始加载
  • 主页面的onload事件触发与iframe无关，所以iframe不会阻塞加载
  • 当iframe加载的时候，浏览器会标识正在加载

这是是一个测试页面，时间线图如下

这种方法比普通方法有什么好处呢？load事件会马上触发，有两个好处：
  • 其他等待主页面onload事件的代码可以尽早执行
  • Google Toolbar计算你页面加载的时间会大大减少
但是，当iframe加载的时候，还是会看到浏览器的忙碌状态，相对于普通加载方法，用户看到忙碌状态的时间更长。还有就是用户还没等到页面完全加载完的时候就已经离开了。有些情况下这是个问题，比如广告。

setTimeout()来加载iframe

这种方法的目的是不阻塞onload事件。
Steve Souders(又是他？)有一个这种方法的测试页面(http://stevesouders.com/efws/iframe-onload-nonblocking.php)。他写道：“src通过setTimeout动态的设置，这种方法可以再所有的浏览器中避免阻塞”。
复制代码 
<iframe id="iframe1" src="" width="200" height="100" border="2">
 </iframe>
<script>

function setIframeSrc() {
    var s = "path/to/file";
    var iframe1 = document.getElementById('iframe1');
    if ( - 1 == navigator.userAgent.indexOf("MSIE")) {
        iframe1.src = s;
    } else {
        iframe1.location = s;
    }
}
setTimeout(setIframeSrc, 5);
</script>
复制代码
在除了IE8以外的所有浏览器中会有如下表现：
  • iframe会在主页面onload之前开始加载
  • iframe的onload事件会在iframe的内容都加载完毕之后触发
  • iframe不会阻塞主页面的onload事件(IE8除外)
  • 为什么不会阻塞主页面的onload呢(IE8除外)？因为setTimeout()
  • 当iframe加载的时候，浏览器会显示忙碌状态
下面是时间线图
因为IE8的问题，这种技术就不适合很多网站了。如果有超过10%的用户使用IE8,十分之一的用户体验就会差。你会说那也只是比普通加载差一点点，其实普通加载性能上也不差。onload事件对于10%的用户来说都更长。。。。额，你自己考虑吧。但是最好在看了下面这个很赞的异步加载方法之后再决定吧。
我在参加Velocity 2010的时候，Meebo的两个工程师(@marcuswestin and Martin Hunt)做了一个关于他们的Meebo Bar的演讲。他们使用iframe来加载一些插件，并且真正做到了无阻塞加载。对于有的开发者来说，他们的做法还比较新鲜。很赞，超级赞。但是一些原因导致这种技术没有得到相应的关注，我希望这篇blog能把它发扬光大。
复制代码 
<script>

(function(d) {
    var iframe = d.body.appendChild(d.createElement('iframe')),
    doc = iframe.contentWindow.document;
 
    // style the iframe with some CSS
    iframe.style.cssText = "position:absolute;width:200px;height:100px;left:0px;";
 
    doc.open().write('<body onload="' + 'var d = document;d.getElementsByTagName(\'head\')[0].' + 'appendChild(d.createElement(\'script\')).src' + '=\'\/path\/to\/file\'">');
 
    doc.close(); //iframe onload event happens
})(document);
</script>
复制代码
神奇的地方就在<body onload=”">:这个iframe一开始没有内容，所以onload会立即触发。然后你创建一个script元素，用他来加载内容、广告、插件什么的，然后再把这个script添加到HEAD中去，这样iframe内容的加载就不会阻塞主页面的onload！你应该看看他在个浏览器中的表现：
  • iframe会在主页面onload之前开始加载
  • iframe的onload会立即触发，因为iframe的内容一开始为空
  • 主页面的onload不会被阻塞
  • 为什么这个iframe不会阻塞主页面的onload？因为<body onload=”">
  • 如果你不在iframe使用onload监听，那么iframe的加载就会阻塞主页面的onload
  • 当iframe加载的时候，浏览器终于不显示忙碌状态了（非常好）
我的测试页给出下面的时间线：
转义字符让代码看着有些难受，这都不是问题。试试吧。

友好型iframe加载

这是用来加载广告的。虽然这不是一种iframe的加载技术，但是是用iframe来盛放广告的。他的亮点不在于iframe如何加载，而是主页面、iframe、广告如何协同工作的。如下：
  • 先创建一个iframe。设置他的src为一个相同域名下的静态html文件
  • 在这个iframe里面，设置js变量inDapIF=true来告诉广告它已经加载在这个iframe里面了
  • 在这个iframe里面，创建一个script元素加上广告的url作为src，然后像普通广告代码一样加载
  • 当广告加载完成，重置iframe大小来适应广告
  • 这种方法也没有浏览器的兼容性问题。
Ad Ops Council在推荐过这个方法，AOL也是用这种方法。想看看源码： 这里有一个。一家瑞典的出版社Aftonbladet对于这种加载有很不错的结论：在他们的主页上，加载时间减少30%，用户每周增加7%，新闻部分的点击量增加35%。我建议可以看看他们的资料： High Performance Web Sites, With Ads: Don’t let third parties make you slow
我没有创建相关的测试页，所以也没有第一首的资料。从我调研的结果来说：
如果你只想在你的网页上调用一个确定的src地址的iframe的话这个方法不是很有用。
如果你想在网页上展示多个广告，比较灵活的方法的是：加载一个广告，然后更新iframe加载另一个主页面的DOMContentLoaded时间不会被阻塞，页面渲染也不会被阻塞，当然，主页面的onload事件还是会被阻塞。

你可能感兴趣的:(iframe异步加载技术及性能)

  • 银河麒麟 V10 SP1 镜像下载 龚霆尉Esmeralda
    银河麒麟V10SP1镜像下载【下载地址】银河麒麟V10SP1镜像下载本仓库提供银河麒麟V10SP1镜像的下载资源。银河麒麟操作系统是一款基于Linux内核的国产操作系统，广泛应用于政府、金融、教育等领域。V10SP1是其最新版本，提供了更强的性能和更多的功能项目地址:https://gitcode.com/Open-source-documentation-tutorial/f8c4a简介本仓库提
  • 推荐开源项目：vim-trailing-whitespace - 精准清除 Vim 中的尾部空格 卓桢琳Blackbird
    推荐开源项目：vim-trailing-whitespace-精准清除Vim中的尾部空格去发现同类优质开源项目:https://gitcode.com/在编程和文本编辑中，保持代码整洁和一致性至关重要。多余的尾部空格可能会导致不必要的格式问题，而手动清理它们会消耗大量时间。这就是的作用所在——一个专门为Vim编辑器设计的插件，用于高亮显示并轻松删除文本末尾的多余空格。技术分析vim-trailin
  • 【Python】已解决：（cmd进入Python环境报错）No Python at ‘C:\Users…\Python\Python39\python.exe’ 屿小夏 pythonlinux开发语言
    个人简介：某不知名博主，致力于全栈领域的优质博客分享|用最优质的内容带来最舒适的阅读体验！文末获取免费IT学习资料！文末获取更多信息精彩专栏推荐订阅收藏专栏系列直达链接相关介绍书籍分享点我跳转书籍作为获取知识的重要途径，对于IT从业者来说更是不可或缺的资源。不定期更新IT图书，并在评论区抽取随机粉丝，书籍免费包邮到家AI前沿点我跳转探讨人工智能技术领域的最新发展和创新，涵盖机器学习、深度学习、自然
  • 奖励模型：解析大语言模型的关键工具 XianxinMao 人工智能
    标题：奖励模型：解析大语言模型的关键工具文章信息摘要：奖励模型是理解和审核大语言模型(LLM)的重要工具，通过简单的评估方式提供了模型内部表征和性能的深入洞察。它不仅能静态比较模型表现，还可帮助诊断训练问题，为LLM研究提供独特视角，增强模型开发过程的透明度和可问责性。==================================================详细分析：核心观点：奖励模型是
  • 深度学习之基于Django+YOLOv5商标识别 Q1744828575 pythonplotlypython
    欢迎大家点赞、收藏、关注、评论啦，由于篇幅有限，只展示了部分核心代码。文章目录一项目简介二、功能三、系统四.总结一项目简介  一、项目背景在数字化时代，商标作为企业的重要资产，其保护和管理显得尤为重要。然而，传统的商标识别方法往往依赖于人工审查，效率低下且容易出错。随着深度学习技术的不断发展，尤其是目标检测领域的进步，自动化、高精度的商标识别成为可能。本项目旨在利用DjangoWeb框架和YOLO
  • 计算机网络——OSI和TCP/IP模型 阿常11 计算机网络tcp/ip网络
    OSI模型一、OSI模型概述OSI模型是一个理论框架，将网络通信分为七层，旨在提供一个通用的、国际化的网络通信标准，强调分层解耦和协议独立性。其特点如下：严格分层：每层功能明确。协议与实现分离：理论上任何协议可替换。二、OSI模型的七层结构（一）物理层（PhysicalLayer）功能：负责在物理介质传输比特流（0和1），即数据信号。相关设备及信号：网线、光纤、集线器；网卡的电压信号、Wi-Fi的
  • 使用.NET 8构建高效的时间日期帮助类 黄同学real C#后端开发.net.netc#后端
    使用.NET8构建高效的时间日期帮助类在现代Web应用程序中，处理日期和时间是一个常见的需求。无论是记录日志、生成报告还是进行数据分析，正确处理日期和时间对于确保数据的准确性和一致性至关重要。本文将详细介绍如何使用ASP.NETCore和C#构建一个高效的时间日期帮助类，并展示其使用方法。技术栈.NET8:提供强大的API开发框架。C#:用于编写高效的业务逻辑。代码实现DateTimeHelper
  • ASP.NET Core多身份验证与策略模式：如何用六个步骤轻松实现？ 墨瑾轩 一起学学C#【一】asp.net策略模式后端
    关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣引言在现代Web应用开发中，用户认证是一个至关重要的环节。ASP.NETCore提供了灵活的身份验证和授权机制，其中包括了多身份验证的支持和基于策略的授权方式。本文将详细探讨如何在ASP.NETCore应用中实现多身份验证以及如何利用策略模式来进行细粒度的授权
  • Python+Playwright(Nuitka、Pyinstaller打包) xiaohouzi112233 nuitka打包自动化办公python开发语言
    Python+Playwright及软件打包Selenium/Playwright网页自动化测试工具在做办公自动化过程中接触了Selenium这个工具，方便爬取数据或者自动模拟鼠标/键盘操作，后面发现了更牛逼的Playwright，而且可以自动录制操作，直接生成相关代码，Playwright具体使用不在这里介绍，随便浏览器输入Playwright，就会发现很详细的内容。Python+Playwri
  • C#开发人员学习书籍推荐 Lu01 .net学习python
    作为一名C#开发人员，持续学习和提升自己的技术水平是至关重要的。如今，技术不断更新换代，新的开发框架、语言和工具层出不穷。对于刚入行的开发者或希望深入某一领域的工程师来说，选对书籍是学习的捷径之一。本篇文章将推荐一些经典的书籍，涵盖了C#、数据库、前端开发等多个领域，帮助你在开发的道路上不断进步。1.学习SQL基础推荐书籍：《SQL必知必会（第5版）》作者：[美]本·福达（BenForta）译者：
  • ActiveMQ与RabbitMQ的区别 BE东欲 java-rabbitmqrabbitmqjava-activemqactivemqjava
    ActiveMQ和RabbitMQ都是流行的消息队列中间件，它们之间有以下几点区别：编写语言：ActiveMQ是用Java编写的，而RabbitMQ则是用Erlang编写的。协议支持：ActiveMQ支持OpenWire、Stomp、AMQP、MQTT等多种协议，而RabbitMQ主要支持AMQP协议。性能：RabbitMQ在处理大量消息时的性能表现比ActiveMQ更好。持久化：ActiveMQ
  • ubuntu ssh连接linux系统,在Ubuntu 18.04系统中启用SSH登录的方法 乔隰 ubuntussh连接linux系统
    简介SecureShell(SSH)是Linux系统管理中的经常要用到的一种远程访问技术。在Ubuntu18.04系统仓库中，已经收录了同为开源的OpenSSH，我们可以用它来为系统开启SSH访问功能。在Ubuntu18.04系统中启用SSH登录的具体方法一、打开终端，输入以下命令安装OpenSSH服务：sudoapt-getinstallopenssh-server二、修改“/etc/ssh/s
  • AI Agent（智能体）技术白皮书（Google，2024） 花生糖@ AIGC学习资料库人工智能AIAgent智能体AI实战
    1引言1.1人类的先验知识与工具的使用人类很很好地处理复杂和微妙的模式识别任务。能做到这一点是因为，我们会通过书籍、搜索或计算器之类的工具来补充我们头脑中的先验知识，然后才会给出一个结论（例如，“图片中描述的是XX”）。1.2人类的模仿者与以上类似，我们可以对生成式AI模型进行训练，让它们能使用工具来在现实世界中获取实时信息或给出行动建议。例如，利用数据库查询工具获取客户的购物历史，然后给出购物建
  • 【gopher的java学习笔记】代码分层之controller和service ThisIsClark gopher的java学习笔记java学习笔记
    在Java的Web开发中，Controller层和Service层是两个至关重要的层次，它们各自承担着不同的职责，共同协作以实现复杂的应用程序功能。本文将详细介绍Java中Controller层和Service层的技术特点和作用。一、Controller层（控制层）Controller层是应用程序的入口点，负责接收用户的请求并处理。它通常处理来自前端或客户端的请求，并将请求转发给相应的Servic
  • 记服务器遭遇ssh攻击及应对过程 sunhao06 建站服务器ssh安全
    前几天登录服务器一看，短短十几个小时的时间有七千多次ssh错误登录记录，毫无疑问，有人在对我进行ssh远程暴库攻击。利用命令grep-o'[0-9]\{1,3\}\.[0-9]\{1,3\}\.[0-9]\{1,3\}\.[0-9]\{1,3\}'/var/log/secure|sort|uniq-c可以看到每个ip的访问次数（其实图没截完，还有很多），可以看到这个人应该有很多“肉鸡”来对别人进行
  • 当在树莓派上运行 OpenCV 摄像头代码时出现摄像头打不开 李宇杰28 opencv开发语言
    当在树莓派上运行OpenCV摄像头代码时出现“libv4l2:erroropeningvideodevice”报错，通常表示在打开视频设备（即摄像头）时遇到了问题。以下是一些可能的原因及解决办法：1.摄像头连接问题物理连接检查：首先确保摄像头与树莓派的物理连接是稳固的。对于树莓派摄像头模块（如官方的CSI摄像头），要检查连接线是否正确插入到树莓派对应的接口上，并且没有松动或损坏。如果是通过USB接
  • WebSocket实现分布式的不同方案对比 codeBrute websocket分布式网络协议
    引言随着实时通信需求的日益增长，WebSocket作为一种基于TCP的全双工通信协议，在实时聊天、在线游戏、数据推送等场景中得到了广泛应用。然而，在分布式环境下，如何实现WebSocket的连接管理和消息推送成为了一个挑战。本文将对比几种常见的WebSocket分布式实现方案，包括基于消息队列的广播模式、基于Redis缓存的路由模式、以及基于哈希环的实现方案，探讨它们的优缺点及适用场景。方案一：基
  • 【llm对话系统】大模型RAG之基本逻辑 kakaZhui 人工智能数据库AIGCchatgptllama
    大模型RAG之基本逻辑：让LLM更精准地回答你的问题（降低幻觉）你是否遇到过这样的情况：当你向LLM提问时，它可能会给出一些“一本正经胡说八道”的答案，或者无法回答一些特定领域的专业问题？为了解决这个问题，RAG(Retrieval-AugmentedGeneration，检索增强生成)技术应运而生。RAG将检索(Retrieval)和生成(Generation)结合起来，让LLM在回答问题时，能
  • 【llm对话系统】RL强化学习的技术演进与RLHF kakaZhui 人工智能chatgptllama
    一、强化学习基础知识强化学习(ReinforcementLearning,RL)是一种机器学习方法，它通过智能体(Agent)与环境(Environment)的交互来学习如何行动以最大化累积奖励(Reward)。1.核心概念:智能体(Agent):做出决策并采取行动的学习者。环境(Environment):智能体所处的外部世界，对智能体的行动做出反应。状态(State,S):对环境当前情况的描述。
  • 解决elementui的dialog对话框过高会被拖动的bug _best 前端elementuivue.jsjavascript
    在使用elementUI过程中，当dialog对话元素过多长处浏览器高度是，点击标题就会跳成如下图这样，上方会被遮挡且无法拖动上去：解决方法是通过设置css固定top及left禁止拖动，核心css代码：/deep/.el-dialog{top:15%!important;left:0!important;}
  • 碰一碰发视频怎么做的？操作流程详深度解析 hy14762_ 人工智能用户运营流量运营新媒体运营
    NFC碰一碰发视频，是一种结合了NFC技术、短视频矩阵及AI智能算法的创新宣传方式。此方式旨在为商家提供一种高效且便捷的AI打卡手段，通过这种新型的互动体验，用户能够享受高效打卡新奇感受。商家需开通并登录碰一碰发视频服务后台，设置信息、创建短视频库、文案库、话题库、图片库等。一般像餐饮就建议拍摄门头、菜品、环境、员工工作场景等，并上传至素材库。具体流程包括前期准备和触发发布两部分：前期准备需要创建
  • 深入浅出讲解JavaWeb后端的三层架构：Controller、Service、DAO 以及详解结合MyBatis和XML映射的DAO层设计 给我吃茄子 Java后端开发三层架构MyBatis架构java后端springmybatisxmlintellij-idea
    目录1.控制层（Controller）(1)职责及作用(2)实现（3）总结2.服务层（Service）（1）职责与作用（2）实现（3）总结3.数据访问层（DAO）（1）职责及作用（2）实现（3）总结4.各层之间的关系5.三层架构的优势6.实际项目中的应用7.总结——三层架构1.MyBatis简介2.DAO层职责回顾3.DAO层结合MyBatis和XML映射的设计（1）项目结构（2）创建实体类（3）
  • .NET体系架构 Lu01 C#TheDefinitiveGuide.net架构c#
    引言.NET是由微软开发的一个广泛应用的开发平台，旨在帮助开发者构建各种类型的应用程序，包括桌面应用、Web应用、移动应用和云服务。最初，.NET平台的构建主要集中在Windows环境上，但随着.NETCore和随后.NET5及以上版本的推出，.NET已经发展成一个跨平台的开发框架，支持Windows、Linux和macOS等操作系统。本文将介绍.NET体系架构的核心概念、组成部分，以及它如何支持
  • 使用 Python 绘制词云图的详细教程 一只蜗牛儿 python开发语言
    词云（WordCloud）是一种数据可视化技术，用于显示文本数据中的频繁单词。它通过将出现频率较高的词汇以较大的字体显示，频率较低的词汇则以较小的字体显示，直观地呈现出文本的关键词。在本教程中，我们将使用Python的wordcloud库，结合matplotlib和jieba等工具，展示如何从文本数据生成词云图。1.安装所需的库在开始之前，你需要确保已经安装了以下Python库：pipinstal
  • 软考高级系统架构设计师系列之：分布式存储技术 快乐骑行^_^ 软考高级系统架构设计师考试软考高级系统架构设计师系列分布式存储技术
    软考高级系统架构设计师系列之：分布式存储技术一、分布式存储技术及其实现机制二、分布式存储系统设计中的冗余技术三、常见的缓存工作模式和适应场景四、NOSQL一、分布式存储技术及其实现机制简要说明在分布式存储系统架构设计中所使用的分布式存储技术及其实现机制，详细叙述你在具体项目中选用了哪种分布式存储技术，说明其原因和实施效果。分布式存储技术集群存储技术。集群存储系统是指架构在一个可扩充服务器集群中的文
  • 9.6 解锁 AI 潜力：GPT Builder 的强大能力与无限可能 少林码僧 AI大模型应用实战专栏人工智能gpt
    解锁AI潜力：GPTBuilder的强大能力与无限可能引言：轻松打造智能应用的革命性工具在人工智能的浪潮中，GPTBuilder作为一款强大且易用的开发工具，让构建AI驱动的智能应用变得前所未有的简单。无论你是开发者、企业家，还是对技术一知半解的创作者，GPTBuilder都能帮助你快速将创意变为现实。从自动化客户支持到内容生成，从数据分析到智能助手，GPTBuilder提供了丰富的功能和灵活的设
  • Redis的优缺点 zhanghaiyang0011 redisredis
    优点：速度快，完全基于内存，使用C语言实现丰富的数据类型，Redis有8种数据类型，当然常用的主要是String、Hash、List、Set、SortSet这5种类型支持事务，Redis的所有操作都是原子性的支持主从复制可以进行读写分离缺点：由于Redis是内存数据库，短时间内大量增加数据，可能导致内存不够用数据库容量受到物理内存的限制，不能用作海量数据的高性能读写Redis较难支持在线扩容red
  • Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用） 云霄IT python库教程pythonflask后端
    目录一、flask库安装二、简单使用三、前端返回类型设置（一）返回文本类型（二）返回json类型（三）重定向到另一路由（四）返回html类型，嵌入js,css,image等内容（一）py文件（二）html文件写法（三）静态目录结构四、静态资源路径修改五、实现提供文件下载一、flask库安装pipinstallflask二、简单使用fromflaskimportFlask,requestapp=Fl
  • Redis的单线程架构 ら．二十一 Redis
    Redis使用了单线程架构和I/O多路复用模型来实现高性能的内存数据库服务。这里通过多个客户端命令调用的例子说明Redis单线程命令处理机制，接着分析Redis单线程模型为什么性能如此之高，最终给出为什么理解单线程模型是使用和运维Redis的关键。开启三个redis-cli客户端同时执行命令客户端1设置一个字符串键值对：127.0.0.1:6379>sethelloworld客户端2对counte
  • 为什么现在大部分采购经理，找不到真正的分布式光纤传感的源头厂家？ 无锡布里渊 分布式分布式光纤测温温度监测火灾预警
    其实很好辨别，分布式光纤传感是很专业的领域，一款高度专业的产品需要好多年的打磨才能够成熟，记住以下几点，避坑少走弯路。一看公司成立并从事光纤传感产品研发与销售的时间有没有超过10年，如此专业的产品没有足够时间沉淀与打磨，很难让人信服；二看公司是不是“国家级高新技术企业”？三看是不是光纤传感领域的“专精特新企业”？四看有源头厂家，有没有几十项分布式光纤传感相关的发明专利与软件著作权去支撑公司的技术层
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他