子纯不语
子纯不语

css3动画第一式--简单翻滚

在w3cschool上面查阅css3的动画语法手册时，发现“css3 动画”栏目首页放了一个翻滚的div动画案例，觉得挺好看的，于是就自己模仿着写了一下，感觉还行O(∩_∩)O哈哈~

css3动画第一式--简单翻滚_第1张图片

查看原地址

下面放代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
.box {
    position: relative;
    margin-top: 50px;
    height: 60px;
}
.test {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 50px;
    font:14px/50px Microsoft YaHei;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background-color: #eb5C7e;
    -webkit-animation-name: gogogo;
    -webkit-animation-duration: 6s;
    -webkit-animation-timing-function:ease;
    -webkit-animation-iteration-count: infinite;
    animation-name: gogogo;
    animation-duration: 6s;
    animation-timing-function:ease;
    animation-iteration-count: infinite;
}
@-webkit-keyframes gogogo
{
    0% { 
        background-color: #eb5C7e;
        -webkit-transform: rotate(0);
    }
    10% {
        background-color: #eb5C7e;
        -webkit-transform: rotate(0);    
    }
    30%{
        background-color: #1b9e55;
        left: 0; 
        -webkit-transform: rotate(30deg);        
    }
    50%{
        left: 400px;
        background-color: #2a7df8;
        -webkit-transform: rotate(0);
    }
    70%{
        left: 400px;
        background-color: #2a7df8;
        -webkit-transform: rotate(0);
    }    
    100%{ 
        left:0;
        background-color: #eb5C7e;
        -webkit-transform: rotate(-360deg);
    }
}
@keyframes gogogo
{
    0% { 
        background-color: #eb5C7e;
        transform: rotate(0);    
    }
    10% {
        background-color: #eb5C7e;
        transform: rotate(0);    
    }
    30%{
        background-color: #1b9e55;
        left: 0; 
        transform: rotate(30deg);        
    }
    50%{
        left: 400px;
        background-color: #2a7df8;
        transform: rotate(0);
    }
    70%{
        left: 400px;
        background-color: #2a7df8;
        transform: rotate(0);
    }    
    100%{ 
        left:0;
        background-color: #eb5C7e;
        transform: rotate(-360deg);
    }
}
</style>
</head>
<body>
    <div class="box">
        <div class="test">
            翻滚吧
        </div>
    </div>
</body>
</html>

然后，你可能看不到效果？少年，该升级浏览器啦~~~

