ots_luo
ots_luo

个人博客引导页自适应动漫背景自动切换带背景音乐

个人博客引导页自适应动漫背景自动切换带背景音乐

      • 前言
      • 效果
      • 部分源码

前言

大家好，我是ots_luo,今天给大家带来一款适合个人博客的引导页，采用适合手机，平板，电脑的自适应布局，带背景（自动切换）带背景音乐。鼠标放在头像框是会切换图片的。图片和文章均可修改。

效果

部分效果图截图：
个人博客引导页自适应动漫背景自动切换带背景音乐_第1张图片

部分源码

<body>
<div id="top">
<main id="top_main">
<div id="top_logo"><img src="./htmlimg/tx.png" onmouseover="mouseOver()" onmouseout="mouseOut()" id="mainimg"></div>
<div id="top_title"><img id="top_title01" alt=""" src="./htmlimg/toptitle01.png">

">
" alt=""" src="./htmlimg/toptitle02.png">
</div><br><br>s
<div class="showcase-examples l-over l-center">
  <a href="http://www.ots-sec.cn/" target="_blank" class="button button-rounded button-plain button-small-caps button-border">待添加</a>
  <a href="http://www.ots-sec.cn/" target="_blank" class="button button-rounded button-plain button-small-caps button-border">待添加</a>
  <a href="http://www.ots-sec.cn/" target="_blank" class="button button-rounded button-plain button-small-caps button-border">待添加</a>
  <a href="http://www.ots-sec.cn/" target="_blank" class="button button-rounded button-plain button-small-caps button-border">待添加</a>
  </div>

</main>
<script>
	function mouseOver(){
		document.getElementById("mainimg").src="./htmlimg/tx2.png";//鼠标悬浮时的旋转图标
	}
	function mouseOut()
	{
		document.getElementById('mainimg').src ="./htmlimg/tx.png"//默认的旋转图标
	}
</script>
</div>
</body>

完整源码下载地址：点击下载

我是ots-luo，码字不易，写教程也不易，如果文章对你有帮助，记得评论点赞加转发收藏哦！感谢支持！！

更多文章记得关注我的博客
网站文章对应：点击传送
头条文章：点击传送

