adx5800963
adx5800963

css3动画之圆形运动轨迹

css3中通过@keyframes定义动画，animation设置动画属性，从而实现动画效果；

在animation属性当中，可以规定动画的名称、整个动画的运行时间、运动的速度曲线以及其延迟时间、播放次数等。

animation

animation作为一个复合属性，包括了以下动画属性。

  • animation-name -------------------------------------规定动画名称

  • animation-duration ---------------------------------规定动画完成一次的时间

  • animation-timing-function  ----------------------规定动画的运动速度曲线

  • animation-delay  ------------------------------------规定动画的延迟时间

  • animation-iteration-count  -----------------------规定动画的播放次数

  • animation-direction   ------------------------------规定动画下一周期是否逆向开始

  • animation-fill-mode  -------------------------------规定动画时间之外的状态

  • animation-play-state  ------------------------------规定动画的运行和暂停

animation-timing-function

规定动画的速度曲线。默认是 "ease"。常用的运动速度曲线还有以下几种：

  • linear：线性过渡。
  • ease-in：由慢到快。
  • ease-out：由快到慢。
  • ease-in-out：由慢到快再到慢。

也可以直接使用贝塞尔曲线规定运行的速度曲线，贝塞尔曲线的4个数值需在[0, 1]区间内。

animation-direction

规定动画是否在下一周期逆向播放。默认是 "normal"。

  • reverse:反方向运动
  • alternate:先正常方向再反方向运动，持续交替
  • alternate-reverse:先反方向再正常方向运动，持续交替

animation-fill-mode

规定对象动画时间之外的状态。常用值如下：

  • none:默认值
  • forwards:设置对象状态为动画结束时的状态
  • backwards:设置对象状态为动画开始时的状态

圆形运动轨迹

实现代码如下：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>沿圆形轨迹运动title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        html,body{
            height: 100%;
        }
        #trajectory {
            width: 300px;
            height: 300px;
            border: 4px solid #949494;
            border-radius: 50%;
            position: relative;
            left: calc(50% - 153px);
            top:calc(50% - 153px);
        }
        @keyframes moveX{
            0% {left: -22px;}
            100% {left: 282px;}
        }
        @keyframes moveY{
            0% {top: -22px;}
            100% {top: 282px;}
        }
        #move {
            width: 40px;
            height: 40px;
            font-size: 12px;
            background-color: #32c33a;
            border-radius: 50%;
            position: absolute;
            left:-22px;
            top:-22px;
            animation: moveX 4s cubic-bezier(0.36,0,0.64,1) -2s infinite alternate, moveY 4s cubic-bezier(0.36,0,0.64,1) 0s infinite alternate;
        }
    style>
head>
<body>
    <div id="trajectory">
        <div id="move">Immortal brotherdiv>
    div>
body>
html>

 

 以上代码的注意点如下：

  • 对body高度100%的设置原因在于html5环境下body的默认高度为0
  • calc在使用过程中，值与值之间的“-”和“+”两端的空格必不可少
  • 动画当中的left和top值为物体运动的起始位置和结束位置，要注意border值
  • 动画一次执行的运动轨迹仅为一半
  • 速度曲线：cubic-bezier(0.36,0,0.64,1)；
  • 两个方向的延迟时间的设置 X：-2s;Y : 0s
  • 先正方向再反方向持续交替运行 ：alternate

转载于:https://www.cnblogs.com/Immortal-brother/p/7683077.html

