zhaoxiangpeng16
zhaoxiangpeng16

一个有趣的html5播放器

复制直接可以看片，反正我信了！

提示： 先去下载一个mv，改变vodeo一下中src中的路径，就可以了。

<span style="font-size:14px;"><strong><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
        <title>html5 视频</title>
    </head>
 
<style type="text/css">
li{list-style:none;color:#fff;}
 
a:hover{color:#f00;} 

li:hover{color:#f00;cursor: pointer;}  
 </style>
    <body >
       <div style="background-color:#fff;width:1000px;height:600px;"> 
       <div style="margin-left:20%;">
        <header>
            <div>
                当前播放 ：<a > <!-- id="currentMovie" -->《画江湖之灵主》</a><br>
                当前播放速度 ： <span id="currentSpeed">1X</span><br>
                当前声音大小为 ：<span id="currentVolume">100</span><br>
            </div>
        </header>
        <section>
        <article>
            <video style="float:left;"  id="testVideo" preload="metadata" src="/jiami/images/1.mp4" height="300"  controls>
                  你的浏览器不支持html5视频
            </video>
            <div style="float:left;background-color:rgb(48,48,48);width:200px;height:317px;overflow:scroll;">
                <h4 style="color:rgb(166,166,166);font-weight:bold;width:200px;float:left;"><span>播放列表</span>   <span >集数列表</span></h4>
                 <hr>
                <ul style="">
                    <li>喜洋洋灰太狼</li>
                    <li>蜡笔小新</li>
                    <li>龙珠</li>
                     <li>喜洋洋灰太狼</li>
                    <li>蜡笔小新</li>
                </ul>
            </div>
        </article>
        <article style="clear:both;">
            <br/>

            <button class="btn btn-primary" id="play">播放</button>
            <button class="btn btn-primary"  id="pause">暂停</button>
            <button class="btn btn-primary"  id="stop">停止</button>
            <button class="btn btn-primary"  id="prev">下集</button>
            <button class="btn btn-primary"  id="next">上集</button>
            <button class="btn btn-primary"  id="upVolume">音量+</button>
            <button class="btn btn-primary"  id="downVolume">音量-</button>
            <button class="btn btn-primary"  id="fastFoward">快进</button>
            <button class="btn btn-primary"  id="fastBackward">快退</button>
            <br/>
            
         <!-- 从<input type="text" id="min" style="width:20px;" value="0"/>分跳转到<input type="text" id="sec"  style="width:20px;" value="0"/>播放 
            <button id="locate">确认</button> -->
        </article>
        <section>
        </div>
          </div>
        <script type="text/javascript">
            var $  = function(id){return document.getElementById(id);};
            var _video = $("testVideo");
            
            //视频列表
　　　　　　　var playList = {
                current : 0,
                list : ["画江湖之灵主.ogg","war3.ogg","movie.ogv","trailer.webm","trailer.ogv"]
            }
            
            var videoUtil = {
                //播放
                play : function(){
                    _video.play();
                },
                //暂停
                pause : function(){
                    _video.pause();
                },
                //停止
                stop : function(){
                    _video.currentTime = 0;
                    _video.pause();
                },
                //下一个视频
                next : function(){
                    if(playList.current == playList.list.length-1){
                        playList.current = 0;
                    }else{
                        playList.current++;
                    }
                    _video.src=playList.list[playList.current];
                    _video.play();
                },
                //前一个视频
                prev : function(){
                    if(playList.current == 0){
                        playList.current = palyList.list.length-1;
                    }else{
                        playList.current--;
                    }
                    _video.src=playList.list[playList.current];
                    _video.play();
                },
                //加大声音,每次加大1/10
                upVolume : function(){
                    _video.volume += 0.1;
                },
                //减小声音，每次减小1/10
                downVolume : function(){
                    _video.volume -= 0.1;
                },
                //翻倍加快播放速度
                fastFoward : function(){
                    //FF不支持playbackRate
　　　　　　　　　　　　if(_video.playbackRate){
                        _video.playbackRate = _video.playbackRate*2;
                    }else{
                        alert("对不起，你的浏览器不支持改变播放速度！");
                    }
                    
                },
                //降低播放速度
                fastBackward : function(){
                    if(_video.playbackRate){
                        _video.playbackRate = _video.playbackRate/2;
                    }else{
                        alert("对不起，你的浏览器不支持改变播放速度！");
                    }
                },
                //跳转到指定时间点播放
                locate : function(){
                    var min = $("min").value;
                    var sec = $("sec").value;
                    var time = parseInt(min)*60+parseInt(sec);
                    _video.currentTime = time;
                    _video.play();
                },
                bindEvent : function(){
                    var self = this;
                    
                    //绑定页面上各个按钮的事件
　　　　　　　　　　　　var btns = document.getElementsByTagName("button");
                    for(var i = 0 ;i < btns.length ; i++){
                        var el = btns[i];
                        el.onclick = self[el.id];
                    }
                    
                    //播放完毕自动播放下一个
                    _video.onended = function(){
                         var event = document.createEvent("HTMLEvents");
                        event.initEvent('click', true, true);
                        $("next").dispatchEvent(event);
                    }
                    
                    //循环检查视频的当前状态
                    setInterval(function(){
                        var speed = _video.playbackRate||1;
                        var movie = "movie"+playList.current;
                        var volume = parseInt(_video.volume*100);
                        $("currentMovie").innerHTML = movie;
                        $("currentSpeed").innerHTML = speed+"X";
                        $("currentVolume").innerHTML = volume;
                    },200);
                    
                }
            };
            
            window.onload = function(){
                videoUtil.bindEvent();
            }
            
        </script>
    </body>
</html></strong></span>

你可能感兴趣的:(JavaScript,html5,video,bootstrap,csdn)

  • v8引擎垃圾回收 bug丸 浏览器前端javascript垃圾回收
    V8引擎垃圾回收机制v8引擎负责JavaScript的执行。V8引擎具有内置的垃圾回收机制，用于自动管理内存分配和释放堆与栈栈空间栈空间是小而连续的内存空间，主要用于存储局部变量和函数调用的相关信息，同时栈结构是“先进后出”的策略栈空间的最大的特点是空间连续，所以在栈中每个元素的地址都是固定的，因此栈空间的查找效率非常高，但是通常在内存中，很难分配到一块很大的连续空间，因此，V8对栈空间的大小做了
  • 五.ubuntu20.04 - ffmpeg推拉流以及Nginx、SRS本地部署 djykkkkkk ffmpeg学习ffmpegnginx运维
    一.本地部署nginx1.编译ffmpeg，参考这位博主的，编译选项有的enable找不到的不需要的可以直接删除，但是像sdl（包含ffplay）、h264、h265这些需要提前下载好，里面都有下载指令。Ubuntu20.04编译安装FFmpeg详细教程_ubuntu20.04bianyiffmpegcsdn-CSDN博客2.下载并配置编译Nginxubuntu20.04编译安装nginx_ubu
  • 安卓音频和视频播放 编程之升级打怪 音视频
    一、安卓程序如何播放音乐1、MediaPlayer类可以实现音乐播放，同时只能播放一个音频。2、有对应的接口来控制播放，暂停，停止。二、播放视频VideoView类能播放视频，同时只能播放一个视频。三、适合多音频SoundPool类可以播放多个小音乐，适合游戏。四、自定义视频播放SuficeView类适合自定义视频播放。五、进度条SeekBar类和ProgressBar类是进度条的组件；
  • 【An】Animate 2024 动画设计制作 Alger_Hamlet 动画
    【An】Animate2024动画设计制作文章目录【An】Animate2024动画设计制作一、介绍二、效果三、下载一、介绍AdobeAnimate2024是一款动画设计制作软件。集成了诸多绘图工具、高级动画特效和灵活的交互设计功能，让用户能够轻松绘制出精美的角色与场景，并通过精细的时间轴控制实现流畅的动画效果。无论是二维动画、HTML5广告、互动网页、游戏元素还是教育课件，Animate2024
  • LeetCode Hot100 刷题路线（Python版） 熬夜造bug LeetCodeHot100刷题笔记leetcode算法职场和发展
    目录1.LeetCodeHot100刷题笔记（1）——哈希、双指针、滑动窗口2.LeetCodeHot100刷题笔记（2）——子串、普通数组、矩阵3.LeetCodeHot100刷题笔记（3）——链表4.LeetCodeHot100刷题笔记（4）——二叉树、图论-CSDN博客5.LeetCodeHot100刷题笔记（5）——回溯-CSDN博客6.LeetCodeHot100刷题笔记（6）——栈、堆
  • 基于springboot的企业OA管理系统 Olivia-gogogo springboot后端java
    摘要随着企业规模的扩大和业务的复杂化，传统的办公方式已难以满足企业高效管理的需求。本论文旨在设计并实现一个基于SpringBoot的企业OA（OfficeAutomation）管理系统，以提高企业办公效率、优化业务流程和加强信息共享。系统采用分层架构，结合MySQL数据库存储数据，前端使用Thymeleaf模板引擎和Bootstrap框架实现页面展示。通过需求分析、系统设计、代码实现和测试等环节，
  • 小米辟谣“雷军广告报价37万起”；微信上线「附近的工作」功能；OpenAI漏洞赏金暴涨5倍至10万美元|极客头条 2501_91425658 微信
    整理|苏宓出品|CSDN（ID：CSDNnews）一分钟速览新闻点！微信上线「附近的工作」功能，已覆盖全国超200个城市小米雷军：办武大雷军班压力很大，勉为其难答应先办5年李想宣布开源自研汽车操作系统理想星环OS百度Apollo向武汉大学捐赠8辆自动驾驶车辆：供师生教学科研小米王化回应雷军“广告报价”被数据平台曝光：雷总并未有计划接商单OpenAI：更新后的GPT-4o现已可供所有付费用户使用育碧
  • Java 多线程及进程和线程的区别 2401_87022338 java开发语言
    进程：是正在运行的，进程是资源分配的最小单位。线程：是cpu调度的最小单位（线程依赖于进程）。引用了(1条消息)【Java】室友打一把王者就学会了多线程_执久呀的博客-CSDN博客【Java】室友打一把王者就学会了多线程_执久呀的博客-CSDN博客")博主的生动比喻打个比喻，好比你打一把王者**(其实我不玩哈doge)**，进程比作是你开的那一把游戏，线程比作成每个玩家所选的英雄或者是游戏中的水晶
  • QtAV入门 byxdaz QTqtvideoaudio
    QtAV是一个基于FFmpeg和Qt的高性能多媒体播放框架，提供强大的音视频解码、渲染和处理能力，适合开发跨平台的播放器、视频编辑和流媒体应用。1.核心功能多格式支持支持H.264/H.265、VP9、AV1等视频编码。支持MP3、AAC、Opus等音频编码。封装格式：MP4、MKV、FLV、RTMP、HLS等。硬件加速利用GPU解码（DXVA2、VAAPI、VideoToolbox、CUDA）。
  • 计算机视觉、图像处理一些先进研究机构 weixin_33884611 matlab人工智能面试
    作者：xiabodan出处：http://blog.csdn.net/xiabodan/一般要去国外找资料，FQ是第一道工序，也是一件一劳永逸的事情，会为以后的研究，资料查找节约非常多的时间。后面有一些收集到的资源站点，不是每个都标注了的。能够依据自己的喜好自行选择。想要在如茫茫大海的互联网中找到你想要的资料，没有一定技巧是不行的。搜索要做的第一件事就是极力的找一篇非常好的paper的參考文献，不
  • 轻量级JSON解析神器：cJSON库全面解析 郎杉忱Robust
    轻量级JSON解析神器：cJSON库全面解析【下载地址】cJSON资源文件下载cJSON资源文件下载项目地址:https://gitcode.com/open-source-toolkit/67072项目介绍在当今的软件开发领域，JSON（JavaScriptObjectNotation）作为一种轻量级的数据交换格式，广泛应用于各种场景。为了满足嵌入式系统和资源受限环境下的JSON解析需求，cJS
  • JavaScript基础-元素滚动 scroll 系列 難釋懷 javascript开发语言
    在现代Web开发中，处理页面或元素的滚动行为是构建动态交互界面的重要部分。无论是实现无限滚动加载、固定导航栏还是平滑滚动效果，JavaScript都提供了强大的API来帮助我们获取和控制元素的滚动信息。本文将详细介绍scroll系列属性及其应用场景。一、初识Scroll属性scroll系列属性主要用于获取或设置元素滚动条的位置以及内容区域的尺寸。这些属性对于创建响应式设计、优化用户体验至关重要。（
  • JavaScript ES6 箭头函数与普通函数的区别详解【面试必备，值得收藏】 八了个戒 前端面试JavaScript系列面试宝典jsjavascriptprototype
    今天下午在面试的过程中，有一位面试官就问到了这道题目。说实话，如果不是今天问到了这个问题，我还不会去仔细对比分析一下这两个我们整天使用的函数声明方式，我们只有在不断总结中才会不断进步。同时，也非常感谢今天下午给我面试的这位面试官。目录一、箭头函数基本使用1、关于箭头函数的参数2、关于箭头函数的函数体二、箭头函数与普通函数的区别1、语法不同2、箭头函数都是匿名函数3、箭头函数不能用于构造函数，不能使
  • 2025 前端 JS 源码逆向实战：6 种绕过限制查看源码的合法方法 阿贾克斯的黎明 网络安全状态模式
    目录引言：为何需要绕过前端JS限制？一、浏览器开发者工具深度用法1.动态断点拦截（Chrome117+增强功能）2.Overrides功能持久化修改二、代理工具拦截与响应篡改1.BurpSuite2025动态解混淆三、浏览器扩展生态应用1.资源嗅探与下载（2025新版插件）四、本地代码劫持与Hook技术1.覆盖原生JavaScript方法五、移动端源码提取方案1.Android混合应用逆向六、源码
  • Python甘肃兰州二手房源爬虫数据可视化分析大屏全屏系统 开题报告 2501_90223162 信息可视化python爬虫
    项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式Python****甘肃兰州二手房源爬虫数据可视化分析大屏全屏系统开题报告XXXX大学**/学校/**学院毕业论文（设计）开题报告书学生姓名所属学院学号专业班级论文（设计）题目Python甘肃兰州二手房源爬虫数据可视化分析大屏全屏系统设计与实现指导
  • JavaScript 读取电脑复制的内容 前端小趴菜05 javascript前端
    使用navigator.clipboardAPI读取备注：由于安全和隐私原因，此API只能在安全上下文中运行（即HTTPS或本地服务器），并且在某些情况下可能需要用户交互（例如，点击事件）。使用//HTML粘贴//JSasyncfunctiongetClipboardText(){try{consttext=awaitnavigator.clipboard.readText();console.l
  • Kafka 可视化工具-Offset Explorer goldenocean kafka分布式
    最近在研究Kafka，相应的可视化工具有好多，其中官方免费提供的OffsetExplorer是首选，可是在下载时，速度特别慢，难以忍受。后来找了好多渠道，终于在csdn.net中找到了下载连接。为了方便小伙伴们使用，特将分享下载链接。offsetexplorer_64bit_3.0.exe
  • Rust语言从入门到精通：内存安全与并发编程 shejizuopin rust安全开发语言Rust语言从入门到精通内存安全并发编程
    引言Rust语言以其独特的内存安全特性和高效的并发编程能力，在近年来备受开发者关注。作为一种系统编程语言，Rust旨在提供对内存安全的保证，同时保持高性能，这使得它成为编写系统级软件、Web应用、嵌入式系统等领域的理想选择。本文将结合CSDN网站上的最新资源，带您从入门到精通Rust语言，重点探讨其内存安全机制和并发编程技巧，并通过代码示例进行详细分析。一、Rust语言基础1.1安装与配置首先，您
  • 简单易懂的javaScript：函数 sententias javascript开发语言ecmascript
    函数实际上也是对象，每个函数都是Function类型的实例，函数名就是指向函数对象的指针。函数声明functionsum(num1,num2){returnnum1+num2;}函数表达式constsum=function(num1,num2){returnnum1+num2;};函数声明和函数表达式几乎是等价的。ES6新增，箭头函数constsum=(num1,num2)=>{returnnum
  • Rust基础语法 Sean2077 rust
    以下是Rust语言基础语法的核心要点，结合与JavaScript的对比，帮助前端开发者快速掌握核心概念：一、变量与常量1.变量声明Rust：变量默认不可变，需用mut显式声明可变性。letx=5;//不可变变量letmuty=10;//可变变量y+=1;//允许修改JavaScript对比：constx=5;//不可变常量lety=10;//可变变量2.常量Rust：必须显式标注类型，命名风格全大
  • vue3 vite JavaScript heap out of memory when buildin [windows or mac] 错误问题解决 天河书阁 VicRestart vue.jsvitenodevue3macos
    打包时内存不足的问题正常流程:1、yarnaddincrease-memory-limitcross-env--dev2、package.json的scripts中添加："fix-memory-limit":"cross-envLIMIT=4096increase-memory-limit"3、yarnrunfix-memory-limit4、yarnbuildMac下流程：1.exportNOD
  • CSDN投稿：“发成 功回 血一对一老师计划的神奇秘密 2501_91450354 宽度优先
    在一个偏僻的小镇上，有一家名叫“编程大咖”的咖啡馆，咖啡香气四溢，吸引了一些年轻的程序员前来，在这里，人们或者聚精会神地敲击键盘，或者一边啜饮咖啡一边讨论着“CSDN投稿”的技巧和经验。其中，李小阳是个特别热爱“CSDN”的程序员。他常常在脑海中构建各种华丽的代码，只待灵感到来，便马上投入写作。但他一提到“投稿”这事，心中总是难免有些忐忑。小阳常在想，投稿就像把自己的灵魂暴露在阳光下，既想被大家欣
  • 《ESP8266通信指南》4-以Client进行TCP通信（AT指令） 柴头物联网 ESP8266通信指南网络tcp/ip网络协议嵌入式硬件物联网
    往期《ESP8266通信指南》3-常用AT指令详解-8266连WIFI-CSDN博客《ESP8266通信指南》2-ESP8266AT测试-CSDN博客《ESP8266通信指南》1-ESP8266简介-CSDN博客1.小节目标通过AT指令使用8266进行TCP通信2.书接上回复习以下，上一小节我们讲到了8266连接WIFI，还记得指令吗？复习一下现使用电脑开启一个移动热点我的WIFI账号密码：账号：
  • 《ESP8266通信指南》7-Arduino 开发8266的环境配置与示例代码烧录 柴头物联网 ESP8266通信指南物联网嵌入式硬件单片机
    往期《ESP8266通信指南》6-创建TCP服务器（AT指令）-CSDN博客《ESP8266通信指南》5-TCP通信透传模式(AT指令)-CSDN博客《ESP8266通信指南》4-以Client进行TCP通信（AT指令）-CSDN博客《ESP8266通信指南》3-常用AT指令详解-8266连WIFI-CSDN博客《ESP8266通信指南》2-ESP8266AT测试-CSDN博客《ESP8266通信
  • Django+Nginx+uwsgi网站使用Channels+redis+daphne实现简单的多人在线聊天及消息存储功能 YiSLWLL djangonginxpythonredis数据库服务器
    网站部署在华为云服务器上，Debian系统，使用Django+Nginx+uwsgi搭建。最终效果如下图所示。一、响应逻辑顺序1.聊天页面请求客户端请求/chat/（输入聊天室房间号界面）和/chat/room_name（某个聊天室页面）链接时，由Nginx转到Django由urls.py解析并返回相应页面，在返回的聊天室页面内置了javascript程序，请求建立wss:/ws/chat/roo
  • 转：tensorflow 数学运算 算法恩仇录 Keras
    来源：https://blog.csdn.net/qq_27009517/article/details/80801666感谢总结！tf.ceil向上取整。K.ceil不能这么操作:
  • Cesium 全面介绍 Super毛毛穗 WebGIS开发CesiumGISWebGIS
    一、Cesium是什么？Cesium是一个开源的JavaScript库，专门用于构建高性能的3D地理空间可视化应用。它基于WebGL技术，无需插件即可在浏览器中渲染全球地形、影像、3D模型、矢量数据等，支持从卫星视角到地下管网的全维度空间分析。二、核心功能与特性功能模块关键能力典型应用场景全球地形渲染支持高程数据、水面特效、地形夸张地形分析、洪水模拟3D模型加载支持glTF、3DTiles、点云等
  • WiFi_CE_占用带宽自动化测试_基于 Python + 罗德频谱仪（SCPI指令） 岁月_流沙 自动化测试_Pythonpython测试工具
    2.4G_WiFi_CE_占用带宽测试标准请参考下面博客2.4G_WiFi_CE_占用带宽测试_频谱分析仪测试2.4g-CSDN博客https://blog.csdn.net/weixin_57515011/article/details/146164656?spm=1001.2014.3001.5502测试组网图：下面代码示例，只是基于罗德频谱仪测试OBW的基础操作，如有疑问，欢迎留言沟通。im
  • 基于HTML5和CSS3实现3D旋转相册效果 木木黄木木 html5css33d
    基于HTML5和CSS3实现3D旋转相册效果这里写目录标题基于HTML5和CSS3实现3D旋转相册效果项目介绍技术栈核心功能实现原理1.HTML结构2.CSS样式设计2.1基础样式设置2.2容器样式2.3图片样式3.JavaScript实现4.交互功能实现4.1触摸和鼠标拖拽4.2播放控制项目亮点技术难点解析项目总结项目介绍在这个项目中，我们将使用HTML5和CSS3的新特性来实现一个炫酷的3D旋
  • [C++面试] 智能指针面试点（重点） 冰箱里有碗 c++面试
    一、入门1、什么是智能指针，为什么需要它？[C++面试]RAII资源获取即初始化（重点）-CSDN博客智能指针是一种类模板，用于管理动态分配的内存，能在对象生命周期结束时自动释放内存，避免内存泄漏。在传统的C++中，使用new分配内存后，必须手动使用delete释放，若忘记或在异常情况下未执行delete，就会导致内存泄漏。而智能指针利用C++的RAII（资源获取即初始化）技术，在对象构造时获取资
  • 矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
  • JDK timer antlove javajdkschedulecodetimer
    1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
  • JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm应用服务器
    堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。 典型设置： java -Xmx
  • JDBC连接数据库 Array_06 jdbc
    package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
  • Unsupported major.minor version 51.0（jdk版本错误） oloz java
    java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
  • 用多个线程处理1个List集合 362217990 多线程threadlist集合
      昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
  • JSP简单访问数据库 香水浓 sqlmysqljsp
    学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
  • Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
    1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n
  • Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
    在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下：   [html]  view plain copy   <RelativeLa
  • 查询汇总的sql baalwolf sql
    select   list.listname, list.createtime,listcount from dream_list as list ,   (select listid,count(listid) as listcount  from dream_list_user  group by listid  order by count(
  • Linux du命令和df命令区别 BigBird2012 linux
            1，两者区别             du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。        
  • AngularJS中的$apply，用还是不用？ bijian1013 JavaScriptAngularJS$apply
            在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。         但是首先，让我们把$apply转换成一种简化的形式。         scope.$apply就像一个懒惰的工人。它需要按照命
  • [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
    ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理   ClientCnxn构造方法   &
  • 【Java命令一】jmap bit1129 Java命令
    jmap命令的用法：   [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
  • Apache 服务器安全防护及实战 ronin47
    此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。 由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
  • unity 3d实例化位置出现布置？ brotherlamp unity教程unityunity资料unity视频unity自学
    问：unity 3d实例化位置出现布置？ 答：实例化的同时就可以指定被实例化的物体的位置,即 position  Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了,   如果你省略了第二个参数(
  • 《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java重构
    import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
  • struts2更改struts.xml配置目录 chiangfai struts.xml
    struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下：   <filter> <filter-name>struts2</filter-name> <filter-class&g
  • redis做缓存时的一点优化 chenchao051 redishadooppipeline
            最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。       首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
  • mysql导出数据不输出标题行 daizj mysql数据导出去掉第一行去掉标题
    当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数 如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName"  > exportResult.txt 结果为： studentid
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('
  • 爱情格言 dcj3sjt126com 格言
     1) I love you not because of who you are, but because of who I am when I am with you. 　　 我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
  • 转 Activity 详解——Activity文档翻译 e200702084 androidUIsqlite配置管理网络应用
    activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
  • win7安装MongoDB服务 geeksun mongodb
    1.  下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads   2.  解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
  • Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
    转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为 例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
  • 错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
    昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
  • 数据源架构模式之行数据入口 home198979 PHP架构行数据入口
    注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。   一、概念 行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。   二、简单实现行数据入口 为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
  • Linux各个目录的作用及内容 pda158 linux脚本
    1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。 　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
  • ubuntu12.04上编译openjdk7 ol_beta HotSpotjvmjdkOpenJDK
    获取源码 从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
  • 将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
            哈哈，出差这么久终于回来了，回家的感觉真好！         PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他