IamOkay
IamOkay

Html5 实现类似人人网的全屏浏览模式

图片全名模式关键代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html5 -fullscreen-api</title>
<style type="text/css">
* { margin: 0; padding: 0 }
img { display: block; margin: 0 auto }
.imgContainer:-webkit-full-screen {
width:100%;
height:100%;
background:#060;
overflow:hidden;
background:#000;
text-align:center;
position:fixed;
left:0;
top:0;
display:table-cell;
bottom:0;
right:0;
}
 .imgContainer:-moz-full-screen {
width:100%;
height:100%;
background:#060;
overflow:hidden;
background:#000;
text-align:center;
 position:fixed;
 left:0;
top:0;
 bottom:0;
right:0;
 display:table-cell;
 vertical-align:middle
}
 .imgContainer:-webkit-full-screen img {
max-width:100%;
display:inline-block;
vertical-align:middle;
cursor:url("http://a.xnimg.cn/n/apps/photo/modules/photo-view/cssimg/zoomOut.cur"), auto;
}
.imgContainer:-moz-full-screen img {
max-width:100%;
display:inline-block;
vertical-align:middle;
cursor:url("http://a.xnimg.cn/n/apps/photo/modules/photo-view/cssimg/zoomOut.cur"), auto;
}
</style>
<script type="text/javascript">
(function(){
    var fullScreenApi={
        supportsFullScren:false,
        isFullScreen: function() { return false; },
        requestFullScreen: function() {},
        cancelFullScreen: function() {},
        prefix:''
    }
    browserPrefixes = 'webkit moz o ms khtml'.split(' ');
    if(typeof document.cancelFullScreen!='undefined'){
        fullScreenApi.supportsFullScren=true
    }else{
        for (var i = 0, il = browserPrefixes.length; i < il; i++ ) {
            fullScreenApi.prefix = browserPrefixes[i];
            if (typeof document[fullScreenApi.prefix + 'CancelFullScreen' ] != 'undefined' ) {
                fullScreenApi.supportsFullScreen = true;
                break;
            }
        }
    }
 
    //如果浏览支持全屏
    if(fullScreenApi.supportsFullScreen){
        fullScreenApi.fullScreenEventName = fullScreenApi.prefix + 'fullscreenchange';
        fullScreenApi.isFullScreen=function(){
            switch (this.prefix){
                case '':
                    return document.fullScreen
                case 'webkit':
                    return document.webkitIsFullScreen
                default:
                    return document[this.prefix+'FullScreen']
            }
        }
 
        fullScreenApi.requestFullScreen=function(el){
            return (this.prefix === '') ? el.requestFullScreen() : el[this.prefix + 'RequestFullScreen']();
        }
     
        fullScreenApi.cancelFullScreen=function(el){
            return (this.prefix === '') ? el.cancelFullScreen() : el[this.prefix + 'CancelFullScreen']();
        }
    }
    window.fullScreenApi = fullScreenApi;
})(window)
 
</script>
</head>
 
<body>
<h1 align="center"></h1>
<div class="imgContainer"> <a href="javascript:void(0)"><img src="http://image.dili360.com/photo/hdtj/2012/1205/62_15141524412_20121205094753.jpg"></a></div>
<div class="imgContainer"> <a href="javascript:void(0)"><img src="http://image.dili360.com/photo/hdtj/2012/1205/62_15141524424_20121205094753.jpg"></a></div>
<script type="text/javascript">
window.onload=function(){
    if (window.fullScreenApi.supportsFullScreen) {
        var imgContainer = document.getElementsByTagName('div');
        var imgsLen = imgContainer.length;
        for(var i=0; i<imgsLen; i++){
            imgContainer[i].addEventListener('click',function(){
                if (!fullScreenApi.isFullScreen()) {
                    this.style.lineHeight=window.screen.height+'px';
                    window.fullScreenApi.requestFullScreen(this)
                }else {
                    window.fullScreenApi.cancelFullScreen(document)
                }
            },true)
        }
    }
}
</script>
</body>
</html>


