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 实现类似人人网的全屏浏览模式)

  • 无线数据网关 自动化测控的LoRa-4G混合网络 串口升级、信号扩展 高效物联传输网络 河北稳控科技 自动化网络运维
    DLS11无线数据网关自动化测控的LoRa-4G混合网络串口升级、信号扩展高效物联传输网络DLS11是一款专为VSxxx系列采发仪设计的内置电池低功耗数据转发器，支持LoRA和LTE（4G）无线通信。该设备通过“实时在线”的LoRA收发器，能够收集并存储来自其他LoRA设备的数据。随后，DLS11会定时启动，将这些存储的数据重新打包为标准数据包，并通过LTE网络发送至远端服务器。数据发送方式灵活多
  • 一文读懂stm32和51单片机的区别 对error说不 stm3251单片机嵌入式硬件
    一、引言在嵌入式系统开发领域，STM32和51单片机是两款被广泛使用的微控制器。51单片机以其简单易学、成本低廉的特点，在早期的电子开发中占据了主导地位；而STM32作为后起之秀，凭借其高性能、丰富的外设和强大的处理能力，逐渐成为了中高端应用的首选。本文将从多个方面详细阐述STM32和51单片机的区别，并给出相应的代码示例进行对比。二、硬件架构2.1内核51单片机：采用8位的8051内核，数据处理
  • 十年老鸟告诉你，51单片机和STM32怎么选择？ 单片机陈老师 单片机51单片机单片机51单片机stm32
    十年老鸟告诉你，51单片机和STM32怎么选择？初中辍学进厂，边工作边自学单片机，各种单片机实战项目，也是零基础学的stm32，应该还是能给你一些建议。首先理解为什么叫嵌入式?单从电路板硬件上看，是将串口、以太等控制芯片集成到CPU内，或者做成模组的形式;从软件上看，就是将业务程序和操作系统一起烧录到ROM中去。嵌入式系统可以分为三个就业方向:硬件、驱动、嵌入式操作系统及其上层业务。下面详解。硬件
  • 网络协议与安全：前端安全防护之CORS/CSP/CSRF(3) 双囍菜菜 前端随记网络协议安全csrf
    前端安全三剑客：CORS、CSP、CSRF防护实战手册文章目录前端安全三剑客：CORS、CSP、CSRF防护实战手册一、当安全防线失守：某社交平台的XSS噩梦二、同源策略：Web安全的基石与枷锁2.1同源定义与限制2.2现实中的妥协方案三、CORS：跨域资源共享的守门人3.1预检请求机制3.2服务端配置示例（Nginx）3.3前端实践注意四、CSP：堵住XSS的最后防线4.1策略配置解析4.2Re
  • 网络协议与安全：WebSocket/WebRTC(2) 双囍菜菜 前端随记网络协议安全websocket
    前端实时通信双雄：WebSocket与WebRTC的生存实战指南文章目录前端实时通信双雄：WebSocket与WebRTC的生存实战指南一、当HTTP遇到实时场景：在线课堂的卡顿之痛二、WebSocket：双向通信的热线电话2.1协议握手过程解析2.2React实时聊天实现2.3Vue股票行情展示三、WebRTC：点对点直连的终极方案3.1核心架构三要素3.2视频会议实现（React版）3.3文件
  • 消融实验（Ablation Study） xwhking 深度学习机器学习深度学习消融实验
    消融实验（AblationStudy）定义：消融实验是一种科学研究方法，通过逐步移除模型、算法或系统中的某个组件（如模块、层、特征、数据等），观察其对整体性能的影响，从而验证该组件的必要性和有效性。其名称来源于医学领域的“消融术”（切除部分组织以研究功能），在计算机视觉、机器学习和深度学习中被广泛用于分析模型设计。为什么要做消融实验？1.验证组件的有效性核心目的：确认模型中某个设计（如注意力机制、
  • 51单片机数码管操作 Alaso_shuang C51单片机学习51单片机嵌入式硬件单片机
    数码管操作静态数码管显示提要点:1.51单片机上的数码管是共阴连接的,所以需要在位选的时候给定低电平(接地)选中其几号LED,而接下来的段选注意一定是从高位到低位输出哦，因为我前面定义的位选三个接口顺序是由高位到低位的！！！#includevoidmain(){P2_4=1;P2_3=0;P2_2=1;P0=0x7D;}自己写的5(共阳数码管)#includevoiddigitalTube(uns
  • STM 32简介 xwhking #STM32单片机嵌入式硬件
    STM32是意法半导体（STMicroelectronics）设计的一系列32位微控制器（MCU），基于ARMCortex-M内核，被广泛用于嵌入式系统和物联网设备。它之所以能“控制很多东西”，核心原因在于硬件功能强大、接口丰富，并且软件生态完善。以下是通俗易懂的解释：1.STM32是什么？本质：一块高度集成的“微型电脑芯片”，内部包含：CPU（ARMCortex-M系列）：负责运算和逻辑控制。内
  • 苹果iPhone 16e销量表现糟糕 难以拯救市场 佳晓晓 智能手机scikit-learndjangovue.jsiphone
    在竞争激烈的智能手机市场中，苹果公司一直占据着重要的地位。然而，其最新推出的iPhone16e却在市场上遭遇了滑铁卢，销量表现糟糕，难以拯救苹果在中国市场不断下降的市场份额。本文将从多个方面对iPhone16e的销量困境进行分析。一、销量数据惨淡据统计机构数据，iPhone16e在国内市场前三天的销量比起iPhoneSE3的同期销量提升了60%。乍看之下，似乎表现十分火爆，然而这只是数字上的繁荣。
  • Linux系统下Conda安装状态检查与环境管理指南 2401_85812053 linux
    在Linux系统上管理和使用Conda环境是科学计算和数据分析工作中的常见需求。Conda是一个开源的包管理系统和环境管理系统，广泛用于安装多种编程语言的软件包和库。本文将详细介绍如何在Linux上检查Conda是否已经安装，以及如何管理Conda环境。1.Conda简介Conda是一个跨平台的软件包管理系统，它不仅能够管理Python包，还能管理R、Ruby、Lua、Scala等其他语言的包。C
  • 51单片机的寻址方式（完整） 二年级程序员 51单片机嵌入式硬件单片机
    目录一、立即数寻址二、直接寻址三、寄存器寻址四、寄存器间接寻址五、变址寻址六、位寻址七、指令寻址（一）绝对寻址（二）相对寻址在51单片机中，寻址方式是指在执行指令时，CPU寻找操作数所在存储单元地址的方法。由于计算机的指令执行过程中，常常需要对数据进行操作，而这些数据存储在不同的位置，如寄存器、存储器等，因此需要特定的方式来找到这些数据的地址，从而完成指令的操作。寻址方式的合理运用能够提高程序的执
  • 多线程(4) 噼里啪啦啦. java算法前端
    接着介绍多线程安全问题.由于线程是随机调度,抢占式执行的,随机性就会导致程序的执行顺序产生不同的结果,从而产生BUG.下面是一个线程不安全的例子.packageDemo4;publicclassDemo1{privatestaticintcount=0;publicstaticvoidmain(String[]args)throwsInterruptedException{Threadt1=new
  • 案例驱动的 IT 团队管理：创新与突破之路：第二章 团队组建：从人才画像到生态构建-2.2.1星型架构 vs 网状架构对比 言析数智 案例驱动的IT团队管理：创新与突破之路IT项目管理星型架构网状架构
    点击关注不迷路点击关注不迷路点击关注不迷路文章大纲星型架构vs网状架构：IT团队结构创新的双模选择引言：从网络拓扑到组织设计的范式迁移一、架构解析：技术原理与管理哲学的融合1.1星型架构：中心化控制体系1.2网状架构：分布式协作网络二、对比分析：六维能力评估模型2.1核心能力矩阵2.2适用场景对照三、混合架构创新：数字时代的第三选择3.1蜂巢式结构设计3.2动态平衡机制四、转型路线图：四阶段演进路
  • pbootcms开发网站模版内容列表标签 非凡网站 php开源前端
    内容列表标签适用范围：指定栏目编码时全站可用，适用当前列表标签作用：用于调取指定栏目的内容列表或自动当前列表1、当前栏目内容列表{pboot:list}[list:title]{/pboot:list}只能在列表页面使用，带分页，同一个页面只能使用一次，否则：老版本会出现分页冲突，新版会显示一样的内容。V1.2.2版本开始order排序进行调整，默认情况下置顶、推荐、头条具有优先显示，包括使用da
  • 网站源码模板 网站网页代码大全下载 非凡网站 html前端
    拥有一个专业的网站对于企业和个人来说至关重要。然而，从零开始开发一个网站往往需要大量的时间和技术投入，这对于许多非专业开发者来说是一个巨大的挑战。幸运的是，随着互联网的发展，网站源码模板和网页代码大全的出现，为建站提供了高效、便捷的解决方案。本文将详细介绍网站源码模板和网页代码大全的相关内容，以及如何获取这些资源，帮助你快速搭建出一个功能强大、设计精美的网站。企业网站源码5000多套：Yunbul
  • 静态网页模板 静态网站模板下载 非凡网站 phphtml
    开发一个功能强大且设计精美的网站往往是一项艰巨的任务。此时，静态网页模板便成为了理想的解决方案。它们不仅能够快速搭建出一个简洁、高效的网站，还能在不牺牲用户体验的前提下，大幅降低开发成本和时间投入。本文将为您详细介绍静态网页模板的优势、选择方法以及如何获取高质量的模板资源。企业网站源码5000多套：Yunbuluo.Net一、静态网页模板的优势（一）加载速度快静态网页模板的核心优势在于其轻量级的结
  • 利用Excel和ArcGIS，依靠起点和终点经纬度生成河流矢量数据 YUANXLLL 笔记ArcGISarcgis经验分享
    任务需求：已有相关项目的excel表格数据，包含项目名称、内容以及河流起点和终点的经纬度信息（度分秒格式），根据起点和终点经纬度将对应项目的河流连成直线，并在arcgis中导入至地理数据库中。1、在excel中将度分秒格式的经纬度表示法转换为十进制并保存（每行都包含起点和终点经纬度）转换前：转换后：转换公式：注意公式在“分'”为一位数字时会报错，需要在前面补0。=LEFT(N9,FIND("°",
  • Dev Container 系列专题（3）：深入配置：自定义你的 Dev Container 不出名的架构师 devopsdocker
    在前两期中，我们了解了DevContainer的概念并快速搭建了一个基于预定义镜像的开发环境。这次，我们将更进一步，探索如何通过自定义配置打造一个完全符合项目需求的DevContainer。本篇将以一个Python项目为例，带你学习配置文件的核心字段、使用Dockerfile定制镜像，并配置开发工具。一、为什么要自定义DevContainer？预定义镜像（如Node.js或Python的官方镜像）
  • 采用 LoRa 解决方案的智慧供应链和物流 地理探险家 物联网LoRa物流方案
    冠状病毒病(COVID-19)大流行，不可避免地导致全球供应链和物流行业，出现重大缺口和中断，但LoRa解决方案等新兴技术，可以帮助解决行业在这些充满挑战的时期的困境。物联网LoRa解决方案LoRa（长距离的缩写）是一种无线技术，已开发用于透过用于物联网(IoT)应用的传感器和低功耗广域网(LPWAN)，进行远距离低数据速率通信调制技术。LoRa相对于其他无线技术的优势局域网低功耗广域网蜂窝短距离
  • Ubuntu 双网卡配置优先级 Bright Xu Linuxlinux网络ubuntu
    Ubuntu双网卡配置优先级作者：BrightXuUbuntu的网卡配置跟CentOS不太一样。更多请参考：CentOS双网卡配置优先级根据业务需要，有时候服务器需要两张网卡，一张用于访问外网，另一种用于连接内网。如果在安装系统是就对两张网卡进行配置了的话，就比较方便，这里不再讨论。下面是后期添加的一张网卡ens37，其中ens33用于连接内网，ens37用于连接外网。话不多说，直入正题。启用网卡
  • 【ubuntu虚拟机】ens33未出现在ifconfig问题 qinfinger 虚拟机ubuntulinux
    事情发生与2023年4月12日，windows上安装了docker-desktop，奈何wsl不好用，便卸载了，之后我的虚拟机ubuntu无法联网，于是开始解决之旅事故原因ifconfig查了一下，没有ens33网卡，于是用ipaddress查看，发现是存在的，说明ens33有误。解决方案记录从茫茫人海中，看了这篇文章遇上同样场景，便记录下突然无法连接虚拟机：ifconfig中没有ens33步骤一
  • ubuntu双网卡连接不同网络 周陽讀書 个人经验可供分享Ubuntuubuntu网络服务器
    在ubuntu系统中插入ubs无线网卡构成双网卡设备，设想一个连外网一个连局域网。原本以为装上ubs网卡驱动即可，双网卡连接后发现不能上网，遂研究之。0前言接上一篇文章CF-955AX无线网卡LINUX驱动安装问题及解决我以为装好驱动就能实现双网卡上网，结果发现在ubuntu下还需要配置，网络是薄弱项，多亏学习交流群网友指点。1网卡信息查询参考连接：1.查看网卡信息：ifconfig命令及详细介绍
  • python导包 樱木之 python开发语言
    python导包在python导包中碰到了相对路径和绝对路径的问题，本文主要根据这两个方面就python导包问题进行讲解。本文目录：python导包三种方法python解释器加载包的路径参考：暂无。python导包三种方法三种导包方法及引用方法如下：#假设文件解释如下，我们在my_main.py文件中要加载tools.py中的print1()方法root|-my_main.py|-www|-ymz
  • Linux_Ubuntu20.04中ens33没有ip ginger_mr Linux
    今天换了一个工位（公司网络也是同一个），但是打开电脑虚拟机Ubtuntu连接不上网络，windows上的配置已经检查了一遍发现没什么问题，在Ubtun上发现ens33这个网卡根本没有分配ip。ginger@ubuntu:~$ifconfig-aens33:flags=4098mtu1500ether00:0c:29:ef:77:09txqueuelen1000(以太网)RXpackets0byte
  • linux makefile tutorial oushaojun2 linuxmakefile
    一个makefile的教程，几个小时就能看完，对makefile有个总体加细节的系统了解，非常不错：LearnMakefilesWiththetastiestexamples中文翻译版：起步-Makefile教程(gavinliu6.github.io)gcc官网手册（用于查找语法细节）：GNUmakemakefile总体跟shell有八成是类似的，不一样的只是几个判断语句和内部函数，以前老是掌握
  • Ubuntu18.04虚拟机掉电重启后网卡丢失只剩下lo回环网卡ens33网卡不见了 新潮技术研究社 Qt开发问题大全算法爬虫大数据百万案例大全ubuntulinuxvmwareifconfig
    某天，Ubuntu18.04虚拟机掉电重启后网卡丢失只剩下lo回环网卡执行操作：1.查看所有网卡，ifconfig-a2.执行sudodhclientens333.查看网卡驱动是否还在：lspci–v4.使能网卡：ifconfigens33up5.重启网络服务：/etc/init.d/networkingrestart6.测试：sudoaptupdate7.这里，关键的一步是，dhclienten
  • python的导包使用 power_kai python
    1、查看文件的创建时间importtimeimportosprint（time.localtime(os.path.getatime('E:\\a.txt'))）2、查看文件的修改时间print（time.localtime(os.path.getmtime('E:\\a.txt'))）3、pickle数据转换模块,这个写入的文件是一个二进制文件，普通文本编辑器打开是乱码importpickle#
  • ubuntu中ens33没有显示明确的IP地址的解决办法 网安.Hunter linuxubuntu服务器运维学习
    使用如下两条命令即可：sudodhclientens33sudoifconfigens33
  • 大模型学习方法之——大模型技术学习路线 hhaiming_ 学习方法学习语言模型人工智能
    “技术学习无非涵盖三个方面，理论，实践和应用**”**大模型技术爆火至今已经有两年的时间了，而且大模型技术的发展潜力也不言而喻。因此，很多人打算学习大模型，但又不知道该怎么入手，因此今天就来了解一下大模型的学习路线。‍‍丁元英说：“透视社会有三个层面，技术，制度与文化”；同样的，技术学习同样有三个层面，理论，实践和应用，三者相辅相成，缺一不可。技术的意义在于解决问题01—大模型技术学习的理论，实践
  • CSP认证-202212 搞笑症患者 算法
    前言使用java，根据官方模拟考试的试题列表刷题试题清单目前只更新了前三题的满分思路，后面两题先放一放，随缘更新~202212202212-1现值计算满分思路：计算第k年的x元在今年的价值x/Math.pow(1+i,k)，将每年结果累加注意：题目要将未来的款项转换为今年的价值importjava.util.*;publicclassMain{publicstaticvoidmain(String
  • 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其他