老糊涂
老糊涂

CSS3.0中关于transform的使用

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>transform：css3.0新标准中的一些属性</title>
	<style type="text/css">
		.menu ul {
		    border-top: 2px solid #f5f5f5; padding: 0 10px;
		    margin: 0;
		 }
		 
		 .menu ul li {
		 	padding: 0; margin: 0; list-style: none;
		 }
		 
		 .menu ul li a{
		    color: #fff; float: left; margin: 0 5px; font-size: 14px; width: 65px;
		    height: 50px; line-height: 50px; text-align: center; padding: 10px 5px; background: #151515;
		    border-radius: 0 0 5px 5px;  -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;
		    box-shadow: 0 0 1px #ccc,inset 0 0 2px #fff; -moz-box-shadow: 0 0 1px #ccc,inset 0 0 2px #fff; -webkit-box-shadow: 0 0 1px #ccc,inset 0 0 2px #fff;
		    text-shadow: 0 1px 1px #686868;
		    text-decoration: none;
		 }
		 .menu ul li.translate a{
		    background: #2EC7D2;
		 }
		 .menu ul li.translate-x a {
		    background: #8FDD21;
		 }
		 .menu ul li.translate-y a {
		    background: #F45917;
		 }
		 .menu ul li.rotate a {
		    background: #D50E19;
		 }
		 .menu ul li.scale a {
		    background: #cdddf2;
		 }
		 .menu ul li.scale-x a {
		   background: #0fDD21;
		 }
		 .menu ul li.scale-y a {
		   background: #cd5917;
		 }
		 .menu ul li.skew a {
		   background: #519;
		 }
		 .menu ul li.skew-x a {
		   background: #D50;
		 }
		 .menu ul li.skew-y a {
		   background: #E19;
		 }
		 .menu ul li.matrix a {
		   background: #919;
		 } 
		 
		 /* x-轴偏移*/
		 .menu ul li.translate-x a:hover {
			 -moz-transform: translateX(-10px);
		     -webkit-transform: translateX(-10px);
		     -o-transform: translateX(-10px);
		     -ms-transform: translateX(-10px);
		     transform: translateX(-10px);
		 }
		 
		 /* y-轴偏移*/
		 .menu ul li.translate-y a:hover {
			 -moz-transform: translateY(-10px);
		     -webkit-transform: translateY(-10px);
		     -o-transform: translateY(-10px);
		     -ms-transform: translateY(-10px);
		     transform: translateY(-10px);
		 }
		 /* x/y 轴都偏移*/
		 .menu ul li a:hover {
			 -moz-transform: translate(-10px,-10px);
		     -webkit-transform: translate(-10px,-10px);
		     -o-transform: translate(-10px,-10px);
		     -ms-transform: translate(-10px, -10px);
		     transform: translate(-10px,-10px);
		 }
		 
		 /* 角度旋转 */
		 .menu ul li.rotate a:hover {
		 	-moz-transform: rotate(45deg);
		    -webkit-transform: rotate(45deg);
		    -o-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    transform: rotate(45deg);
		 }
		 
		 /* 缩放  缩放都是以原元素中心点为参考点的 */
		 .menu ul li.scale a:hover {
		 	-moz-transform: scale(0.8,0.8);
		    -webkit-transform: scale(0.8,0.8);
		    -o-transform: scale(0.8,0.8);
		    -ms-transform: scale(0.8,0.8);
		    transform: scale(0.8,0.8); 
		 }	
		 .menu ul li.scale-x a:hover {
		 	-moz-transform: scaleX(0.8);
		    -webkit-transform: scaleX(0.8);
		    -o-transform: scaleX(0.8);
		    -ms-transform: scaleX(0.8);
		    transform: scaleX(0.8); 
		 }	
		 .menu ul li.scale-y a:hover {
		 	-moz-transform: scaleY(1.2);
		    -webkit-transform: scaleY(1.2);
		    -o-transform: scaleY(1.2);
		    -ms-transform: scaleY(1.2);
		    transform: scaleY(1.2); 
		 }	
		 
		 /* 旋转 */
		 .menu ul li.skew a:hover {
		     -moz-transform: skew(45deg,15deg);
		     -webkit-transform: skew(45deg,15deg);
		     -o-transform: skew(45deg,15deg);
		     -ms-transform: skew(45deg,15deg);
		     transform: skew(45deg,15deg);          
		  }
		  
		  /** transform:skewX(x) */
	    .menu ul li.skew-x a:hover {
		    -moz-transform: skewX(-30deg);
		    -webkit-transform: skewX(-30deg);
		    -o-transform: skewX(-30deg);
		    -ms-transform: skewX(-30deg);
		    transform: skewX(-30deg);          
		 }
	  
		  /** transform:skewY(y) */
		 .menu ul li.skew-y a:hover {
		    -moz-transform: skewY(30deg);
		    -webkit-transform: skewY(30deg);
		    -o-transform: skewY(30deg);
		    -ms-transform: skewY(30deg);
		    transform: skewY(30deg);          
		 }
		
		
		.menu ul li.matrix a:hover {
	    -moz-transform: matrix(1,1,-1,0,0,0);
	    -webkit-transform: matrix(1,1,-1,0,0,0);
	    -o-transform: matrix(1,1,-1,0,0,0);
	    -ms-transform: matrix(1,1,-1,0,0,0);
	    transform: matrix(1,1,-1,0,0,0);          
	  }
	</style>
  </head>
  
  <body>
    <div class="menu">
	    <ul class="clearfix">
	      <li class="item translate"><a href="#">Translate</a></li>
	      <li class="item translate-x"><a href="#">TranslateX</a></li>
	      <li class="item translate-y"><a href="#">TranslateY</a></li>
	      <li class="item rotate"><a href="#">Rotate</a></li>
	      <li class="item scale"><a href="#">Scale</a></li>
	      <li class="item scale-x"><a href="#">ScaleX</a></li>
	      <li class="item scale-y"><a href="#">ScaleY</a></li>
	      <li class="item skew"><a href="#">Skew</a></li>
	      <li class="item skew-x"><a href="#">SkewX</a></li>
	      <li class="item skew-y"><a href="#">SkewY</a></li>
	      <li class="item matrix"><a href="#">Matrix</a></li>
	    </ul>
  	</div>
  </body>