你可能感兴趣的:(Html5 实现类似人人网的全屏浏览模式)

  • redis分布式锁的原理与实现【分布式】 UPUP小亮 分布式系统架构redis分布式数据库缓存golang
    文章目录前言一、什么是分布式锁1、原理2、场景二、redis实现分布式锁1、redis实现分布式锁原理2、Lock函数的实现3、实际使用三、redis实现分布式锁出现的经典问题死锁问题问题锁不住与删除别人锁问题锁不住问题解决（锁过期了，业务没执行完，需要续期):前言一、什么是分布式锁1、原理分布式锁是指在分布式系统中，为了实现协调和同步访问共享资源，而对分布式环境下的多个进程或线程进行同步的一种机
  • c语言万能编程模板_C语言实现模板 汤義喆 c语言万能编程模板
    好文网为大家准备了关于C语言实现模板的文章,好文网里面收集了五十多篇关于好C语言实现模板好文,希望可以帮助大家。更多关于C语言实现模板内容请关注好文网。ctrl+D请收藏!篇一：C语言模板C语言课程实训报告姓名：赵建升学号：10好文网为大家准备了关于C如何实现模板范文,好文网里面收集了五十多篇关于好C如何实现模板好文,希望可以帮助大家。更多关于C如何实现模板内容请关注好文网篇一：C语言模板C语言课
  • 如何使用Python操作串口 Ma_si python单片机开发语言
    串口通信是在嵌入式系统和外部设备之间进行数据传输的一种常见方式。Python提供了多种库和工具，可以帮助您轻松地进行串口通信。在本篇博客中，我们将介绍如何使用Python操作串口，包括如何打开、配置、发送和接收串口数据。第一步：安装串口通信库在Python中，有几个常用的串口通信库可供选择，其中pyserial是最受欢迎的一个。您可以使用以下命令安装pyserial库：pipinstallpyse
  • 基于 Spring Boot 的企业级快速启动模板 —— spring-quick Jing_saveSlave springbootspringspringboot后端敏捷开发脚手架springboot企业级
    基于SpringBoot的企业级快速启动模板——spring-quick在当前复杂多变的企业级开发环境中，一个优秀的脚手架不仅能够帮助我们快速搭建项目，更能在细节上为开发者提供便捷支持。今天，我要为大家介绍的就是本人开发的spring-quick项目，一个基于SpringBoot的企业级初始化模板，集成了MyBatis-Plus、Sa-Token、Knife4j等常用技术，同时还整合了丰富的工具类
  • Eureka Server与Eureka Client详解：服务注册与发现的交互机制 范范0825 eureka云原生
    EurekaServer与EurekaClient详解：服务注册与发现的交互机制Eureka是Netflix开源的一个服务发现框架，它是SpringCloud微服务架构中的核心组件之一。Eureka主要由两个关键组件构成：EurekaServer和EurekaClient。它们之间通过一定的交互机制实现服务的注册与发现功能。在微服务架构中，这一机制可以说是保证系统灵活性和可扩展性的基石。本文将详细
  • c语言函数注释例子,C语言实例说明 廷哥带你小路超车 c语言函数注释例子
    原标题：C语言实例说明上一节，我们大致总揽了一个简单C程序的框架，程序如下：123456789#include/*引入头文件*/intmain(void)/*一个简单的C程序*/{intnumber;/*定义个名字叫做number的变量*/number=2014;/*给number赋一个值*/printf("Hello!Iamdotcpp.comn");/*像屏幕打印一句话*/printf("Th
  • Eureka Server 原理解析 倚楼听风语 eurekaspringcloud云原生
    EurekaServer同时也是一个EurekaClient,在不禁止EurekaServer的客户端行为时，它会向配置文件中的其他EurekaServer进行拉取注册表、服务注册和发送心跳等操作。作为服务注册中心，EurekaServer提供了以下功能。一、服务注册接口：/eureka/apps/SEVER_NAME源码如下：//com.netflix.eureka.resources.Appl
  • 工作十年，我也没把happens before彻底搞懂 suyukangchen java
    很多文章和书籍对于happensbefore这个概念的解释非常拗口，导致很多人，包括技术浓厚的程序员也解释不清这个概念。下面用小白能懂的语言解释一下“happensbefore”：想象两个朋友在玩传话游戏假设你和小伙伴A、B在玩传话游戏。如果你（线程A）先告诉小伙伴A一句话，然后小伙伴A再转告给小伙伴B，那么你的话就会通过小伙伴A“传递”给B。这时候，你的话对B来说是“可见的”，而且顺序是确定的—
  • Docker相关知识 shenzhenNBA Java运维管理者/开发者dockerlinux运维容器
    Docker如今已经应用到软件开发中很多地方，有必要了解一下其相关知识，什么是docker？docker是一款可以将我们目标应用程序和该程序运行所需的配置和依赖库等环境信息打包成镜像并运行的软件工具；什么是基础镜像？它只需要利用操作系统用户空间部分，就能构建出应用所需的环境，将选中的操作系统文件系统和依赖库等，打包成一个类似“压缩包”的文件，这就是所谓的基础镜像，baseimage；Java项目构
  • Unity 深度解析：手把手教你打造《勇士传说》动作游戏 七七知享 Unity从入门到精通unity游戏引擎游戏程序程序人生职场和发展学习方法改行学it
    想要打造一款热血沸腾的动作游戏吗？《Unity勇士传说动作游戏开发教程》绝对是你的不二之选。这套教程依托全球知名的Unity引擎，由浅入深、系统全面地为你揭开动作游戏开发的神秘面纱。教程开篇，会带你快速熟悉Unity的基础操作界面，掌握资源导入、场景搭建等入门技能。随后，深入到角色创建环节，从勇士的模型构建、骨骼动画设计，到角色控制器的编写，每一步都有详细讲解，让你的勇士能在游戏世界里自由奔跑、跳
  • 解锁数据抓取新高度：Python 分布式爬虫与逆向进阶实战课 七七知享 Python从入门到精通python分布式爬虫数据结构个人开发职场和发展学习方法
    在数据为王的当下，高效获取有价值的数据是众多开发者的核心诉求。《Python分布式爬虫与逆向进阶实战》课程，堪称数据抓取领域的宝藏指南。课程专注于前沿技术，深入剖析分布式爬虫原理，教你如何巧妙构建分布式爬虫架构，突破大规模数据爬取的效率瓶颈，让数据收集如虎添翼。同时，逆向进阶部分更是一大亮点。它带领开发者深入钻研反爬虫机制，传授如何通过逆向思维与技术手段，精准破解各类复杂的反爬策略，确保爬虫稳定运
  • 经典排序算法之基数排序详解|c++代码实现|简单易懂 不吃香菜的小趴菜 排序算法c++排序算法算法数据结构
    引言排序算法c++实现系列第10弹（最后一弹）——基数排序。该系列文章主要讲解了十大经典排序算法，如最基础的冒泡排序、选择排序到借助堆数据结构实现的堆排序，其余所有算法的文章在本文最后都有链接，感兴趣的uu可以移步支持。如果本系列文章对你有所启发的话，还请麻烦点赞&关注咯。如果可以的话，其实留下一个关注以防走丢也不是不可以，谁叫咱有缘分相遇了呢，嘻嘻嘻。传送门——【排序算法】基数排序哔哩哔哩bil
  • 蓝桥杯 2022 Java 研究生省赛 3 题 质因数个数 菜鸟0088 蓝桥杯java职场和发展
    importjava.util.Scanner;//1:无需package//2:类名必须Main,不可修改publicclassMain{publicstaticvoidmain(String[]args){Scannerscan=newScanner(System.in);//唯一分离定律任何一个数都可以被分解为两个质数相乘的形式//所以找质因数当一个数能longn=scan.nextLong
  • (十 八)趣学设计模式 之 观察者模式！ 码熔burning 设计模式设计模式观察者模式Java
    目录一、啥是观察者模式？二、为什么要用观察者模式？三、观察者模式的实现方式四、观察者模式的优缺点五、观察者模式的应用场景六、总结我的其他文章也讲解的比较有趣，如果喜欢博主的讲解方式，可以多多支持一下，感谢！了解状态模式请看：(十七)趣学设计模式之状态模式！✨更多请看个人主页：码熔burning这篇文章带你详细认识一下设计模式中的观察者模式一、啥是观察者模式？想象一下，你订阅了一个你喜欢的博主的博客
  • Redis 哨兵模式 William Dawson redis数据库缓存
    哨兵模式（Sentinel）是Redis提供的一种高可用性（HighAvailability,HA）解决方案，用于监控和管理Redis主从架构中的主节点（Master）和从节点（Slave）。当主节点出现故障时，哨兵可以自动进行故障转移（Failover），将一个从节点提升为新的主节点，从而保证服务的持续可用。1.哨兵模式的作用监控：哨兵会不断检查主节点和从节点的健康状态。通知：当某个节点出现故障
  • 2023年上海市浦东新区网络安全管理员决赛理论题样题 afei00123 网络安全&云安全考证狂魔web安全安全网络安全阿里云
    目录一、判断题二、单选题三、多选题一、判断题1.等保1.0至等保2.0从信息系统拓展为网络和信息系统。正确（1）保护对象改变等保1.0保护的对象是信息系统，等保2.0增加为网络和信息系统，增加了云计算、大数据、工业控制系统、物联网、移动物联技术、网络基础设施等保护对象，实现了全方面的覆盖。其实不管保护对象如何变化，都需对要求部分进行全面的安全测评。（2）分类结构统一等保2.0实现基本、设计、测评要
  • JavaScript 编译原理 www.www JavaScript相关javascript开发语言
    JavaScript编译原理编译过程词法分析语法分析代码生成执行代码编译过程通常来说我们写的代码就是一长串的字符串（后面统称为长串的字符串），程序员在借助开发工具才有了格式一说。机器能能够识别的语言只有0和1，后面简称机器语言。JavaScript引擎在代码与机器语言间承担“翻译”的工作JavaScript的编译过程包括词法分析，语法分析，代码生成及执行阶段。每个阶段都有一个产物供下一阶段使用。大
  • Arcgis地图实战三：自定义导航功能的实现 博主逸尘 arcgisarcgis导航
    文章目录1.最终效果预览2.计算两点之间的距离3.将点线画到地图上4.动态展示点线的变化5.动态画线6.动态画点1.最终效果预览2.计算两点之间的距离letdis=this.utilsTools.returnDisByCoorTrans(qdXYData,zdXYData,"4549")当距离小于我们在配置文件中预设置的值时调用我们自定义开发的导航，大于预设值则调用百度或者高德导航在utilsTo
  • 微调（Fine-tuning） 路野yue 人工智能深度学习
    微调（Fine-tuning）是自然语言处理（NLP）和深度学习中的一种常见技术，用于将预训练模型（Pre-trainedModel）适配到特定任务上。它的核心思想是：在预训练模型的基础上，通过少量任务相关的数据进一步训练模型，使其更好地适应目标任务。1.微调的核心思想预训练模型：像BERT、GPT这样的模型，已经在大量通用文本数据上进行了预训练，学习到了丰富的语言知识（如语法、语义、上下文关系等
  • 多层感知机 (Multilayer Perceptron, MLP) ALGORITHM LOL 人工智能机器学习算法
    多层感知机(MultilayerPerceptron,MLP)通俗易懂算法多层感知机（MultilayerPerceptron，MLP）是一种前馈人工神经网络。它的主要特点是由多层神经元（或节点）组成，包括至少一个隐藏层。MLP是监督学习的模型，常用于分类和回归问题。组成部分输入层（InputLayer）：接收输入数据的特征。例如，如果我们有一个特征向量x=[x1,x2,…,xn]\mathbf{
  • Lua | 每日一练 (2) 张胤尘 Lua每日一练lua开发语言面试
    欢迎来到张胤尘的技术站技术如江河，汇聚众志成。代码似星辰，照亮行征程。开源精神长，传承永不忘。携手共前行，未来更辉煌文章目录Lua|每日一练(2)题目参考答案Lua|每日一练(2)题目简述lua中的元表（metatable），它的作用是什么？有哪些使用场景？参考答案在lua中元表主要作用改变表的默认行为（函数）。通过使用元表，可以为表定义特殊的元方法，从而使用运算符重载、访问控制、面向对象等功能。
  • 算法每日一练 (2) 张胤尘 算法每日一练算法数据结构
    欢迎来到张胤尘的技术站技术如江河，汇聚众志成。代码似星辰，照亮行征程。开源精神长，传承永不忘。携手共前行，未来更辉煌文章目录算法每日一练(2)合并两个有序链表题目描述解题思路解题代码`c/c++``golang``lua`官方站点：力扣Leetcode算法每日一练(2)合并两个有序链表题目地址：合并两个有序链表题目描述将两个升序链表合并为一个新的升序链表并返回。新链表是通过拼接给定的两个链表的所有
  • Lua | 每日一练 (1) 张胤尘 Lua每日一练lua开发语言后端
    欢迎来到张胤尘的技术站技术如江河，汇聚众志成。代码似星辰，照亮行征程。开源精神长，传承永不忘。携手共前行，未来更辉煌文章目录Lua|每日一练(1)题目参考答案Lua|每日一练(1)题目详细说明lua中表的索引机制，以及如何区分表的数组部分和哈希部分。此外，解释lua中表的索引从1开始的原因。参考答案在lua中，表是一种非常灵活的数据结构，既可以作为数组（数组部分）使用，也可以作为哈希表（哈希部分）
  • 【ArcGIS Pro微课1000例】0016：ArcGIS Pro 2.8浮雕效果地图制图案例教程 刘一哥GIS 《ArcGISArcGISPro浮雕效果地图制图实验教程缓冲区
    ArcGISPro制作地图时可以制作出很多很炫的效果，比如地图阴影、地图晕渲效果、浮雕效果、三维效果等等。本实验讲解在ArcGISPro2.8中制作浮雕效果地图，效果如下所示：【参考阅读】：ArcGIS实验教程——实验四十四：ArcGIS地图浮雕效果制作完整案例教程1.加载矢量数据加载实验数据包data16.rar中的秦安县乡镇矢量数据：2.缓冲区分析点击【分析】选项卡，点击【缓冲区】。
  • Flink SQL的Top-N实战 听挽风讲大数据 Flinkflink大数据
    1Top-N目前仅Blink计划器支持Top-N。Top-N查询时根据列排序找到N个最大或最小的值。最大值集合最小值集都被视为是一种Top-N的查询。若在批处理或流处理的表中需要显示出满足条件的N个最底层记录或最顶层记录，Top-N查询将会十分有用。得到的结果集将可以进行进一步的分析。Flink使用OVER窗口条件和过滤条件相结合以进行Top-N查询。利用OVER窗口的PARTITIONBY子句的
  • 代码注释模板及示例 无脑学c++ C语言代码规范开发语言
    优秀代码注释模板在编程中，良好的代码注释是非常重要的。它们可以帮助我们理解代码的功能，提高代码的可读性和可维护性。在这篇博客中，我们将探讨如何创建和使用优秀的代码注释模板。什么是代码注释模板？代码注释模板是预先编写的注释片段，它们定义了如何对代码进行注释。这些模板可以被插入到你的代码中，并根据你的需要进行修改。优秀代码注释模板的特点优秀的代码注释模板有以下几个特点：清晰易读：优秀的代码注释模板应该
  • 一文讲透Redis AOF持久化机制(超详细!!) 尘鹄 redis学习之路redisbootstrap数据库
    持久化之AOFAOF(appendonlyfile)简介1.原理2.开启方法3.工作流程4.同步策略**always:**everysec(默认策略):no:修改策略方法:5.修改.aof文件的保存路径和保存名称6.MP-AOF机制6.1核心机制：6.2使用命令对`MP-AOF`进行监控和维护:7.数据恢复7.1.优先级7.2过程7.3修复.aof文件7.3修复.aof文件AOF(appendon
  • iOS逆向工程专栏 第8篇：iOS应用动态分析与Hook技术 自学不成才 iOS逆向工程专栏-揭秘苹果的封闭花园ioscocoamacos
    iOS逆向工程专栏第8篇：iOS应用动态分析与Hook技术作者：自学不成才在前两篇文章中，我们深入探讨了Mach-O文件格式和静态分析方法。尽管静态分析能够提供应用结构的全景视图，但仍有许多问题无法仅通过静态分析解决，例如运行时行为、动态加载的代码和复杂的加密逻辑。这就是动态分析发挥作用的地方。本文将详细介绍iOS应用的动态分析技术和Hook方法，帮助您在应用运行时观察和修改其行为。动态分析与静态
  • Python网络爬虫技术：现代应用、对抗策略与伦理边界 自学不成才 python爬虫开发语言
    版权声明：本文仅供学术研究和技术探讨使用。在实践中应用本文技术时，请遵守相关法律法规、网站使用条款和道德准则。作者不对读者使用本文内容产生的任何后果负责。未经授权，请勿转载或用于商业用途。引言随着互联网数据量呈指数级增长，网络爬虫技术在数据采集、市场分析、学术研究等领域扮演着越来越重要的角色。Python凭借其简洁的语法和丰富的库生态，已成为网络爬虫开发的首选语言。然而，当今网络环境下，爬虫开发者
  • 项目开发实践——基于SpringBoot+Vue3实现的在线考试系统(一) bjzhang75 Vue知识学习及项目开发实践项目开发实践springbootvue.js在线考试系统
    文章目录一、系统说明二、技术选型三、主要成果展示四、项目框架搭建1、运行环境搭建2、前端框架搭建3、后端框架搭建五、本文代码下载一、系统说明基于SpringBoot+Vue3实现的在线考试系统是为高校打造的一款在线考试平台。系统功能说明1、系统共有管理员、老师、学生三个角色，管理员拥有系统最高权限。2、老师拥有考试管理、题库管理、成绩管理、学生管理四个模块。3、学生可以参与考试、查看成绩、试题练习
  • 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其他