你可能感兴趣的:(css3动画之圆形运动轨迹)

  • react16版本之后开发中的注意点之setState异步 _云淡风轻_ react
    setState（setState底层为异步的原因）防止短时间内多次修改setState影响虚拟dom的比对及render方法的执行。因此，setState是异步函数。那么及时获取state数据就要在异步函数执行完毕而非按照代码从上到下的执行来获取。如：state={inputValue:"12"};this.setState((prevState)=>({inputValue:''}),()=>
  • 目标跟踪概念、多目标跟踪算法SORT和deep SORT原理 yhwang-hub 深度学习
    目录目标跟踪、单目标跟踪、多目标跟踪的概念欧氏距离、马氏距离、余弦距离欧氏距离马氏距离余弦距离SORT算法原理SORT算法中的匈牙利匹配算法指派问题中的匈牙利算法预测模型（卡尔曼滤波器）数据关联（匈牙利匹配）目标丢失问题的处理SORT算法过程deepSORT算法原理状态估计轨迹处理分配问题的评价指标级联匹配深度表观描述子算法总结目标跟踪、单目标跟踪、多目标跟踪的概念目标跟踪分为静态背景下的目标跟踪
  • C/C++、网络协议、网络安全类文章汇总 大草原的小灰灰 网络安全c语言c++网络协议网络安全密码学
    文章简介本文章主要对本博客的所有文章进行了汇总，方便查找。内容涉及C/C++编程，CMake、Makefile、Shell脚本，GUI编程框架MFC和QT，Git版本控制工具，网络协议基础知识，网络安全领域相关知识，Windows、Linux和Mac平台软件打包流程，一些实用的C/C++开源框架。对于访问量过万的文章进行了标记。文章汇总C/C++编程C++11新特性之std::function类模
  • 数据结构之顺序表 亦木不emo 数据结构数据结构线性回归链表
    目录存储结构操作实现类型定义初始化判空求长插入查找删除测试存储结构顺序表在内存中以一段连续的地址存储，具有随机性，顺序性，动态性：随机性，即首地址随机生成；顺序性，即各元素地址满足等距相邻；动态性，即存储空间可在程序运行时动态生成。操作实现类型定义结构体类型，定义一个动态数组存储数据，定义表长和当前长度。typedefstruct//顺序表结构体{int*base;//动态数组intlength;
  • 网站安全之网站劫持的防范 德迅云安全-甲锵 网络安全安全网络web安全
    在数字化时代，网站作为企业与用户交流的重要平台，其安全性和稳定性至关重要。然而，网站被劫持的现象时有发生，不仅损害了企业的声誉，还可能导致用户数据泄露等严重后果。劫持的常见原因有什么？1.系统漏洞：网站系统或服务器存在未修复的漏洞，为攻击者提供了入侵的机会。攻击者可以利用这些漏洞执行恶意代码，控制网站或窃取数据。2.弱密码和权限管理不善：使用弱密码或权限管理不善也是导致网站被劫持的常见原因。攻击者
  • Qt开发总结（13）——控件之显示控件 bjtuwayne Qt5-入门到实践
    中间穿插了一个资源系统，也是突然有感写的。这篇笔记接着第11章——输入控件继续向下写。本篇笔记总结Qt的显示控件。Qt显示控件有以下几种：控件名对应类名描述标签QLabel显示文字和图片
  • 软件架构设计与模式之：模块化设计与组件化架构 AI天才研究院 AI大模型企业级应用开发实战架构师必知必会系列编程实践大数据人工智能语言模型JavaPython架构设计
    软件架构设计与模式之：模块化设计与组件化架构作者：禅与计算机程序设计艺术文章目录软件架构设计与模式之：模块化设计与组件化架构1.背景介绍模块化设计的特点组件化设计的特点2.核心概念与联系定义关系3.核心算法原理和具体操作步骤以及数学模型公式详细讲解模块化设计模式模块化设计模式详解（一）功能分工模式1.功能设计2.职责分工3.功能分工结果（二）数据分工模式1.数据设计2.数据角色分工3.数据主题分工
  • 探索数据之美：Blazor-ApexCharts——为.NET Core而生的图表神器 解雁淞
    探索数据之美：Blazor-ApexCharts——为.NETCore而生的图表神器Blazor-ApexChartsAblazorwrapperforApexCharts.js项目地址:https://gitcode.com/gh_mirrors/bl/Blazor-ApexCharts在可视化日益重要的今天，找到一个既高效又灵活的图表库对于开发者来说至关重要。今天，我们要向大家隆重推荐一款专为
  • Ubuntu 下访问摄像头 及将摄像头数据重定向到http协议 远程访问摄像头 chn89 Linux
    本文的主要工作是ubuntu下打开摄像头，保存图片及视频，以及将视频流搬到网络上，远程访问之。两个目的，第一是手头现有树霉派，但是没有摄像头模块，所以就以笔记本来做实验，最终想法是树霉派连接摄像头模块作为一个远程网络视频监控器。第二，是安卓或者IOS装个支持视频流的播放器，就可以打开上述远程视频监控器了1打开摄像头为了访问摄像头，需要安装cheese软件。sudoapt-getinstallche
  • SpringCloud之OpenFeign简单使用 tuoerke springcloud
    SpringCloud之OpenFeign简单使用文章目录SpringCloud之OpenFeign简单使用一、远程调用功能使用url形式的方式测试二、负载功能测试三、熔断降级OpenFeign是springcloud在Feign的基础上支持了SpringMVC的注解，如@RequestMapping等等。OpenFeign的@FeignClient可以解析SpringMVC的@RequestMa
  • 《链表之美：C语言中的灵活数据结构》 就爱学编程 C数据结构链表c语言
    大家好，这里是小编的博客频道小编的博客：就爱学编程很高兴在CSDN这个大家庭与大家相识，希望能在这里与大家共同进步，共同收获更好的自己！！！目录引言正文一、节点结构二、基本操作1.创建链表2.插入节点3.删除节点4.查找节点5.修改节点数据三、应用场景四、源码LT.hLT.cTest.c五、总结快乐的时光总是短暂，咱们下篇博文再见啦！！！不要忘了，给小编点点赞和收藏支持一下，在此非常感谢！！！引言
  • 重生之我在异世界学编程之C语言：深入位段篇 就爱学编程 C语言c语言开发语言
    大家好，这里是小编的博客频道小编的博客：就爱学编程很高兴在CSDN这个大家庭与大家相识，希望能在这里与大家共同进步，共同收获更好的自己！！！本文目录引言正文一位段的基本使用（1）位段的声明（2）位段的访问二位段的大小计算（1）从右向左分配位（2）对齐要求（3）填充位三经典习题习题1：位段存储计算习题2：位段与对齐习题3：位段与结构体数组习题4：位段与位操作习题5：位段与内存映射习题6：位段与网络协
  • SpringBoot之定义接口返回类型有几种方式？ java熬夜党 Javaspringbootjavamybatis
    SpringBoot系列教程之定义接口返回类型的几种方式实现一个web接口返回json数据，基本上是每一个javaer非常熟悉的事情了；那么问题来了，如果我有一个接口，除了希望返回json格式的数据之外，若也希望可以返回xml格式数据可行么？答案当然是可行的，接下来我们将介绍一下，一个接口的返回数据类型，可以怎么处理I.项目搭建本文创建的实例工程采用SpringBoot2.2.1.RELEASE+
  • FFmpeg 头文件完美翻译之 libavcodec 模块 Leon_Chenl ffmpegffmpeglibavcodecc音视频视频编解码
    前言众所周知，FFmpeg的代码开发上手难度较高，源于官方提供的文档很少有包含代码教程相关的。要想熟练掌握FFmpeg的代码库开发，需要借助它的头文件，FFmpeg把很多代码库教程都写在头文件里面。因此，熟读头文件的内容很重要，为此，我对FFmpeg6.x版本的头文件进行了翻译，方便大家阅读理解。相信我，通读一遍头文件的注释后，你的FFmpeg的代码库开发技能将更上一层。本文适用于有FFmpeg代
  • HMI设计十-cybertruck-QPainter径向渐变圆与阴影流动设计 william_myq HMIQTUIQPainter
    如何构建图示点阵背景可以参考本栏同刊HMI设计九-cybertruck-QPainter复杂油门刹车滑动块设计-CSDN博客本文目标如何构建QPainter阴影流动设计如何构建径向渐变阴影圆如何营造阴影流动效果如何构建径向渐变阴影圆使用ShapePath中的PathArc构建两个半圆组成一个圆用fillGradient来使能相应的渐变效果，可以支持线性，径向渐变//Circle.qml定义一个圆形
  • mysql之表的约束完整性 程序研 mysqlmysql
    MySQL表的完整性约束详细介绍在数据库设计中，确保数据的准确性和一致性至关重要。MySQL通过完整性约束机制帮助实现这一目标，防止存储不正确或不一致的数据。本文将详细介绍MySQL中常见的完整性约束，包括NotNull约束、Unique约束、PrimaryKey约束、ForeignKey约束和Check约束，并通过具体的代码例子进行说明。1.NotNull约束NotNull约束确保列中不能存储N
  • Python基础入门之随机数种子(seed)方法的使用 我的小星星 python前端linuxPython
    随机数在编程中经常被用到，而在Python中，我们可以使用random模块来生成随机数。然而，有时候我们需要控制随机数的生成过程，使得每次运行程序时得到的随机数序列是可重复的。这时，就可以使用随机数种子(seed)方法来实现这个目的。随机数种子是一个整数值，它作为随机数生成算法的起始输入值。当使用相同的种子值时，每次生成的随机数序列都是相同的。这对于调试程序和复现实验结果非常有用。在Python中
  • ElasticSearch解析logback日志并处理异常栈轨迹 甘蓝聊Java 【更新中...】项目中的那些事elasticsearchlogbackpipelinemultilinefilebeat多行
    文章目录背景分析IngestPipeline解析日志-示例查看IngestPipeline创建Pipeline添加Grok处理器添加时间戳、IP地址和用户代理处理器测试Pipeline多行消息管理filestreaminputloginput解决自定义pipeline解析logback日志Grok处理器Date处理器失败处理器为loginput添加多行处理验证调整Kibana数据视图验证失败处理器
  • c++每日力扣之将日期转化为二进制表示 我不是程序员~~~~ C&C++c++leetcode开发语言
    给你一个字符串date，它的格式为yyyy-mm-dd，表示一个公历日期。date可以重写为二进制表示，只需要将年、月、日分别转换为对应的二进制表示（不带前导零）并遵循year-month-day的格式。返回date的二进制表示。示例1：输入：date="2080-02-29"输出："100000100000-10-11101"解释：100000100000,10和11101分别是2080,
  • React 18之新hook yjwlike reactreactjs
    目录useIduseId语法增加前缀实例useTransitionuseDeferredValue代码实例useSyncExternalStoreuseInsertionEffectreact18新出了5个hook,分别是:useIduseTransitionuseDeferredValueuseSyncExternalStoreuseInsertionEffectuseIduseId用于生成一个
  • 人工智能学习（一）之python入门 power-辰南 大模型算法实战工程python数据库前端
    一、引言在当今的软件开发领域，面向对象编程（Object-OrientedProgramming，OOP）已经成为一种主流的编程范式。Python作为一门功能强大且简洁易读的编程语言，对面向对象编程提供了非常完善的支持。无论是开发大型项目、构建数据科学应用，还是进行自动化脚本编写，理解和掌握Python面向对象编程都能让你更高效地完成任务。本文将带你快速入门Python面向对象编程，通过清晰的概念
  • vue3 + [email protected]带箭头的轨迹线 小汪同学→_→ webGis-leafletvue.jsleaflet.js
    import'leaflet-polylinedecorator'//箭头线（引入第三方插件）onMounted(()=>{window.customMap=mapInit.initMap({target:'map-container',coordinate:[36.09,120.35]})constdrawnItems=newL.FeatureGroup()window.customMap.ad
  • 保姆级讲解 python之enumerate()方法，包教包会 查理零世 python开发语言
    目录引入find()基本用法进入正题enumerate()基本用法使用enumerate()遍历列表并打印索引和值可以使用自定义起始索引实战演练总结引入在Python中，find()方法主要用于字符串操作，用于查找子字符串在字符串中的位置。它返回的是子字符串第一次出现的索引位置，如果找不到则返回-1。需要注意的是，find()是字符串的方法，而不是列表或数组的方法。那数组怎么办？当然是今天要介绍的
  • react中hooks之useId用法总结以及与useRef用法区别 傻小胖 Reactreact.js前端
    ReactuseIdHook使用指南概述useId是React18引入的新Hook，用于生成唯一的ID，主要用于可访问性（accessibility）属性。它在服务端和客户端渲染时都能保持一致性。useIdvsuseRefuseId:生成稳定的唯一标识符，主要用于HTML属性关联useRef:存储可变值的容器，主要用于保存引用和状态基本用法1.useId基础示例functionFormField(
  • 咱们继续学Java——高级篇 第二百二十八篇：之Java 2D图形编程之通过系统剪贴板传递Java对象 一杯年华@编程空间 咱们继续学java高级篇eclipsemavenjava-eespringbootstrutsjavatomcat
    咱们继续学Java——高级篇第二百二十八篇：之Java2D图形编程之通过系统剪贴板传递Java对象在Java学习的征程中，我们不断探索知识的边界，每一次对新功能的深入学习都是成长的宝贵机会。我写这篇博客的目的，就是希望与大家一同学习Java2D图形编程中如何通过系统剪贴板传递Java对象，助力大家在图形编程领域掌握更强大的数据交互技术。今天，我们将详细解读利用序列化在Java应用程序之间传递对象的
  • 计算机组成原理重点理解之第3章5-24 yaoyaoyao可爱呀
    1.寻址范围：例：某计算机字长16位，其存储器容量为64KB，按字编址时，其寻址范围是因为该计算机的字长是16位，每个存储单元1个字节，1字节等于8位，所以相当于2个字节。又因为他的存储器容量是64KB，则说明有64K个字节，64/2=322数据线和地址线一个16K*32位的SRAM存储芯片，其数据线和地址线之和为：芯片容量为16k×32位，16k=2的14次方，所以地址线14根，数据线32根，和
  • P14 - 软件维护 之 四大维护详解 濯一一 #软考-软件设计师软件维护软件设计师正确性适应性完善性预防性软考
    【软考-软件设计师-历年真题-2013年上半年上午基础知识】在软件维护中，由于企业的外部市场环境和管理需求的变化而导致的维护工作，属于（33）维护。(33)A.正确性B.适应性C.完善性D.预防性【答案】B【解析】本题考查软件维护方面的基础知识。······软件维护方面·····四大方面软件维护主要是指根据需求变化或硬件环境的变化对应用程序进行部分或全部的修改。修改时应充分利用源程序，修改后要填写
  • 《〈浪潮之巅〉——计算机学生的启明星》 小邓儿◑.◑ 内容运营新媒体运营
    今天，咱给大家分享不一样的东西，一本书——《浪潮之巅》。作为一名刚刚踏入大学校园的大一计算机专业学生，我满怀着对未知世界的那份好奇与渴望，在浩瀚书海之中探寻着能够为我指引前行方向的灯塔。很幸运，我邂逅了吴军老师所著的《浪潮之巅》，这本书宛如为我开启了一扇窗，使我得以一窥计算机领域那波澜壮阔的景致。初次捧读《浪潮之巅》，我便被书中那些曾经无比辉煌，如今却或许已渐渐淡出人们视野的科技巨头们深深吸引住了
  • Git分布式版本控制系统之SSH协议访问 饶子文 git分布式
    目录前言：我来公司上班day1正文：Git的SSH协议访问步骤一.安装Git软件二.SSH密钥生成三.添加SSH公钥到远端仓库四.配置Git使用SSH协议来连接远程仓库五.使用Git命令进行测试结尾：前言：我来公司上班day1回顾我的毕业季，那是一段充斥着投递简历和准备面试的青葱岁月。都说23年学计算机，如同49年入国军。但已经投入过多的沉没成本的在计算机上的我也别无选择，在历经浪潮般的简历投递和
  • Vue3初学之商品的增，删，改功能 fmdpenny Web前后端技术javascriptvue.js开发语言
    用一个商品的后台管理进行增，删，改的实现。案例进行学习：新增商品编辑删除取消确定import{ref}from'vue';import{ElMessageBox}from'element-plus';constgoodsList=ref([{id:1,name:'商品1',price:100,stock:50},{id:2,name:'商品2',price:200,stock:30}]);cons
  • ios内付费 374016526 ios内付费
    近年来写了很多IOS的程序，内付费也用到不少，使用IOS的内付费实现起来比较麻烦，这里我写了一个简单的内付费包，希望对大家有帮助。   具体使用如下: 这里的sender其实就是调用者，这里主要是为了回调使用。 [KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa
  • 20 款优秀的 Linux 终端仿真器 brotherlamp linuxlinux视频linux资料linux自学linux教程
      终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。（LCTT 译注：终端仿真器原意指对大型机-哑终端方式的模拟，不过在当今的 Linux 环境中，常指通过远程或本地方式连接的伪终端，俗称“终端”。） 你能从开源世界中找到大量的终端仿真器，它们
  • Solr Deep Paging(solr 深分页) eksliang solr深分页solr分页性能问题
    转载请出自出处：http://eksliang.iteye.com/blog/2148370 作者：eksliang(ickes) blg:http://eksliang.iteye.com/ 概述 长期以来，我们一直有一个深分页问题。如果直接跳到很靠后的页数，查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr
  • 数据库面试题 18289753290 面试题 数据库
    1.union ,union all 网络搜索出的最佳答案： union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。 Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序； Union All：对两个结果集进行并集操作，包括重复行，不进行排序； 2.索引有哪些分类？作用是
  • Android TV屏幕适配 酷的飞上天空 android
    先说下现在市面上TV分辨率的大概情况 两种分辨率为主 1.720标清，分辨率为1280x720. 屏幕尺寸以32寸为主，部分电视为42寸 2.1080p全高清，分辨率为1920x1080 屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有   适配遇到问题，已1080p尺寸为例： 分辨率固定不变，屏幕尺寸变化较大。 如：效果图尺寸为1920x1080，如果使用d
  • Timer定时器与ActionListener联合应用 永夜-极光 java
    功能:在控制台每秒输出一次   代码: package Main; import javax.swing.Timer; import java.awt.event.*; public class T { private static int count = 0; public static void main(String[] args){
  • Ubuntu14.04系统Tab键不能自动补全问题解决 随便小屋 Ubuntu 14.04
    Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全，解决办法如下：   1、利用vi编辑器打开/etc/bash.bashrc文件（需要root权限） sudo vi /etc/bash.bashrc  接下来会提示输入密码 2、找到文件中的下列代码 #enable bash completion in interactive shells #if
  • 学会人际关系三招 轻松走职场 aijuans 职场
    要想成功，仅有专业能力是不够的，处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢？在此，教您简单实用的三个窍门。 　　第一，多汇报 最近，管理学又提出了一个新名词“追随力”。它告诉我们，做下属最关键的就是要多请示汇报，让上司随时了解你的工作进度，有了新想法也要及时建议。不知不觉，你就有了“追随力”，上司会越来越了解和信任你。 　　第二，勤沟通 团队的力
  • 《O2O：移动互联网时代的商业革命》读书笔记 aoyouzi 读书笔记
    移动互联网的未来：碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。   O2O：Online to OffLine 线上线下活动 O2O就是在移动互联网时代，生活消费领域通过线上和线下互动的一种新型商业模式。   手机二维码本质：O2O商务行为从线下现实世界到线上虚拟世界的入口。   线上虚拟世界创造的本意是打破信息鸿沟，让不同地域、不同需求的人
  • js实现图片随鼠标滚动的效果 百合不是茶 JavaScript滚动属性的获取图片滚动属性获取页面加载
    1,获取样式属性值 top 与顶部的距离 left 与左边的距离 right 与右边的距离 bottom 与下边的距离 zIndex 层叠层次     例子:获取左边的宽度,当css写在body标签中时 <div id="adver" style="position:absolute;top:50px;left:1000p
  • ajax同步异步参数async bijian1013 jqueryAjaxasync
            开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。         格式： $.ajax({ type: 'POST', ur
  • Webx3框架（1） Bill_chen eclipsespringmaven框架ibatis
    Webx是淘宝开发的一套Web开发框架，Webx3是其第三个升级版本；采用Eclipse的开发环境，现在支持java开发； 采用turbine原型的MVC框架，扩展了Spring容器，利用Maven进行项目的构建管理，灵活的ibatis持久层支持，总的来说，还是一套很不错的Web框架。 Webx3遵循turbine风格，velocity的模板被分为layout/screen/control三部
  • 【MongoDB学习笔记五】MongoDB概述 bit1129 mongodb
    MongoDB是面向文档的NoSQL数据库，尽量业界还对MongoDB存在一些质疑的声音，比如性能尤其是查询性能、数据一致性的支持没有想象的那么好，但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能，而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩)，同时它提供的近似于SQL的查询能力，也是在做NoSQL技术选型时，考虑的一个重要因素。Mo
  • spring/hibernate/struts2常见异常总结 白糖_ Hibernate
    Spring ①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException 缺少aspectjweaver.jar，该jar包常用于spring aop中   ②java.lang.ClassNotFoundException: org.sprin
  • jquery easyui表单重置(reset)扩展思路 bozch formjquery easyuireset
    在jquery easyui表单中 尚未提供表单重置的功能，这就需要自己对其进行扩展。 扩展的时候要考虑的控件有： combo,combobox,combogrid,combotree,datebox,datetimebox 需要对其添加reset方法，reset方法就是把初始化的值赋值给当前的组件，这就需要在组件的初始化时将值保存下来。 在所有的reset方法添加完毕之后，就需要对fo
  • 编程之美-烙饼排序 bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; /* *《编程之美》的思路是：搜索+剪枝。有点像是写下棋程序：当前情况下，把所有可能的下一步都做一遍；在这每一遍操作里面，计算出如果按这一步走的话，能不能赢（得出最优结果）。 *《编程之美》上代码有很多错误，且每个变量的含义令人费解。因此我按我的理解写了以下代码： */
  • Struts1.X 源码分析之ActionForm赋值原理 chenbowen00 struts
    struts1在处理请求参数之前，首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性，却找不到对应的ActionForm类也不会报错，只是不会处理本次请求的请求参数。 如果找到了对应的ActionForm类，则先判断是否已经存在ActionForm的实例，如果不存在则创建实例，并将其存放在对应的作用域中。作用域由配置文件action节点的s
  • [空天防御与经济]在获得充足的外部资源之前,太空投资需有限度 comsci 资源
          这里有一个常识性的问题:       地球的资源,人类的资金是有限的,而太空是无限的.....       就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制.... &
  • ORACLE临时表—ON COMMIT PRESERVE ROWS daizj oracle临时表
    ORACLE临时表 转 临时表：像普通表一样，有结构，但是对数据的管理上不一样，临时表存储事务或会话的中间结果集，临时表中保存的数据只对当前 会话可见，所有会话都看不到其他会话的数据，即使其他会话提交了，也看不到。临时表不存在并发行为，因为他们对于当前会话都是独立的。 创建临时表时，ORACLE只创建了表的结构（在数据字典中定义），并没有初始化内存空间，当某一会话使用临时表时，ORALCE会
  • 基于Nginx XSendfile+SpringMVC进行文件下载 denger 应用服务器Webnginx网络应用lighttpd
        在平常我们实现文件下载通常是通过普通 read-write方式，如下代码所示。 @RequestMapping("/courseware/{id}") public void download(@PathVariable("id") String courseID, HttpServletResp
  • scanf接受char类型的字符 dcj3sjt126com c
    /* 2013年3月11日22:35:54 目的：学习char只接受一个字符 */ # include <stdio.h> int main(void) { int i; char ch; scanf("%d", &i); printf("i = %d\n", i); scanf("%
  • 学编程的价值 dcj3sjt126com 编程
    发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助   像这位朋友学习:   http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html   VirtualGS教程 (By @林泰前): 几十年的老程序员，资深的
  • 二维数组（矩阵）对角线输出 飞天奔月 二维数组
    今天在BBS里面看到这样的面试题目,   1，二维数组（N*N），沿对角线方向，从右上角打印到左下角如N=4： 4*4二维数组  { 1 2 3 4 } { 5 6 7 8 } { 9 10 11 12 } {13 14 15 16 } 打印顺序  4 3 8 2 7 12 1 6 11 16 5 10 15 9 14 13 要
  • Ehcache（08）——可阻塞的Cache——BlockingCache 234390216 并发ehcacheBlockingCache阻塞
    可阻塞的Cache—BlockingCache          在上一节我们提到了显示使用Ehcache锁的问题，其实我们还可以隐式的来使用Ehcache的锁，那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类，可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.
  • mysqldiff对数据库间进行差异比较 jackyrong mysqld
      mysqldiff该工具是官方mysql-utilities工具集的一个脚本，可以用来对比不同数据库之间的表结构，或者同个数据库间的表结构    如果在windows下，直接下载mysql-utilities安装就可以了，然后运行后，会跑到命令行下： 1） 基本用法    mysqldiff --server1=admin:12345
  • spring data jpa 方法中可用的关键字 lawrence.li javaspring
    spring data jpa 支持以方法名进行查询/删除/统计。 查询的关键字为find 删除的关键字为delete/remove (>=1.7.x) 统计的关键字为count (>=1.7.x)   修改需要使用@Modifying注解 @Modifying @Query("update User u set u.firstna
  • Spring的ModelAndView类 nicegege spring
    项目中controller的方法跳转的到ModelAndView类，一直很好奇spring怎么实现的？ /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version 2.0 (the "License"); * yo
  • 搭建 CentOS 6 服务器(13) - rsync、Amanda rensanning centos
    （一）rsync Server端 # yum install rsync # vi /etc/xinetd.d/rsync service rsync { disable = no flags = IPv6 socket_type = stream wait
  • Learn Nodejs 02 toknowme nodejs
    （1）npm是什么 npm is the package manager for node 官方网站：https://www.npmjs.com/ npm上有很多优秀的nodejs包，来解决常见的一些问题，比如用node-mysql，就可以方便通过nodejs链接到mysql，进行数据库的操作 在开发过程往往会需要用到其他的包，使用npm就可以下载这些包来供程序调用 &nb
  • Spring MVC 拦截器 xp9802 spring mvc
    Controller层的拦截器继承于HandlerInterceptorAdapter HandlerInterceptorAdapter.java  1  public   abstract   class  HandlerInterceptorAdapter  implements  HandlerIntercep
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他