</html>

 

你可能感兴趣的:(rotate,translate,scacle,skew)

  • 8 冰鈊夢
    transition动画transform.box{width:200px;height:200px;background-color:gold;margin:50pxauto0;transition:all1sease;}.box:hover{transform:translate(50px,50px);}.box2{width:200px;height:200px;background-col
  • opencv学习：图像旋转的两种方法，旋转后的图片进行模板匹配代码实现 夜清寒风 学习opencv机器学习人工智能计算机视觉
    图像旋转在图像处理中，rotate和rot90是两种常见的图像旋转方法，它们在功能和使用上有一些区别。下面我将分别介绍这两种方法，并解释它们的主要区别rot90方法rot90方法是NumPy提供的一种数组旋转函数，它主要用于对二维数组（如图像）进行90度的旋转。这个方法比较简单，只支持90度的倍数旋转，不支持任意角度旋转。使用NumPy进行旋转使用NumPy的rot90函数对模板图像进行旋转操作。
  • 【仿RabbitMQ消息队列项目day2】使用muduo库中基于protobuf的应用层协议进行通信 月夜星辉雪 rabbitmq网络分布式c++后端服务器linux
    一.什么是muduo?muduo库是⼀个基于非阻塞IO和事件驱动的C++高并发TCP网络编程库。简单来理解，它就是对原生的TCP套接字的封装，是一个比socket编程接口更好用的编程库。二.使用muduo库完成一个英译汉翻译服务TranslateServer.hpp:#pragmaonce#include#include#include#include#include"muduo/net/TcpC
  • OpenCV结构分析与形状描述符（24）检测两个旋转矩形之间是否相交的一个函数rotatedRectangleIntersection()的使用 jndingxin OpenCVopencv人工智能计算机视觉
    操作系统：ubuntu22.04OpenCV版本：OpenCV4.9IDE:VisualStudioCode编程语言：C++11算法描述测两个旋转矩形之间是否存在交集。如果存在交集，则还返回交集区域的顶点。下面是一些交集配置的例子。斜线图案表示交集区域，红色顶点是由函数返回的。rotatedRectangleIntersection()这个函数看起来像是用于检测两个旋转矩形之间是否相交的一个方法。
  • Unity 常用快捷键 z2014z Unity学习unity开发工具
    Unity常用快捷键工具栏CtrlShiftAlt功能QHand（手形）工具可以平移整个Scene视图WTranslate（移动）工具移动所选择的游戏对象ERotate（旋转）工具按任意角度旋转游戏对象RScale（缩放）工具缩放选中的游戏对象T横切面工具可以沿着横截面缩放，沿着横截面的中心点旋转ZCenter工具改变游戏对象的轴心点XLocal工具改变物体的坐标VVertexSnap顶点捕捉操作
  • echarts X轴文本太长 formatter自定义文本的显示方式 每一天，每一步 EChartsechartsjavascriptecmascript
    如果ECharts中X轴的文本太长，可以通过设置axisLabel的rotate属性来旋转标签，或者使用formatter函数来自定义文本的显示方式。另外，可以开启axisLabel的interval属性来控制显示的标签的间隔。option={tooltip:{},xAxis:{type:'category',data:['这是一段非常长的文本','短文本','另一段长文本','另一段长文本'],
  • ROS yaml参数文件的使用 Sun Shiteng ROS
    举个例子，若在params.yaml文件中定义如下参数LidarImageFusion:points_src:"/hilbert_h/deskew/cloud_info"image_src:"/usb_cam0/image_raw"camera_info_src:"/home/hdj/fusion_slam/Color_SLAM_ws/src/hilbert_h/config/firefly_8s
  • Android10 音频架构之耳麦插拔 @OuYang 车载系统
    xref:/frameworks/base/core/res/res/values/config.xml29    30        @string/status_bar_alarm_clock31        @string/status_bar_rotate32        @string/status_bar_headset33        @string/status_bar_da
  • vue el-date-picker-or 自定义显示格式 java皮皮虫 vue.js
    translateDate就是方法输入你想要的返回格式就行
  • １１．２０－补充 索伯列夫
    translate:transform:transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。transition:div中的div居中transform:translateX(-50%)扇形：div{width:0;height:0;border:11pxsolidred;border-radius:11px;border-color:redtransp
  • 微信小程序简易弹幕组件(uniapp) Vivqst 微信小程序uni-appjavascript
    最终效果图如下：1.弹幕从弹幕区域外的右边滚动到左边，那么每条弹幕的实际滚动路径长度为当前弹幕的实际宽度+整个弹幕区域的宽度组件代码如下：{{item.text}}{{currentBullet}}2.本例中弹幕区域的宽度为当前屏幕的宽度。弹幕的滚动效果使用css3的animation实现，使用translateX来实现水平位移的变化。弹幕使用绝对定位初始时在屏幕的最左边（left:0），动画开始
  • Html、Css3动画效果 蔚一 htmlcss3前端
    文章目录第九章动画9.1transform动画9.2transition过渡动画9.3定义动画第九章动画9.1transform动画transform2D变形translate()：平移函数，基于X、Y坐标重新定位元素的位置scale()：缩放函数，可以使任意元素对象尺寸发生变化rotate()：旋转函数，取值是一个度数值skew()：倾斜函数，取值是一个度数值div{transform:tran
  • python的正则匹配 CharlieBrownn python
    defFilterTranslate(source):source.encode()temp=sourcexx=u"([\s\u30a0-\u30ff\u3040-\u309f\u4e00-\u9fa5\u3000-\u303f\ufb00-\ufffd\u0030-\u0039\u0041-\u005a\u0061-\u007a]+)"#日文片假名日文片假名中文标点符号数字大写字母小写patte
  • halcon图像矫正 威威当爸了 Halconhalcon
    图像矫正**55表示最大文字的高度text_line_orientation(RegionTrans,InputImage,55,rad(-30),rad(30),OrientationAngle)rotate_image(InputImage,ImageRotate,-OrientationAngle/rad(180)*180,'constant')xld矫正,发现这个不是很灵.get_imag
  • 在react中要将页面跳转有动画 Mr_wuying reactreact.js前端前端框架
    //页面切换过渡动画.page{position:absolute;left:15px;right:15px;}//页面切换过渡动画---进入.page-enter{opacity:0;transform:translateY(100%);}//页面切换过渡动画---进入（被激活）.page-enter-active{opacity:1;//transform:scale(1);transform
  • 谷歌翻译最新配置2024 LongAce 谷歌翻译自动翻译机器翻译
    首先找到host文件文件地址:C:\Windows\System32\drivers\etc谷歌翻译用不了216.239.32.40translate.googleapis.com216.239.32.40translate.google.com以上代码粘贴到文件底部访问https://translate.google.com/?sl=auto&tl=zh-CN&op=translate原文地址h
  • 旋转目标检测：mmrotate仓库中 “主要模型” 及其 “配置文件” 的列表 沉浸式AI AI与SLAM论文解析旋转目标检测深度学习mmrotate
    mmrotate目录:mmrotate仓库中的主要模型和配置BackgroundandMotivation背景与动机MethodsOverview方法概述1.CFACFA:Convex-hullFeatureAdaptationforOrientedandDenselyPackedObjectDetectionCFA：用于定向和密集对象检测的凸包特征适应2.ConvNeXtConvNeXt:ACo
  • 【目标检测】MMRotate旋转目标检测训练自定义DOTA格式数据集 ericdiii OpenMMLab目标检测人工智能计算机视觉
    1.安装环境1.1.Conda虚拟环境condacreate--namemmrotatepython=3.8-ycondaactivatemmrotate1.2.安装PyTorchpipinstalltorch==1.12.1+cu113torchvision==0.13.1+cu113torchaudio==0.12.1--extra-index-urlhttps://download.pyto
  • 二、MMRotate旋转框目标检测训练DOTA数据集（模型推理与部署，保存推理结果为xml文件并构建镜像） 清如许. YOLOv8改进实战人工智能与边缘计算目标检测xmlmmrotate
    在上一篇文章中介绍了MMRotate的概述、安装和训练Dota数据集全流程，由于文章篇幅限制还剩下一部分模型的推理和部署环节没有写，为避免后续对这部分工作的遗忘，决定还是补充上这部分的笔记，仅作记录，如有不足之处还请指出！一、模型推理测试1.1单张图片推理测试可以首先使用官网上的推理方法，从源代码安装mmrotate，只需运行以下命令。#首先把所需要的配置文件下载下来，或直接用你训练好的模型和配置
  • glsl着色器学习 （十二）平移 superTiger_y 着色器学习
    平移和旋转、缩放是一样的，替换成平移矩阵即可；//创建一个单位矩阵consttranslateYMatrix=mat4.create();//沿着Y轴向下平移1个单位mat4.fromTranslation(translateYMatrix,[0,-1,0]);//设置矩阵gl.uniformMatrix4fv(matrixUniformLocation,false,translateYMatri
  • 手把手一步一步教你使用Java开发一个大型街机动作闯关类游戏12之英雄自由行走 __豆约翰__
    控制Player移动Transform.java类新增一个flip方法，其功能是可以左右翻转一张图片，实现原理也很容易理解：先移动到图片中心点（宽高一半的位置），然后进行缩放（大小不变，水平方向上沿中心线翻转）。_isPivotRight变量用来记录当前对象是否朝右。publicvoidflip(){_rat.translate(_cx,_cy);_rat.scale(-1,1);_rat.tra
  • 点击旋转箭头样式 aleluye vue.jsjavascript前端
    实现效果：html界面，主要通过isdown来控制箭头是上还是下退出登录import{ref}from'vue'constisdown=ref(false)return{isdown}scss.user{.down{transition:all0.3s;transform:rotate(180deg);transform-origin:center;}.expand{transition:all0
  • CentOS9安装docker 日进斗识 dockerdockereureka容器
    更新yum包yum-yupdate卸载旧版本yumremovedocker-cedocker-clientdocker-client-latestdocker-commondocker-latestdocker-latest-logrotatedocker-logrotatedocker-engine安装dockeryuminstall-yyum-utilsdevice-mapper-persis
  • [数据集][目标检测]电力场景输电线均压环歪斜检测数据集VOC+YOLO格式303张2类别 FL1623863129 数据集目标检测YOLO人工智能
    数据集格式：PascalVOC格式+YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件)图片数量(jpg文件个数)：303标注数量(xml文件个数)：303标注数量(txt文件个数)：303标注类别数：2标注类别名称:["normal","skew"]每个类别标注的框数：normal框数=161skew框数=305总框数：466使用标
  • safari中filter: drop-shadow()导致图片展示不出来 史努比的大头 safari前端css
    有时候我们可能需要通过css来改变一个svg图片的颜色，比如让其跟随主题色改变.send-button{overflow:hidden;.send-button-img{filter:drop-shadow(@primary-24px0px0px);transform:translateX(24px);}}上面代码的原理是：drop-shadow(@primary-24px0px0px):这行代码
  • 使用css实现水球效果 ——jinqiang12345 htmlcss动画
    通过在制定overflow：hidden的元素上添加非常大圆形，而且圆形设置圆角，并不断滚动，数量多了就可以显示出水波效果@keyframesroll{form{transform:rotate(0deg);}to{transform:rotate(360deg);}}.shuiqiu{width:200px;height:200px;border-radius:50%;border:5pxsol
  • 《CSS 3D 变形探秘：开启网页设计新维度》 小刘| css3d前端
    一、移动：精确控制元素位置translate函数为我们提供了强大的移动能力。可以沿x轴、y轴甚至z轴来调整元素的位置。无论是简单地在平面上平移，还是在三维空间中进行精准定位，translate都能轻松胜任。它让元素的布局更加灵活多变，为设计师提供了无限的创意空间。translate(tx[,ty]:沿x轴移动tx距离，沿y轴移动ty的距离ty可以省略，如果省略则ty默认为0ranslate(tx,
  • 【从头写CAD】 几何体类系列一 开篇 Source.Liu rust从头写CAD历程篇rust从头写CAD精华篇rust后端矩阵
    前不久，写了一个Point类，现在回过头来检查时，发现矩阵有5个特例，Point乘法运算仅重载了组合矩阵（M2D）、平移矩阵（Move）2个特例，对非切变矩阵（NonShear）、旋转矩阵（Rotate）、缩放矩阵（Scale）的乘法重载未实施。现补充完整，代码如下：//5种矩阵的计算（组合矩阵M2D、非切变矩阵NonShear、旋转类Rotate、缩放类Scale、平移类Move）implMul
  • js实现3d拖拽环绕旋转 一个萌新小土豆 javascript3d开发语言vue.js
    js实现拖动节点围绕圆心转动1.使用transform属性，将圆环放倒展示为椭圆圆环上有不同的色彩，在转动的同时，需要让圆环也转动，所以圆环不能是椭圆，而是圆形，这样在转动的时候，改变rotate，可以让圆环绕中间转动.home-cirque{width:1560px;height:1560px;position:absolute;left:55px;top:-773px;transform-st
  • Python：完美解决PIL检测图片方向并进行旋转校正，Pillow库 William数据分析 python开发语言
    在用PIL处理图片时，我们经常会遇到图片方向不正确的问题，尤其是从手机或相机中直接获取的图片。PIL（PythonImagingLibrary）库可以帮助我们解决这个问题。【核心思路】：先用getexif()获取图片的方向信息，获取到的exif是个字典，比如{274：6}，exif[274]即可得到方向是6，6代表逆时针旋转了90°，然后用rotate()针对性进行旋转即可。首先，确保您已经安装了
  • 面向对象面向过程 3213213333332132 java
    面向对象：把要完成的一件事，通过对象间的协作实现。 面向过程：把要完成的一件事，通过循序依次调用各个模块实现。 我把大象装进冰箱这件事为例，用面向对象和面向过程实现，都是用java代码完成。 1、面向对象 package bigDemo.ObjectOriented; /** * 大象类 * * @Description * @author FuJian
  • Java Hotspot: Remove the Permanent Generation bookjovi HotSpot
      openjdk上关于hotspot将移除永久带的描述非常详细，http://openjdk.java.net/jeps/122   JEP 122: Remove the Permanent Generation Author Jon Masamitsu Organization Oracle Created 2010/8/15 Updated 2011/
  • 正则表达式向前查找向后查找,环绕或零宽断言 dcj3sjt126com 正则表达式
    向前查找和向后查找 1. 向前查找：根据要匹配的字符序列后面存在一个特定的字符序列(肯定式向前查找)或不存在一个特定的序列(否定式向前查找)来决定是否匹配。.NET将向前查找称之为零宽度向前查找断言。     对于向前查找，出现在指定项之后的字符序列不会被正则表达式引擎返回。 2. 向后查找：一个要匹配的字符序列前面有或者没有指定的
  • BaseDao 171815164 seda
    import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; import java.sql.PreparedStatement; import java.sql.ResultSet; public class BaseDao { public Conn
  • Ant标签详解--Java命令 g21121 Java命令
            这一篇主要介绍与java相关标签的使用         终于开始重头戏了，Java部分是我们关注的重点也是项目中用处最多的部分。           1
  • [简单]代码片段_电梯数字排列 53873039oycg 代码
           今天看电梯数字排列是9 18 26这样呈倒N排列的,写了个类似的打印例子，如下:       import java.util.Arrays; public class 电梯数字排列_S3_Test { public static void main(S
  • Hessian原理 云端月影 hessian原理
    Hessian 原理分析 一．      远程通讯协议的基本原理 网络通信需要做的就是将流从一台计算机传输到另外一台计算机，基于传输协议和网络 IO 来实现，其中传输协议比较出名的有 http 、 tcp 、 udp 等等， http 、 tcp 、 udp 都是在基于 Socket 概念上为某类应用场景而扩展出的传输协
  • 区分Activity的四种加载模式----以及Intent的setFlags aijuans android
      在多Activity开发中，有可能是自己应用之间的Activity跳转，或者夹带其他应用的可复用Activity。可能会希望跳转到原来某个Activity实例，而不是产生大量重复的Activity。 这需要为Activity配置特定的加载模式，而不是使用默认的加载模式。 加载模式分类及在哪里配置 Activity有四种加载模式： standard singleTop
  • hibernate几个核心API及其查询分析 antonyup_2006 html.netHibernatexml配置管理
    (一)  org.hibernate.cfg.Configuration类         读取配置文件并创建唯一的SessionFactory对象.(一般,程序初始化hibernate时创建.)         Configuration co
  • PL/SQL的流程控制 百合不是茶 oraclePL/SQL编程循环控制
    PL/SQL也是一门高级语言,所以流程控制是必须要有的,oracle数据库的pl/sql比sqlserver数据库要难,很多pl/sql中有的sqlserver里面没有   流程控制; 分支语句 if 条件 then 结果 else 结果 end if ; 条件语句 case when 条件 then 结果; 循环语句 loop
  • 强大的Mockito测试框架 bijian1013 mockito单元测试
    一.自动生成Mock类        在需要Mock的属性上标记@Mock注解，然后@RunWith中配置Mockito的TestRunner或者在setUp()方法中显示调用MockitoAnnotations.initMocks(this);生成Mock类即可。二.自动注入Mock类到被测试类  &nbs
  • 精通Oracle10编程SQL(11)开发子程序 bijian1013 oracle数据库plsql
    /* *开发子程序 */ --子程序目是指被命名的PL/SQL块，这种块可以带有参数，可以在不同应用程序中多次调用 --PL/SQL有两种类型的子程序：过程和函数 --开发过程 --建立过程：不带任何参数 CREATE OR REPLACE PROCEDURE out_time IS BEGIN DBMS_OUTPUT.put_line(systimestamp); E
  • 【EhCache一】EhCache版Hello World bit1129 Hello world
    本篇是EhCache系列的第一篇，总体介绍使用EhCache缓存进行CRUD的API的基本使用，更细节的内容包括EhCache源代码和设计、实现原理在接下来的文章中进行介绍   环境准备 1.新建Maven项目   2.添加EhCache的Maven依赖 <dependency> <groupId>ne
  • 学习EJB3基础知识笔记 白糖_ beanHibernatejbosswebserviceejb
    最近项目进入系统测试阶段，全赖袁大虾领导有力，保持一周零bug记录，这也让自己腾出不少时间补充知识。花了两天时间把“传智播客EJB3.0”看完了，EJB基本的知识也有些了解，在这记录下EJB的部分知识，以供自己以后复习使用。   EJB是sun的服务器端组件模型，最大的用处是部署分布式应用程序。EJB (Enterprise JavaBean)是J2EE的一部分，定义了一个用于开发基
  • angular.bootstrap boyitech AngularJSAngularJS APIangular中文api
    angular.bootstrap 描述：     手动初始化angular。     这个函数会自动检测创建的module有没有被加载多次，如果有则会在浏览器的控制台打出警告日志，并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。   使用方法：     angular .
  • java-谷歌面试题-给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数 bylijinnan java
    public class SearchInShiftedArray { /** * 题目：给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数。 * 请在这个特殊数组中找出给定的整数。 * 解答： * 其实就是“旋转数组”。旋转数组的最小元素见http://bylijinnan.iteye.com/bl
  • 天使还是魔鬼？都是我们制造 ducklsl 生活教育情感
    ----------------------------剧透请原谅，有兴趣的朋友可以自己看看电影，互相讨论哦！！！     从厦门回来的动车上，无意中瞟到了书中推荐的几部关于儿童的电影。当然，这几部电影可能会另大家失望，并不是类似小鬼当家的电影，而是关于“坏小孩”的电影！     自己挑了两部先看了看，但是发现看完之后，心里久久不能平
  • [机器智能与生物]研究生物智能的问题 comsci 生物
          我想,人的神经网络和苍蝇的神经网络,并没有本质的区别...就是大规模拓扑系统和中小规模拓扑分析的区别....       但是,如果去研究活体人类的神经网络和脑系统,可能会受到一些法律和道德方面的限制,而且研究结果也不一定可靠,那么希望从事生物神经网络研究的朋友,不如把
  • 获取Android Device的信息 dai_lm android
    String phoneInfo = "PRODUCT: " + android.os.Build.PRODUCT; phoneInfo += ", CPU_ABI: " + android.os.Build.CPU_ABI; phoneInfo += ", TAGS: " + android.os.Build.TAGS; ph
  • 最佳字符串匹配算法（Damerau-Levenshtein距离算法）的Java实现 datamachine java算法字符串匹配
    原文：http://www.javacodegeeks.com/2013/11/java-implementation-of-optimal-string-alignment.html------------------------------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第一课 dcj3sjt126com englishword
    long 长的 show 给...看，出示 mouth 口，嘴 write 写   use 用，使用 take 拿，带来 hand 手 clever 聪明的   often 经常 wash 洗 slow 慢的 house 房子   water 水 clean 清洁的 supper 晚餐 out 在外   face 脸，
  • macvim的使用实战 dcj3sjt126com macvim
    macvim用的是mac里面的vim, 只不过是一个GUI的APP, 相当于一个壳   1. 下载macvim https://code.google.com/p/macvim/   2. 了解macvim :h               vim的使用帮助信息 :h macvim  
  • java二分法查找 蕃薯耀 java二分法查找二分法java二分法
    java二分法查找 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 11:40:03 星期二 http:/
  • Spring Cache注解+Memcached hanqunfeng springmemcached
    Spring3.1 Cache注解  依赖jar包： <!-- simple-spring-memcached --> <dependency> <groupId>com.google.code.simple-spring-memcached</groupId> <artifactId>simple-s
  • apache commons io包快速入门 jackyrong apache commons
    原文参考 http://www.javacodegeeks.com/2014/10/apache-commons-io-tutorial.html   Apache Commons IO 包绝对是好东西，地址在http://commons.apache.org/proper/commons-io/，下面用例子分别介绍：   1）  工具类   2
  • 如何学习编程 lampcy java编程C++c
    首先,我想说一下学习思想.学编程其实跟网络游戏有着类似的效果.开始的时候,你会对那些代码,函数等产生很大的兴趣,尤其是刚接触编程的人,刚学习第一种语言的人.可是,当你一步步深入的时候,你会发现你没有了以前那种斗志.就好象你在玩韩国泡菜网游似的,玩到一定程度,每天就是练级练级,完全是一个想冲到高级别的意志力在支持着你.而学编程就更难了,学了两个月后,总是觉得你好象全都学会了,却又什么都做不了,又没有
  • 架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy nannan408 Spring3
    1.前言。    如题。 2.描述。    @DependsOn用于强制初始化其他Bean。可以修饰Bean类或方法，使用该Annotation时可以指定一个字符串数组作为参数，每个数组元素对应于一个强制初始化的Bean。 @DependsOn({"steelAxe","abc"}) @Comp
  • Spring4+quartz2的配置和代码方式调度 Everyday都不同 代码配置spring4quartz2.x定时任务
    前言：这些天简直被quartz虐哭。。因为quartz 2.x版本相比quartz1.x版本的API改动太多，所以，只好自己去查阅底层API……   quartz定时任务必须搞清楚几个概念： JobDetail——处理类 Trigger——触发器，指定触发时间，必须要有JobDetail属性，即触发对象 Scheduler——调度器，组织处理类和触发器，配置方式一般只需指定触发
  • Hibernate入门 tntxia Hibernate
      前言   使用面向对象的语言和关系型的数据库，开发起来很繁琐，费时。由于现在流行的数据库都不面向对象。Hibernate 是一个Java的ORM（Object/Relational Mapping）解决方案。   Hibernte不仅关心把Java对象对应到数据库的表中，而且提供了请求和检索的方法。简化了手工进行JDBC操作的流程。   如
  • Math类 xiaoxing598 Math
    一、Java中的数字（Math）类是final类，不可继承。 1、常数 PI：double圆周率 E：double自然对数 2、截取（注意方法的返回类型） double ceil(double d) 返回不小于d的最小整数 double floor(double d) 返回不大于d的整最大数 int round(float f) 返回四舍五入后的整数 long round
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他