你可能感兴趣的:(css3动画第一式--简单翻滚)

  • 自然语言处理（NLP）领域大语言模型学习目录大全 彬彬侠 大模型自然语言处理NLP大模型LLMGPTBERTGLM
    本文主要收集了自然语言处理（NLP）领域的大语言模型，可以可以通过点击标题链接查看具体的详情。GPT系列GPT-1（GenerativePre-trainedTransformer1）模型GPT-1（GenerativePre-trainedTransformer1）是OpenAI在2018年6月提出的第一代GPT模型，也是第一个基于Transformer结构的自回归（Autoregressive
  • 智邦国际ERP软件实施成功的七大步骤 soywp51 erp实施操作步骤智邦国际erp
    ERP系统实施指的是利用ERP软件将企业用户的管理制度与信息化技术相结合的一种过程，为解决用户的实际管理问题而提供的服务。ERP系统实施往往需要在管理系统和实际工作之间寻求妥协,具有相当大的难度,因此有些企业ERP实施是失败的。所以要对ERP实施做足充分的准备工作，智邦国际小编在此准备了实施流程借以参考。第一步：公司决策层确认大方向每家企业都有各自的管理流程，很少能与ERP系统完全一致。此时决策层
  • 零基础小白也能轻松上手！C# WinForm、上位机与 WPF 教程大起底 七七知享 上位机c#wpf开发语言Winform上位机教程零基础
    你是否曾望着复杂的编程世界，满心憧憬却又因零基础而望而却步？今天，咱们就专为编程小白打造，深入剖析C#WinForm、上位机与WPF的神秘面纱，开启一段轻松愉悦的编程学习之旅！一、C#基础——编程世界的敲门砖C#作为一门功能强大且应用广泛的编程语言，是踏入编程领域的绝佳起点。对于零基础的朋友，先得了解它的基本语法，像变量、数据类型、控制语句这些基础概念，就如同搭建房子的砖块，看似简单，却是构建复杂
  • docker 部署 若依plus 异常 nacos 启动异常 攀小黑 dockerjava容器
    具体报错百度下来就是说com.cauchohessian这个版本号不对，说什么jdk版本太高，有限制其实和这个没关系因为我有一个测试习惯，就是现在本地跑，每次跑一遍都能跑得通，但是放到线上就挂了！后来我尝试在本地跑第二遍（同一个项目），最后竟然报错了！和在线上的问题一样！而且这里需要注意，nacos的启动的时候还要去下载一些依赖，所以保证你的服务器是通网的！最后解决问题是：他在第一次跑的时候，会将
  • DeepSeek：如何通过自然语言生成HTML文件与原型图？ 阿三0404 ai人工智能html机器学习深度学习
    在当今快节奏的开发与设计环境中，快速生成HTML文件或原型图是每个开发者与设计师的迫切需求。虽然DeepSeek无法直接生成图片，但它却能够通过自然语言生成流程图、原型图以及交互式页面，甚至可以直接输出HTML代码。本文将详细介绍如何与DeepSeek高效交流，生成你想要的HTML文件或原型图，并分享一些实用技巧。1.DeepSeek的核心功能与优势DeepSeek是一款基于自然语言处理（NLP）
  • ‌HTTP/1.0、HTTP/2.0和HTTP/3.0的区别 www.www 计算机基础知识http网络协议网络
    ‌HTTP/1.0、HTTP/2.0和HTTP/3.0的区别HTTP/1.0HTTP/2.0HTTP/3.0（QUIC）在应用中，HTTP/1.0、HTTP/2.0和HTTP/3.0的主要区别在于连接方式，性能优化，头部压缩，安全性及数据传输等方面HTTP/1.0HTTP/1.0是第一个被广泛使用的HTTP协议版本，发布于1996年。主要特点包括：非持久连接‌：每个请求都使用一个独立的TCP连接，
  • Go实战全家桶之五十二：go函数式编程 leijmdas go实战全家桶gogolang
    github.com/samber/lo是一个非常流行的Go语言库，提供了丰富的函数式编程工具，类似于JavaScript中的Lodash。它通过泛型支持，为Go开发者提供了许多便捷的集合操作函数（如Map、Filter、Reduce、Uniq等）。然而，是否认为它是“最好的”函数式编程库，取决于具体的需求和使用场景。以下是对lo库的详细分析，帮助你判断它是否适合你的项目：1.lo库的优点1.1丰
  • 基于 Python 对百度热搜 “Manus 推出引发科技圈震动” 的数据分析 萧十一郎@ pythonpython百度科技
    目录一、案例背景二、代码实现2.1数据收集2.2数据探索性分析2.3数据清洗2.4关键词提取与词频统计2.5情感分析（简单示例，实际可采用更复杂模型）2.6数据可视化三、主要的代码难点解析3.1数据收集3.2数据清洗-文本预处理3.3关键词提取与词频统计3.4情感分析3.5数据可视化四、可能改进的代码4.1数据收集改进4.2文本预处理改进4.3关键词提取改进4.4情感分析改进4.5可视化改进一、案
  • 当内容超出宽度时实现横向滑动效果 十年 lius web前端csscsshtml5css3
    当内容超出宽度时，可以横向滚动我们经常会遇到内容超过高度时，页面出现滚动条，通过滚动条来继续浏览内容，比如当前页面就是。很简单，设置css属性overflow-y:auto;就可以实现。而如果想要内容不换行，当超过宽度，横向滚动呢，overflow-x:auto;就不能实现了，因为默认会换行。话不多说，直接上代码。{{prizeItem.amount}}.content{padding:020px
  • 解锁 Hugging Face 的 smolagents：AI 代理的革命性突破！ 真智AI 人工智能python开发语言机器学习pandas
    利用简单却强大的AI代理框架提升你的工作效率！AI代理的崛起随着大型语言模型（LLM）推理能力的增强，AI代理成为了当前最热门的话题。这些代理不仅能够独立做出决策，还能根据用户输入执行任务。如果你对AI代理不太了解，可以将其理解为一个由LLM控制工作流的程序。AI代理的核心理念是：让机器执行过去无法完成的任务。随着AI代理的趋势不断上升，市面上涌现了许多AI代理框架。在众多代理框架中，smolag
  • 如何使用 Python+Flask+win32print 实现简易网络打印服务 江梦寻 pythonflask开发语言后端pytestweb3.pywin32
    Python实现网络打印机：Flask+win32print在工作场景中，我们可能需要一个简单的网页接口，供他人上传文档并自动打印到指定打印机。本文将演示如何使用Python+Flask+win32print库来实现这一需求。代码详见：https://github.com/poboll/webprint1.环境准备Windows10/11Python3.8+打印机（已安装并可用）Flaskpywi
  • Arc 浏览器内显示全链接 江梦寻 macosedge浏览器前端javascript经验分享网络windows
    前言arc浏览器由于其优秀的UI和交互效果获得了一批忠实用户，其分享下载的营销方式抓住用户想尝新的事物。用了好几个月后发现这个浏览器真的不错，方便的小窗方式，简单快速的网页优化方案（boost）等，都让我慢慢放弃了chrome浏览器。目前唯一不爽的一点就是没法显示fullURL。有时候在测试环境和正式环境的相同开发工具中不断切换，会把环境搞乱，因此每次都要从sidebar中检查一遍URL再开始操作
  • 嵌入式开发：磁通门传感器开发（6）：在STM32上实现FFT需要的空间资源 魂兮-龙游 嵌入式开发stm32嵌入式硬件单片机傅里叶变换MCU资源计算
    文章目录空间资源计算综合考虑结论在STM32上使用CMSIS-DSP库进行FFT计算时，我们这里进行的是128点的实数FFT（使用arm_rfft_fast_f32），每个点用一个float表示（占4字节），那么我们可以从以下几个方面来估算所需要的空间资源：空间资源计算原始采样数据：128个float数据占据的空间：128*4=512FFT输出数据：对于实数FFT，输出通常也会用128个float
  • 如何使用Node.js搭建本地服务器 安静旅者 node.js服务器运维编程
    Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，它提供了一种轻量级且高效的方式来构建网络应用程序。在本文中，我们将深入探讨如何使用Node.js搭建一个简单的本地服务器。步骤1：安装Node.js首先，你需要在你的计算机上安装Node.js。你可以从Node.js官方网站（https://nodejs.org）下载适合你操作系统的安装包，然后按照安装向导进行安装。步骤
  • 山海经——AI思路 Cool_(wly)_Dino deepseekc++
    好的，我需要帮助用户解决这个关于《山海经》的问题。根据用户的问题描述，老师希望找到从第a座山到第b座山之间的某段路径(i,j)，使得这段路径上的喜恶度之和最大。用户之前已经得到过一个使用分块算法处理区间最大值查询的C++代码，但现在的问题似乎有所不同，因为这里需要的是最大子数组和，而不是简单的区间最大值。首先，我要确认用户的具体需求。用户提到每座山只能到达下一座山，也就是路径是连续的，所以问题转化
  • 低代码平台的后端架构设计与核心技术解析 阿三0404 低代码
    引言：低代码如何颠覆传统后端开发？在传统开发模式下，一个简单用户管理系统的后端开发需要：3天数据库设计5天RESTAPI开发2天权限模块对接50+个易出错的代码文件而现代低代码平台通过可视化建模+自动化生成，可将开发周期缩短至2小时。本文将深度剖析后端低代码平台的核心技术实现。一、后端低代码平台核心架构https://via.placeholder.com/800x400?text=Archite
  • FreeSWITCH 简单图形化界面40 - 使用mod_curl模块进行http请求 贾宝玉的玉宝贾 IPPBXfreeswitchvoipsiphttppython
    FreeSWITCH简单图形化界面40-使用mod_curl模块进行http请求0、界面预览00、简介1、编译安装1.1编辑模块配置文件2、使用2.1拨号规则GET请求POST请求JSON数据2.2Lua脚本GET请求POST请求JSON数据3、示例3.1示例1：提交CDR到第三方接口3.2示例2：提交外呼状态到第三方接口0、界面预览http://myfs.f3322.net:8020/用户名：a
  • EasyRTC嵌入式音视频通话SDK：基于ICE与STUN/TURN的实时音视频通信解决方案 EasyCVR RTC音视频实时音视频h.265人工智能webrtc
    在当今数字化时代，实时音视频通信技术已成为人们生活和工作中不可或缺的一部分。无论是家庭中的远程看护、办公场景中的远程协作，还是工业领域的远程巡检和智能设备的互联互通，高效、稳定的通信技术都是实现这些功能的核心。EasyRTC嵌入式音视频通话SDK支持多种类型的网络环境，能够适应不同的网络条件，确保在各种场景下都能实现高效、稳定的实时音视频通信。以下是EasyRTC支持的主要网络环境类型：1、有线网
  • Python 文档测试 赔罪 Python系统学习python服务器前端
    目录文档测试练习小结文档测试如果你经常阅读Python的官方文档，可以看到很多文档都有示例代码。比如re模块就带了很多示例代码：>>>importre>>>m=re.search('(?>>m.group(0)'def'可以把这些示例代码在Python的交互式环境下输入并执行，结果与文档中的示例代码显示的一致。这些代码与其他说明可以写在注释中，然后，由一些工具来自动生成文档。既然这些代码本身就可以
  • C++Primer学习（5.3条件语句） 黑果果的思考 零基础学习C++c++学习
    5.3条件语句C++语言提供了两种按条件执行的语句。一种是if语句，它根据条件决定控制流:另外一种是switch语句，它计算一个整型表达式的值，然后根据这个值从几条执行路径中选择一条。5.3.1if语句if语句(ifstatement)的作用是:判断一个指定的条件是否为真，根据判断结果决定是否执行另外一条语句。if语句包括两种形式:一种含有else分支，另外一种没有。简单if语句的语法形式是if(
  • C++Primer学习（5.1和5.2 简单语句和语句作用域） 黑果果的思考 零基础学习C++c++学习
    通常情况下，语句是顺序执行的。但除非是最简单的程序，否则仅有顺序执行远远不够。因此，C++语言提供了一组控制流(fow-of-control)语句以支持更复杂的执行路径。5.1简单语句C++语言中的大多数语句都以分号结束，一个表达式，比如iva1+5，末尾加上分号就变成了表达式语句(expressionstatement)。表达式语句的作用是执行表达式并丢弃掉求值结果:ival+5;//一条没什么
  • swagger-01-swagger介绍 褚师子书 swaggerjavaspringbootrestful
    swagger1.学习目标：了解前后端分离了解Swagger的作用和概念在SpringBoot中集成Swagger1.1swagger由来前后端分离，当前流行的开发模式Vue+SpringBoot早先的后端时代：前端只用管理静态页面；后端将html用模板引擎JSP进行开发前后端分离式时代：后端：后端控制层，服务层，数据访问层【后端团队】前端：前端控制层，视图层【前端团队】mock后端数据json,
  • python前景和待遇-Python就业前景怎么样？薪资待遇多少 weixin_37988176
    Python就业前景怎么样？薪资待遇多少？Python上手容易，入门简单Python是一门面向对象的编程语言，编译速度超快。它具有丰富和强大的库，常被称为"胶水语言”，能够把用其他语言编写的各种模块（尤其是C/C）很轻松地联结在一起。其特点在于灵活运用，因为其拥有大量第三方库，所以开发人员不必重复造轮子，就像搭积木一样，只要擅于利用这些库就可以完成绝大部分工作。如果你想选择一种语言来入门编程，那么
  • Ollama：让大型语言模型触手可及 步子哥 AGI通用人工智能语言模型人工智能自然语言处理
    Ollama：让大型语言模型触手可及导语：近年来，大型语言模型（LLM）发展迅猛，但对于普通用户而言，搭建和使用LLM仍有一定门槛。Ollama应运而生，它是一个轻量级、可扩展的框架，致力于让每个人都能轻松构建和运行本地LLM。一键安装，轻松上手Ollama提供了简单易用的安装方式，无论你是macOS、Windows还是Linux用户，都能快速开始使用。macOS:下载Windows(预览版):下
  • Python开发行业薪资多少？ Java大师兄-威哥 Python编程IT技术程序员IT
    大家都知道，人工智能越来越受欢迎了。而Python由于简单易用，是人工智能领域中使用最广泛的编程语言之一，它可以无缝地与数据结构和其他常用的AI算法一起使用。Python开发行业薪资多少？我们看看图片就能知道个大概。无论是国内还是国外对于编程语言的热度调查中，Python都是数得上名的。Python热度的持续升温，自然也引起了开源团队的项目。由于OSI认可的开放源码许可，程序员可以使用Python
  • springboot生成二维码在word文档，并下载到本地 尼古拉骚 springboot+IO流javaspringjavascript
    springboot生成二维码在word文档，并下载到本地分为两部分演示，第一部分简单的生成word文档并保存到本地；第二部分生成二维码在word文档，并保存到本地。第一部分首先引入word的依赖资源com.lowagieitext2.1.7com.lowagieitext-rtf2.1.7com.itextpdfitext-asian5.2.0创建Word，并且写入IO流中，前端获取文件流才能保
  • 介绍 TensorFlow 的基本概念和使用场景。 大富大贵7 程序员知识储备1程序员知识储备2程序员知识储备3经验分享
    TensorFlow是一个由谷歌开发的开源机器学习框架，广泛应用于深度学习领域。它提供了一个灵活的平台，可以用于构建各种机器学习模型，包括神经网络。TensorFlow的基本概念和使用场景如下：张量（Tensor）：TensorFlow中的基本数据结构就是张量，可以简单理解为多维数组。张量可以是标量（0维张量）、向量（1维张量）、矩阵（2维张量）等。在TensorFlow中，所有数据都以张量的形式
  • 腾讯元宝超越DeepSeek？登顶下载榜：AI 的“下一战”拼什么？ 算家计算 话题文章人工智能算家云腾讯元宝DeepSeekAI竞争
    3月3日深夜，腾讯元宝APP在中国区苹果应用商店免费App下载排行榜上，上升至第一，超越DeepSeek。超越DeepSeek登顶榜首，腾讯元宝有什么不同？一方面，腾讯元宝的爆发始于2月13日的重大更新：同时支持混元与DeepSeek模型。前者擅长快速响应（如混元TurboS“秒回”），后者专注深度推理，形成互补。这种“双引擎”模式，既满足用户即时需求，又提供复杂任务的处理能力，成为差异化竞争的核
  • Python爬取58同城广州房源+可视化分析 R3eE9y2OeFcU40
    感谢关注天善智能，走好数据之路↑↑↑欢迎关注天善智能，我们是专注于商业智能BI，人工智能AI，大数据分析与挖掘领域的垂直社区，学习，问答、求职一站式搞定！对商业智能BI、大数据分析挖掘、机器学习，python，R等数据领域感兴趣的同学加微信：tstoutiao，邀请你进入数据爱好者交流群，数据爱好者们都在这儿。消失了一段时间，这段时间在CSDN阅读了不少关于Python爬虫的文章，也学习了秦璐老师
  • Vue3自适应布局实战：动态窗口高度适配与最小值限制的完美结合 内向的小农 vue.js前端javascript
    副标题：从基础原理到el-table深度应用，手把手教你实现"屏幕无界，布局有度"的响应式方案一、核心知识点梳理响应式窗口高度监听•使用ref创建响应式变量windowHeight，通过window.addEventListener('resize')实时更新窗口高度•示例代码：constwindowHeight=ref(window.innerHeight);window.addEventLis
  • 开发者关心的那些事 圣子足道 ios游戏编程apple支付
    我要在app里添加IAP，必须要注册自己的产品标识符（product identifiers）。产品标识符是什么？ 产品标识符（Product Identifiers）是一串字符串，它用来识别你在应用内贩卖的每件商品。App Store用产品标识符来检索产品信息，标识符只能包含大小写字母（A-Z）、数字（0-9）、下划线（-）、以及圆点(.)。你可以任意排列这些元素，但我们建议你创建标识符时使用
  • 负载均衡器技术Nginx和F5的优缺点对比 bijian1013 nginxF5
            对于数据流量过大的网络中，往往单一设备无法承担，需要多台设备进行数据分流，而负载均衡器就是用来将数据分流到多台设备的一个转发器。         目前有许多不同的负载均衡技术用以满足不同的应用需求，如软/硬件负载均衡、本地/全局负载均衡、更高
  • LeetCode[Math] - #9 Palindrome Number Cwind javaAlgorithm题解LeetCodeMath
    原题链接：#9 Palindrome Number   要求： 判断一个整数是否是回文数，不要使用额外的存储空间   难度：简单   分析： 题目限制不允许使用额外的存储空间应指不允许使用O(n)的内存空间，O(1)的内存用于存储中间结果是可以接受的。于是考虑将该整型数反转，然后与原数字进行比较。 注：没有看到有关负数是否可以是回文数的明确结论，例如
  • 画图板的基本实现 15700786134 画图板
     要实现画图板的基本功能，除了在qq登陆界面中用到的组件和方法外，还需要添加鼠标监听器，和接口实现。 首先，需要显示一个JFrame界面： public class DrameFrame extends JFrame {              //显示
  • linux的ps命令 被触发 linux
    Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照，就是执行ps命令的那个时刻的那些进程，如果想要动态的显示进程信息，就可以使用top命令。 要对进程进行监测和控制，首先必须要了解当前进程的情况，也就是需要查看当前进程，而 ps 命令就是最基本同时也是非常强大的进程查看命令。使用该命令可以确定有哪些进程正在运行
  • Android 音乐播放器 下一曲 连续跳几首歌 肆无忌惮_ android
    最近在写安卓音乐播放器的时候遇到个问题。在MediaPlayer播放结束时会回调 player.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { mp.reset(); Log.i("H
  • java导出txt文件的例子 知了ing javaservlet
    代码很简单就一个servlet,如下： package com.eastcom.servlet; import java.io.BufferedOutputStream; import java.io.IOException; import java.net.URLEncoder; import java.sql.Connection; import java.sql.Resu
  • Scala stack试玩, 提高第三方依赖下载速度 矮蛋蛋 scalasbt
    原文地址： http://segmentfault.com/a/1190000002894524 sbt下载速度实在是惨不忍睹, 需要做些配置优化 下载typesafe离线包, 保存为ivy本地库 wget http://downloads.typesafe.com/typesafe-activator/1.3.4/typesafe-activator-1.3.4.zip 解压r
  • phantomjs安装(linux，附带环境变量设置) ，以及casperjs安装。 alleni123 linuxspider
    1. 首先从官网 http://phantomjs.org/下载phantomjs压缩包，解压缩到/root/phantomjs文件夹。 2. 安装依赖 sudo yum install fontconfig freetype libfreetype.so.6 libfontconfig.so.1 libstdc++.so.6 3. 配置环境变量 vi /etc/profil
  • JAVA IO FileInputStream和FileOutputStream，字节流的打包输出 百合不是茶 java核心思想JAVA IO操作字节流
    在程序设计语言中，数据的保存是基本，如果某程序语言不能保存数据那么该语言是不可能存在的，JAVA是当今最流行的面向对象设计语言之一，在保存数据中也有自己独特的一面，字节流和字符流 1，字节流是由字节构成的，字符流是由字符构成的 字节流和字符流都是继承的InputStream和OutPutStream ,java中两种最基本的就是字节流和字符流   类 FileInputStream
  • Spring基础实例（依赖注入和控制反转） bijian1013 spring
    前提条件：在http://www.springsource.org/download网站上下载Spring框架，并将spring.jar、log4j-1.2.15.jar、commons-logging.jar加载至工程1.武器接口 package com.bijian.spring.base3; public interface Weapon { void kil
  • HR看重的十大技能 bijian1013 提升能力HR成长
        一个人掌握何种技能取决于他的兴趣、能力和聪明程度，也取决于他所能支配的资源以及制定的事业目标，拥有过硬技能的人有更多的工作机会。但是，由于经济发展前景不确定，掌握对你的事业有所帮助的技能显得尤为重要。以下是最受雇主欢迎的十种技能。 　　一、解决问题的能力 　　每天，我们都要在生活和工作中解决一些综合性的问题。那些能够发现问题、解决问题并迅速作出有效决
  • 【Thrift一】Thrift编译安装 bit1129 thrift
    什么是Thrift The Apache Thrift software framework, for scalable cross-language services development, combines a software stack with a code generation engine to build services that work efficiently and s
  • 【Avro三】Hadoop MapReduce读写Avro文件 bit1129 mapreduce
    Avro是Doug Cutting(此人绝对是神一般的存在）牵头开发的。 开发之初就是围绕着完善Hadoop生态系统的数据处理而开展的（使用Avro作为Hadoop MapReduce需要处理数据序列化和反序列化的场景）,因此Hadoop MapReduce集成Avro也就是自然而然的事情。 这个例子是一个简单的Hadoop MapReduce读取Avro格式的源文件进行计数统计，然后将计算结果
  • nginx定制500，502，503，504页面 ronin47 nginx　错误显示
    server { listen 80; error_page 500/500.html; error_page 502/502.html; error_page 503/503.html; error_page 504/504.html; location /test {return502;}} 配置很简单，和配
  • java-1.二叉查找树转为双向链表 bylijinnan 二叉查找树
    import java.util.ArrayList; import java.util.List; public class BSTreeToLinkedList { /* 把二元查找树转变成排序的双向链表 题目： 输入一棵二元查找树，将该二元查找树转换成一个排序的双向链表。 要求不能创建任何新的结点，只调整指针的指向。 10 / \ 6 14 / \
  • Netty源码学习-HTTP-tunnel bylijinnan javanetty
    Netty关于HTTP tunnel的说明： http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/socket/http/package-summary.html#package_description 这个说明有点太简略了 一个完整的例子在这里： https://github.com/bylijinnan
  • JSONUtil.serialize(map)和JSON.toJSONString(map)的区别 coder_xpf jqueryjsonmapval()
     JSONUtil.serialize(map)和JSON.toJSONString(map)的区别   数据库查询出来的map有一个字段为空   通过System.out.println()输出 JSONUtil.serialize(map)： {"one":"1","two":"nul
  • Hibernate缓存总结 cuishikuan 开源sshjavawebhibernate缓存三大框架
    一、为什么要用Hibernate缓存？ Hibernate是一个持久层框架，经常访问物理数据库。 为了降低应用程序对物理数据源访问的频次，从而提高应用程序的运行性能。 缓存内的数据是对物理数据源中的数据的复制，应用程序在运行时从缓存读写数据，在特定的时刻或事件会同步缓存和物理数据源的数据。   二、Hibernate缓存原理是怎样的？ Hibernate缓存包括两大类：Hib
  • CentOs6 dalan_123 centos
    首先su - 切换到root下面1、首先要先安装GCC GCC-C++ Openssl等以来模块：yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel2、再安装ncurses模块yum -y install ncurses-develyum install ncurses-devel3、下载Erang
  • 10款用 jquery 实现滚动条至页面底端自动加载数据效果 dcj3sjt126com JavaScript
      无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果，改变了一直以来只能通过点击下一页来翻页这种常规做法。 无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜索、google reader、箱包批发网等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条
  • ImageButton去边框&Button或者ImageButton的背景透明 dcj3sjt126com imagebutton
    在ImageButton中载入图片后，很多人会觉得有图片周围的白边会影响到美观，其实解决这个问题有两种方法 一种方法是将ImageButton的背景改为所需要的图片。如：android:background="@drawable/XXX" 第二种方法就是将ImageButton背景改为透明，这个方法更常用 在XML里；    <ImageBut
  • JSP之c:foreach eksliang jspforearch
    原文出自：http://www.cnblogs.com/draem0507/archive/2012/09/24/2699745.html <c:forEach>标签用于通用数据循环，它有以下属性 属 性 描 述 是否必须 缺省值 items 进行循环的项目 否 无 begin 开始条件 否 0 end 结束条件 否 集合中的最后一个项目 step 步长 否 1
  • Android实现主动连接蓝牙耳机 gqdy365 android
    在Android程序中可以实现自动扫描蓝牙、配对蓝牙、建立数据通道。蓝牙分不同类型，这篇文字只讨论如何与蓝牙耳机连接。 大致可以分三步： 一、扫描蓝牙设备： 1、注册并监听广播： BluetoothAdapter.ACTION_DISCOVERY_STARTED BluetoothDevice.ACTION_FOUND BluetoothAdapter.ACTION_DIS
  • android学习轨迹之四：org.json.JSONException: No value for hyz301 json
    org.json.JSONException: No value for items  在JSON解析中会遇到一种错误，很常见的错误   06-21 12:19:08.714 2098-2127/com.jikexueyuan.secret I/System.out﹕ Result:{"status":1,"page":1,&
  • 干货分享：从零开始学编程 系列汇总 justjavac 编程
    程序员总爱重新发明轮子，于是做了要给轮子汇总。 从零开始写个编译器吧系列 (知乎专栏) 从零开始写一个简单的操作系统 (伯乐在线) 从零开始写JavaScript框架 (图灵社区) 从零开始写jQuery框架 (蓝色理想 ) 从零开始nodejs系列文章 (粉丝日志) 从零开始编写网络游戏 
  • jquery-autocomplete 使用手册 macroli jqueryAjax脚本
    jquery-autocomplete学习 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 当前版本：1.1 需要JQuery版本：1.2.6 二、使用 <script src="./jquery-1.3.2.js" type="text/ja
  • PLSQL-Developer或者Navicat等工具连接远程oracle数据库的详细配置以及数据库编码的修改 超声波 oracleplsql
    　　在服务器上将Oracle安装好之后接下来要做的就是通过本地机器来远程连接服务器端的oracle数据库，常用的客户端连接工具就是PLSQL-Developer或者Navicat这些工具了。刚开始也是各种报错，什么TNS:no listener;TNS:lost connection;TNS:target hosts...花了一天的时间终于让PLSQL-Developer和Navicat等这些客户
  • 数据仓库数据模型之：极限存储--历史拉链表 superlxw1234 极限存储数据仓库数据模型拉链历史表
    在数据仓库的数据模型设计过程中，经常会遇到这样的需求： 1. 数据量比较大; 2. 表中的部分字段会被update,如用户的地址，产品的描述信息，订单的状态等等; 3. 需要查看某一个时间点或者时间段的历史快照信息，比如，查看某一个订单在历史某一个时间点的状态，    比如，查看某一个用户在过去某一段时间内，更新过几次等等; 4. 变化的比例和频率不是很大，比如，总共有10
  • 10点睛Spring MVC4.1-全局异常处理 wiselyman spring mvc
    10.1 全局异常处理 使用@ControllerAdvice注解来实现全局异常处理; 使用@ControllerAdvice的属性缩小处理范围 10.2 演示 演示控制器 package com.wisely.web; import org.springframework.stereotype.Controller; import org.spring
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他