你可能感兴趣的:(html,前端html,css,js)

  • 【python】如何通过Python中的http.server搭建文件上传下载服务 景天科技苑 python轻松入门基础语法到高阶实战教学pythonhttp开发语言python文件上传下载http.server
    ✨✨欢迎大家来到景天科技苑✨✨养成好习惯，先赞后看哦~作者简介：景天科技苑《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。《博客》：Python全栈，PyQt5和Tkinter桌面开发，小程序开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi，flask等框架，云原生K
  • 【css】 CSS之经典的三栏布局和水平垂直居中 小墨鱼_z csscss前端
    1、三栏布局问题：⾼度固定，左右两侧的盒⼦宽度为200px，中间⾃适应解决float实现position实现flex实现2、水平垂直居中行内块元素1.line-heighttext-align:center2.display:flex;justify-content:center;align-items:center;块级元素1.position+margin清楚⼦元素的宽⾼2.position+
  • vue2 使用 axios bjzhang75 javascript前端vue.js
    在Vue2中集成和使用Axios进行HTTP请求操作，通常包括以下几个步骤：一、安装Axios：在项目目录下通过npm或yarn安装Axios。npminstallaxios#或者yarnaddaxios二、全局配置与注册：为了让所有Vue组件都能方便地访问Axios，可以将其挂载到Vue的原型上，这样在每个组件中就可以通过this.$http来调用Axios。在main.js文件中进行如下配置：
  • 【前端知识整理】CSS布局 快速居中，两栏布局与三栏布局 EnoshSAGIRI csscss前端css3
    CSS中的各种布局方法1快速居中对齐的方法2两栏布局2.1左列定宽右列自适应2.1.1浮动+margin方法2.1.2浮动+BFC2.1.3定位（子绝父相）2.1.4flex2.1.5浮动+负外边距2.1.6table2.2左列不定宽右列自适应3三栏布局3.1浮动+margin3.2浮动+BFC3.3flex3.4table3.5定位3.6圣杯布局3.7双飞翼布局3.8grid1快速居中对齐的方法
  • 王者荣耀官网首页（xd原文件） 无名指的等待712 HTML5css3xd前端
    1web前端开发者链接：https://pan.baidu.com/s/1nl9XmiyWnMs9gPCP1sN-3w提取码：hhss本文件是王者荣耀官网首页的XD源文件，玩游戏不如自己创造一个游戏。本文件可以锻炼一下大家的HTML5和css3的基础功底。
  • 小红书 x-s，x-s-common,x-t 最新获取，能通过 速看 cornan pythonjavascript算法
    最近因为公司需要，研究了小红书，已经通过，看下面的截图，然后看通过时间，能通过。。需要的滴滴我，有偿的，白嫖就不要加了地球号：zhituomaoPS:不要问我用什么方式，我就是补环境的，然后生成了一个js，可以用py使用，也可以用各种语言调用，都可以正常使用
  • 前端HTML相关知识 Xiao Tong333 html前端
    1.什么是HTMLHTML指的是超文本标记语言(HyperTextMarkupLanguage)。超文本:是指页面内可以包含图片、链接、声音,视频等内容标记:标签(通过标记符号来告诉浏览器网页内容该如何显示)浏览器根据不同的HTML标签，解析成我们看到的网页2.HTML的特点HTML不是编程语言，而是标记语言。HTML使用标签的形式来标识网页的不同组成部分HTML文档包含了HTML标签和文本HTM
  • vue中使用day.js实现时间格式的互相转换 疯狂拔头发 javascriptvue.js开发语言
    简介Day.js是一个轻量的处理时间和日期的JavaScript库，被设计用于在浏览器和Node.js中工作。安装npm安装>npminstalldayjs--save项目中使用importdayjsfrom'dayjs'//或vardayjs=require('dayjs')dayjs().format()常用正常时间格式转Unix时间戳(毫秒)let<
  • vue.js 获取当前屏幕的宽度_js获取浏览器和屏幕的各种宽度高度 梦终会碎 vue.js获取当前屏幕的宽度
    一：网页可见区域宽高，不包括工具栏和滚动条(浏览器窗口可视区域大小)1.对于IE9+、chrome、firefox、Opera、Safari：window.innerHeight浏览器窗口的内部高度；window.innerWidth浏览器窗口的内部宽度；2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度；do
  • ES6 export和import wayne1125
    util.jsexportletsum=(x,y)=>{returnx+y;}exportletminus=(m,n)=>{returnm-n;}main.jsimport{num,minus}from'./util'或import*asutilfrom'./util'console.log(`sum:${sum(1,6)}`)或console.log(`sum:${util.minus(10,6
  • 使用 Express 写接口 過尽千帆_YL
    1.创建基本的服务器//导入expressconstexpress=require('express')//创建服务器实例constapp=express()//配置解析表单数据的中间件app.use(express.urlencoded({extended:false}))//必须在配置cors中间件之前，配置JSONP的接口app.get('/api/jsonp',(req,res)=>{//
  • 界面设计 周行知
    建立文件夹如图所示images---放图片styles---放css样式index.php出口文件写入index.php文件多用户留言系统飘城WEB俱乐部多用户留言系统首页注册登录风格个人中心管理退出帖子列表新进会员最新图片版权所有翻版必究本程序由飘城WEB俱乐部提供,源码可以任意修改或发布写入css样式公共样式basic.css部分:@CHARSET"UTF-8";*{margin:0px;pa
  • QT —— 存储 & 解析 Jecklin_online QTQTQJson
    包含内容：JSON文件的存储&读取为此配置文件提供单例模式使用hash容器作为转化一、QT中的JSON常用类：1.作用：用于读写JSON文档。2.函数：QJsonDocument::fromJson()从文本转化为QJsonDocumentQJsonDocument::toJson()从QJsonDocument转化为文本!isNull()判断已解析文档的有效性isArray()判断JSON文档是
  • js常用事件（2） _耀北 javascript前端html
    表单事件(FormEvents)submit:当用户提交表单时触发。formElement.addEventListener('submit',function(event){event.preventDefault();//防止表单提交console.log('Formsubmitted!');});change:当表单元素的值发生变化时触发（例如选择菜单、复选框）。inputElement.a
  • vue element-ui表格table 表格动态 添加行、删除行、添加列、删除列 自定义表头 哆啦唉m vue.jsuielementui前端javascript
    vuetable表格动态添加行、删除行、添加列、删除列自定义表头；增加一行、删除一行、添加一列、删除一列；每行带输入框input代码1、HTML部分：删除列删除行增加行增加列2、JS部分：exportdefault{name:"Index",data(){return{columnLabel:'',//要增加的列名columnPropIndex:0,//列属性自增columnData:[],//列
  • css的选择器 垦利不 css前端javascript
    输入框2hhhhhhh输入框1以上述代码为例1.类选择器.input2{background-color:#f2f2f2;/*浅灰色背景*/border:2pxsolid#007bff;/*蓝色边框*/color:#333;/*字体颜色*/font-size:16px;/*字体大小*/padding:10px;/*内边距*/border-radius:5px;/*边框圆角*/width:300px
  • HTML5+CSS:Flex属性的应用 垦利不 csshtml5css3
    引言：Flex布局是什么？Flex是FlexibleBox的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display:flex;}行内元素也可以使用Flex布局。.box{ display:inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀。.box{ display:-webkit-flex;/*Safa
  • uniapp微信小程序，授权弹框，样式/主题 LuckyRui1209 uni-app微信小程序小程序
    在masifast.json中mp-weixin设置darkmode：true,"mp-weixin":{"darkmode":true,"themeLocation":"theme.json",//如果theme.json在根目录可省略}theme.json{"light":{"navBgColor":"#f8f8f8","navTxtStyle":"black"},"dark":{"navBg
  • 微信小程序常见问题汇总 一月清辉 面试常见问题小程序
    1、如何避免微信小程序中app.js中onshow事件的n次触发的问题?问题在开发中，遇到了一个小难题，就是app.js中onshow事件总是会因调用其它API而触发，例如:wx.chooseImage，wx.makephonecall、wx.previewImage等。解决办法目前比较好的办法就是onshow中，通过首个参数option下的scene判断进入的场景，根据场景处理相关逻辑。2、简单
  • js如何判断数组是Array类型 隔壁甜言
    1、使用instanceof方法:用于判断一个变量是否某个对象的实例，左边操作数是一个对象，右边操作数是一个函数对象或者函数构造器vararr=[];console.log(arrinstanceofArray)2、使用constructor方法：在W3C定义中的定义：constructor属性返回对创建此对象的数组函数的引用，就是返回对象相对应的构造函数。从定义上来说跟instanceof不太一
  • node.js毕业设计基于微信小程序寸金校园租车平台（源码+程序+LW+部署） node-php毕设程序源码 微信小程序node.js课程设计
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：Node.js+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：Express框架+Node.js+Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可
  • k8s必知必会 小卒曹阿瞒 八股文分布式网络bigdata
    目录1、简述etcd及其特点etcd是CoreOS团队发起的开源项目，是一个管理配置信息和服务发现（servicediscovery）的项目，它的目标是构建一个高可用的分布式键值（key-value）数据库，基于Go语言实现。特点：简单：支持REST风格的HTTP+JSONAPI安全：支持HTTPS方式的访问快速：支持并发1k/s的写操作可靠：支持分布式结构，基于Raft的一致性算法，Raft是一
  • react脚手架配置代理总结 ST_MT
    react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000（优先匹配前端资源）方法二第一步：创建代理配置文件在src下创建配置文件：src/setupProx
  • vue事件绑定 软件技术NINI vue笔记vue.jsjavascript前端
    vue事件处理：1指令的语法格式：｛｛插值语法｝｝“表达式”位置都可以写什么？常量，js表达式，vue实际所管理的xxx2在vue当中完成事件绑定需要哪个指令呢？v-on：事件名=“表达式”例如：v-on：click=“表达式”表示当发生鼠标单机事件以后，执行表达式v-on=keydown“表达式”表示当键盘按下事件以后，执行表达式3在vue当中，所有事件所关联的回调函数，需要vue实力的配置项m
  • Java中的Jackson：高级进阶篇 墨瑾轩 Java类库Java乐园java开发语言
    关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣❓引言嗨，小伙伴们！今天我们将一起探索Jackson这个强大的JSON处理库。如果你需要在Java程序中处理JSON数据，那么Jackson绝对是你的首选。接下来，我们就一步步地探索Jackson的魅力吧！‍什么是Jackson？Jackson是一个开源的Ja
  • Python大数据之Python爬虫学习总结——day16 数据可视化 笨小孩124 Python爬虫学习总结信息可视化python大数据
    数据可视化Map_地图基础地图知识点:基础示例:实战练习:知识点:自定义模块:制作中国地图data1.txt文件内容python代码示例制作区域地图data2.txt文件内容python代码示例Line_折线图基础折线图实战练习:Bar_柱状图基础柱状图反转以及主题设置Json数据python数据转为json数据知识点:示例:json数据转为python数据知识点:json文件:示例:Map_地图
  • vue实现穿梭框功能（ES6语法） lucky*girl vue.jshtml5javascript
    1、vue两种实现穿梭框的方式。方式一：Vue结合ES6语法实现穿梭框。（优点：自写组件复用性强，易修改）方式二：引入Element中transfer插件简单写了CSS样式和HTML。（优点，引入组件即可，易上手操作）2、实现效果：左边为复选框按钮，可全选可单选，选中后点击按钮到左侧。右边实现效果同理。并用计算属性动态计算出每个数组共多少条数据，选中了多少条。实现效果图如下：自写组件：引入Elem
  • vue动态改变css样式 lucky*girl 前端vuevue.jscssjavascript
    要求：切换按钮后改变css的样式实现思路：循环数组，然后添加点击事件，获取到当前点击的index根据数组的下标去动态的改变样式。状态筛选{{item.name}}分类筛选{{item.name}}data中需要定义的数据信息activeIndex:0,//状态筛选的图片activeIndexs:0,//分类筛选的图片事件中方法的处理//todo查看当前选中的时那个状态的value值checknow
  • django学习入门系列之第六点《DOM初了解》 铁匠匠匠 django学习sqlite数据库django笔记开源python
    文章目录初了解往期回顾初了解DOM,就是一个模块，模块可以对HTML页面中标签进行操作//根据ID来获取标签//document.getElementById()varbodyTag=document.getElementById("body");//获取标签中的文本bodyTag.innerText//修改标签中的文本bodyTag.innerText="内容";//创建标签vartag=doc
  • django学习入门系列之第四点《javascript初了解》 铁匠匠匠 djangodjango学习javascript笔记开源python前端框架
    文章目录往期回顾javascript是一门编程语言，浏览器就是相当于这门语言的解释性DOM和BOM相当于这门语言内置的模块例如:Python的random，json模块JQuery可以理解为编程语言的第三方模块例如:openpyxl，requestsjavascript意义让程序实现一些动态的效果小案例Title.menus{width:200px;border:1pxsolidred;}.men
  • 二分查找排序算法 周凡杨 java二分查找排序算法折半
    一：概念 二分查找又称 折半查找（ 折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而 查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表 分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
  • java中的BigDecimal bijian1013 javaBigDecimal
            在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de
  • Shell echo命令详解 daizj echoshell
    Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
  • Oracle DBA 简单操作 周凡杨 oracle dba sql
    --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb
  • 画图重绘 朱辉辉33 游戏
      我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
  • 线程之初体验 西蜀石兰 线程
    一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。 之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。 线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。 你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
  • linux集群互相免登陆配置 林鹤霄 linux
    配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c
  • mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
    原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储
  • Socket编程 基本的聊天实现。 alleni123 socket
    public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
  • 多线程监听器事件模式(一个简单的例子) 百合不是茶 线程监听模式
        多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队
  • spring InitializingBean接口 bijian1013 javaspring
    spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
  • Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle数据库权限
            Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
  • 【Struts2五】Struts2 参数传值 bit1129 struts2
    Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
  • 【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
    I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or
  • nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
    nginx gzip压缩配置 更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
  • java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
    two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
  • Spring源码学习-JdbcTemplate queryForObject bylijinnan javaspring
    JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
  • [冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
         看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb
  • js 获取浏览器型号 cuityang js浏览器
    根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=
  • C# socks5详解 转 dalan_123 socketC#
    http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
  • 运维 Centos问题汇总 dcj3sjt126com 云主机
    一、sh 脚本不执行的原因 sh脚本不执行的原因 只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数
  • Yii防注入攻击笔记 dcj3sjt126com sqlWEB安全yii
    网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号 这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
  • MongoDB简介[一] eksliang mongodbMongoDB简介
    MongoDB简介 转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不
  • zookeeper windows 入门安装和测试 greemranqq zookeeper安装分布式
    一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
  • Spring之使用事务缘由(2-注解实现) ihuning spring
      Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.
  • iOS App Launch Option 啸笑天 option
    iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。 1、若用户直接
  • jdk与jre的区别（_） macroli javajvmjdk
    简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。 如果安装了JDK，会发同你
  • Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象git
    $ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
  • [一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hivehive元数据结构
    关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。 本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，
  • Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
      Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他