忧郁火龙果
忧郁火龙果

CSS3之3D转换

文章目录

    • 一、3D移动translate3d
    • 二、perspective（透视）
    • 三、translateZ
    • 四、rotateX-rotateY-rotateZ
    • 五、rotate3d(x,y,z,deg)
    • 六、3D呈现transfrom-style
    • 七、旋转木马案例

一、3D移动translate3d

3D移动在2D移动的基础上多加了一个可以移动的方向，就是z轴方向


 - transform:translateX(100px) ===> 仅仅在x轴上移动
 - transform:translateY(100px) ===> 仅仅在y轴上移动
 - transform:translateZ(100px) ===> 仅仅在z轴上移动
 - transform:translate3d(x,y,z) ===> x,y,z代表要移动的方向

二、perspective（透视）

  • 写到被观察盒子的父盒子上
  • 模拟人眼观察目标物体的距离
    body{
        perspective: 1000px;
    }
    div{
        width: 200px;
        height: 200px;
        background-color: blueviolet;
        margin: 0% auto;
        transform: translate3d(100px,100px,100px);
    }
</style>
<body>
    <div>1</div>

三、translateZ

Z轴值越大，目标物体就越大

<style>
    body{
        perspective: 500px;
    }
    div{
        width: 100px;
        height: 100px;
        margin: 0% auto;
        background-color: antiquewhite;
        transform: translateZ(100px);
        
    }
</style>
<body>
    <div>
        1
    </div>

四、rotateX-rotateY-rotateZ

沿着X，Y，Z轴旋转

<style>
    body{
        perspective: 500px;
    }
    div:hover{
        transform: rotateZ(360deg);
        transform: rotateY(360deg);
        transform: rotateZ(360deg);
    }
    div{
        height: 200px;
        width: 200px;
        display: block;
        background-color: aquamarine;
        margin:100px auto;
        transition: all 2s;
    }
    
</style>
<body>
    <div>123</div>
</body>

五、rotate3d(x,y,z,deg)

沿着自定义轴旋转deg为角度

<style>
    body{
        perspective: 500px;
    }
    div:hover{
        transform: rotate3d(1,0,1,360deg);
        transform: rotate3d(1,1,0,360deg);
        transform: rotate3d(0,1,1,360deg);
    }
    div{
        height: 200px;
        width: 200px;
        display: block;
        background-color: aquamarine;
        margin:100px auto;
        transition: all 2s;
    }
</style>
<body>
    <div>123</div>
</body>

六、3D呈现transfrom-style


 - 控制子元素是否开启三维立体环境
 - transform-style:flat子元素不开启3d立体空间默认的
 - transform-style:perserce-3d;子元素开启立体空间
 - 代码写给父级，但是影响的是子盒子


<style>
    body{
        perspective: 500px;
    }
    .father{
        height: 200px;
        width: 200px;
        position: relative;
        margin: 100px auto;
        transform-style: preserve-3d;
        transition: all 2s;
    }
    .father:hover{
        transform: rotateY(360deg);
    }
    .father div{
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: aqua;
    }
    .father div:last-child{
        background-color: yellowgreen;
        transform: rotateX(60deg);
    }
</style>
<body>
    <div class="father">
        <div>1</div>
        <div>2</div>
    </div>
</body>

CSS3之3D转换_第1张图片

七、旋转木马案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    body{
        perspective: 1500px;
    }
    section{
        position: relative;
        width: 300px;
        height: 200px;
        margin: 200px auto;
        transform-style: preserve-3d;
        /* background-color: yellowgreen; */
        animation: rotate 3s linear infinite;
    }
    section:hover{
        animation-play-state: paused;
    }
    @keyframes rotate{
        0%{
            transform: rotateY(0);
        }
        100%{  
            transform: rotateY(360deg);  
        }
    }
    section div{
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-image: url(./img/赛博朋克.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    section div:nth-child(1){
        transform: rotateY(0deg) translateZ(400px)
    }
    section div:nth-child(2){
        transform: rotateY(60deg) translateZ(400px)
    }
    section div:nth-child(3){
        transform: rotateY(120deg) translateZ(400px)
    }
    section div:nth-child(4){
        transform: rotateY(180deg) translateZ(400px)
    }
    section div:nth-child(5){
        transform: rotateY(240deg) translateZ(400px)
    }
    section div:nth-child(6){
        transform: rotateY(300deg) translateZ(400px)
    }
</style>
<body>
    <section>
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
        <div>6</div>
    </section>
</body>
</html>

CSS3之3D转换_第2张图片

你可能感兴趣的:(CSS笔记,css3,3d,css)

  • window显示驱动开发—处理错误 程序员王马 windows图形显示驱动开发驱动开发数据库
    用户模式显示驱动程序实现的Direct3D版本10函数通常具有返回参数类型的VOID。此规则的主要例外是CalcPrivateObjTypeSize类型函数(例如CalcPrivateResourceSize函数)。此类型的函数返回一个SIZE_T参数类型，该参数类型指示驱动程序通过CreateObjType类型函数创建特定对象类型所需的内存区域的大小(例如CreateResource(D3D10
  • 数据库的查询 爱吃草莓的土拨鼠️ 数据库
    一.单表查询1.简单数据查询a.显示指定字段列：使用“*”显示全部字段列；列出字段名显示指定字段列。b.显示字段列别名：使用AS关键字为字段指定别名，方便理解。c.显示计算的列值：通过算术运算符(+-*/%)对字段进行计算，得到新的列值。d.消除重复行：使用DISTINCT参数消除查询结果中的重复行。e.限制行数：利用LIMIT控制返回的行数，可指定偏移量和行数。f.排序：ORDERBY子句按指定
  • golang游戏开发学习笔记-开发一个简单的2D游戏(基础篇）
    2.人物运动图（只展示第一帧）2.方块纹理图将资源准备完成之后，就能开始代码的开发了五.开始实现！1.资源管理在上一篇文章中我们将纹理和着色器分别封装成了两个类，这里我们创建一个资源管理类对这两个类进行管理，由于golang中是没有静态变量的，需要用包内变量对其进行模拟shader.gopackageresourceimport(“github.com/go-gl/gl/v4.1-core/gl”
  • QT-登录界面的实现 是桃萌萌鸭~ uiqtc++物联网数据库开发
    QT-登录界面的实现一、登录界面设计要求创建一个窗体，设计用户登录的界面（含有用户名、密码），并实现用户登录的功能，要求用户提交的登录按钮时能获取界面中的用户名、密码数据并与数据库中的数据进行匹配，若用户名，密码正确则登录成功，否则登录失败。二、具体实现过程1、图片演示2、详细代码实现(1)dialog.cpp：（登录界面.cpp文件）#include"dialog.h"#include"ui_d
  • open3d 使用 RANSAC 算法拟合平面 扶子 python点云处理平面pythonopen3d经验分享点云拟合平面
    1、功能介绍：一个python代码演示了如何使用open3d和numpy来完成一个完整的点云平面拟合任务。它包括以下几个主要部分：生成符合某一平面方程的随机点云数据、使用RANSAC算法对这些点云进行平面拟合、可视化原始点云和平面拟合结果2、代码部分：importnumpyasnpimportopen3daso3d#生成随机点云np.random.seed(42)n_points=100#假设这些
  • iOS 26中的 Liquid Glass 设计理念与 CSS 的 UI 实现 duxweb ioscssui
    引言2025年6月，苹果在WWDC2025上发布了令人惊艳的iOS26，引入了全新的"LiquidGlass"（液态玻璃）设计语言。这被苹果称为"有史以来最广泛的软件设计更新"，不仅彻底重新定义了iOS的视觉语言，更是为整个移动界面设计领域带来了全新的思路。本文将深入探讨LiquidGlass设计理念的核心思想，并提供详细的CSS实现方案，帮助开发者在Web项目中实现类似的视觉效果。LiquidG
  • VS2019 配置QT 轩宇^_^ qtqt5
    步骤：下载安装S2019（可以到官网下载）按默认的C++安装即可。下载安装QT创建一个工程文件在VS中插件添加qt的插件如果插件下载失败可以到这个链接下载，或者换一个网下载。在vs中配置qtVersions选择打开界面的designer：右击UI界面-》选择打开方式-》选择designer的安装路径，设置为默认。参考路径：D:\installapp\qt\5.15.2\msvc2019_64\bi
  • C++封装python调用库 技术大白 c++开发语言
    传结构体中间用空字符串问题使用callback传输结构体，中间出现\0字符，使用std::vector类型voidPyProcessInterface::ProcessContent(constchar*buff,UINT32size,boolfromSelf){if(callback){std::vectordataVec(buff,buff+size);callback(std::move(d
  • ServiceImpl注入多个baseMapper实例报错 缘来是庄 java
    1、项目启动报错FieldbaseMapperincom.baomidou.mybatisplus.extension.service.impl.ServiceImplrequiredasinglebean,but2werefound:-xxxMapper:definedinfile[D:\xxxMapper.class]-xxxxMapper:definedinfile[D:\xxxxMappe
  • kingbase人大金仓导入导出和 minio迁移文件（mc 命令）记录 代码萌新知 知识点学习数据库linuxwindows
    ksql导出：1.进入kingbase的bin目录,存在ksql文件2.sys_dump-h127.0.0.1-p54321-Usystem-dkingbase-tisp_admin.enterprise_info>C:\test.sqlsys_dump-hip地址-p端口号-U登录数据库账号名-d模式-t数据库名.数据库表>导出文件路径回车后会让输入口令输入数据库账号密码即可ksql导入1.进入
  • Qt开发：QCustomPlot 倔强老吕 qtQCustomPlot
    【官方网站】：QtPlottingWidgetQCustomPlot-IntroductionQCustomPlot是一个用于绘制图形的QtC++库，它使得在Qt程序中创建高质量的2D图表变得简单。这个库非常适合用来展示实时数据，同时它也支持多种输出格式，包括打印质量的矢量图形如PDF文件。以下是QCustomPlot的一些主要特性：提供丰富的2D绘图类型，比如折线图、散点图、柱状图等。支持多轴图
  • 安装黑苹果时提示未能与服务器,安装黑苹果遇到的问题与解决记录 草莓味儿柠檬 安装黑苹果时提示未能与服务器
    前言–这篇文章讲了啥？这篇文件是我在安装黑苹果时遇到的问题与解决办法的总结所以更注重的是发现问题解决问题，关于黑苹果教程自己上网上找吧，资源非常多所以安装方面可能就几句话带过了1.硬件配置电脑型号戴尔Inspiron5680台式电脑操作系统Windows1064位家庭版处理器英特尔Corei5-8400主板戴尔0PXWHK(z370芯片组)，找efi驱动首先按照这个主板来就行(z370)内存三星D
  • 【原创】【4】【辅助工具】基于视觉模型+FFmpeg+MoviePy实现短视频自动化二次编辑+多赛道 三块钱0794 ffmpeg音视频自动化
    主要功能目录选择-浏览选择包含视频的目录智能扫描-自动递归扫描所有视频文件️赛道管理-从文件夹名自动获取赛道或手动指定实时进度-显示扫描和导入的实时进度双数据库-支持SQLite（推荐）和MySQL重复检测-自动跳过已存在的视频文件使用场景示例假设您的视频目录结构是：D:\短视频\├──外国人系列\│├──1.mp4│├──2.mp4│└──3.mov├──美食系列\│├──美食1.mp4│└──
  • 上位机知识篇---CRLF Atticus-Orion 微处理器原理与应用篇上位机知识篇上位机操作篇单片机嵌入式硬件微处理器原理与应用串口
    串口通信中的CRLF：概念、原理与应用详解一、CRLF的定义与本质CRLF是两个ASCII控制字符的组合，用于表示文本行的结束，在串口通信中作为数据帧的分隔符。其具体含义为：CR（CarriageReturn）：回车符，ASCII码为0x0D（十进制13），早期打字机中表示“将打印头移至行首”；LF（LineFeed）：换行符，ASCII码为0x0A（十进制10），表示“将打印头移至下一行”。组合
  • git 挑选：git cherry-pick 张紫娃 GITgit
    Cherry-Pick（挑选）gitcherry-pick将一个或多个特定的提交从一个分支应用到另一个分支。它的主要作用是选择性地合并提交，而不是合并整个分支。与merge和rebase不同，cherry-pick只处理单个或多个指定的提交，而不是整个分支的历史。[应用举例]（heads/dev）gitcherry-pick125a1d1的详细工作原理1、Git会先检查工作目录，如果存在冲突或未提
  • git rebase -i 详解 张紫娃 GITgitelasticsearch大数据
    gitrebase-i操作指令含义Git信息（引入年份/最低版本）pick§使用该提交，rebase时用来保留某个提交原样不变2007/Gitv1.5.4drop(d)删除该提交2007/Gitv1.5.4reword®修改提交信息2007/Gitv1.5.4edit(e)修改提交内容（可暂停rebase来修改）2007/Gitv1.5.4squash(s)合并到前一个提交（保留提交信息）,清理历
  • Tailwind CSS自定义用法 TE-茶叶蛋 面试复习系列csscss前端
    文章目录前言✅一、集成TailwindCSS到React项目1.安装依赖2.配置`tailwind.config.js`3.创建全局样式文件（如`src/index.css`）@tailwindbase;@tailwindcomponents;@tailwindutilities;4.在`main.tsx`或`main.jsx`中引入样式✅二、自定义样式方式汇总1.`theme.extend`自定
  • 数据标注师学习内容汇总 试着 数据标注师学习数据标注师
    目录文本标注图像标注语音标注文本标注词性标注1词性标注2实体标注关系标注事件标注1事件标注2意图标注关键词标注分类标注问答标注对话标注图像标注拉框标注关键点标注2D标注3D标注线标注目标跟踪标注OCR标注图像分类标注语音标注语音切割转写语音校对标注拼音和停顿标注
  • Java 期末复习（四） 四谎真好看 javaeclipse
    1.创建一个标识有“关闭”按钮的语句是（）A.TextFieldb=newTextField(“关闭”);B.Lableb=newLable(“关闭”);C.Checkboxb=newCheckbox(“关闭”);D.Buttonb=newButton(“关闭”);解：①根据英语单词的意思来选择就行，Button类是专用于创建可点击的按钮控件。②TextField是输入框的意思，Lable是只读文
  • JavaScript基础-常见网页特效案例 咖啡の猫 javascript开发语言ecmascript
    一、前言在前端开发中，实现网页特效（如轮播图、下拉菜单、Tab切换、拖拽效果等）是提升用户体验和页面交互性的关键手段之一。这些特效不仅能增强用户对网站的粘性，也是衡量一个前端开发者能力的重要标准。JavaScript是实现网页特效的核心技术之一，结合HTML和CSS，可以轻松构建丰富的交互效果。本文将带你深入了解：常见网页特效的实现原理；如何使用原生JavaScript实现经典特效；每个案例附带完
  • 【网络安全】网络安全中的离散数学 flyair_China 安全架构
    一、离散数学核心知识点与网络安全映射1.数论（NumberTheory）知识点安全应用场景实例说明质因数分解RSA公钥加密大整数分解难题（2048位密钥需数万年破解）模运算Diffie-Hellman密钥交换利用(gamodp)实现安全协商欧拉定理RSA加密/解密me*d≡m(modn)保障解密还原中国剩余定理高效解密优化RSA-CRT加速解密运算达70%2.代数结构（AlgebraicStruc
  • FastAPI安全认证的终极秘籍：OAuth2与JWT如何完美融合？
    url:/posts/17d5c40ff6c84ad652f962fed0ce46ab/title:FastAPI安全认证的终极秘籍：OAuth2与JWT如何完美融合？date:2025-06-29T06:55:35+08:00lastmod:2025-06-29T06:55:35+08:00author:cmdragonsummary:FastAPI安全与认证实战指南深入解析了OAuth2协议的
  • OpenCV 三维重建实战：从工业检测到自动驾驶，3 大场景代码全解析 从零开始学习人工智能 opencv自动驾驶数码相机
    ：工业零部件三维建模与检测案例背景：在汽车制造工厂，对于复杂形状的发动机零部件质量检测与逆向工程需求，需要高精度的三维模型。传统检测方法效率低且精度有限，而三维重建技术可快速获取零部件三维信息，实现高效检测与设计优化。技术实现：使用多个相机从不同角度拍摄零部件，利用calib3d模块进行相机标定，获取准确的相机内参和外参。通过特征点检测与匹配算法（如SIFT、ORB等）找到不同图像间的对应点，再用
  • 总结自适应网站的标准尺寸 scuter_yu web前端
    转载字自"深蓝的镰刀"偶然翻阅国外标准模板，总结一下在使用css3的mediaquery做自适应网站时究竟min-width和max-width设多少是最好的。PC机时：[css]viewplaincopy@mediaonlyscreenand(min-width:960px){*{color:red;}}平板横放时：[css]viewplaincopy@mediaonlyscreenand(mi
  • 基于C#开发的，支持多平台二维图表开源编辑器 编程乐趣 c#编辑器开发语言
    推荐一个基于C#开发的，支持多平台的二维图表开源编辑器。01项目简介Core2D是一个支持跨平台、多平台的应用程序，内置wyswig矢量图形编辑器，可用于数据驱动生成二维图。**1、wyswig矢量图形编辑器：**内置了一个强大的图形编辑器，它允许用户将数据绑定到形状，这使得图表制作变得非常灵活和易于操作。**2、跨文档数据共享：**支持在多个文档之间共享数据，这使得用户可以轻松地在不同的图表之间
  • ZooKeeper的使用和基于Curator的JavaAPI操作 Ruined_ofJoker java-zookeeperzookeeper数据库
    Docker下使用ZooKeeper在/usr/local/zookeeper目录下保存ZooKeeper数据与数据卷卷cd/usr/local&&mkdirzookeeper&&cdzookeepermkdirdata开始部署部署命令dockerrun-d-eTZ="Asia/Shanghai"-p2181:2181-v$PWD/data:/data--namezookeeper--restar
  • vue中css使用data中的变量 console.log( ) #vuevue.jscssjavascript
    封装一个ui组件，组件的样式一般是多种多样的我们可以通过组件传值的方式将ui属性传递给组件，但是我们属性是在js中可以拿到，vue3之前css是无法直接获取的(vue3中已经可以直接获取，可以去学习一下)通过vars那么在vue2中，我们要借助setProperty函数写一个简单的例子helloworldexportdefault{data(){return{color:'red'}},mount
  • HCCDA – AI华为云人工智能开发者认证-60道单选题题库及答案_华为人工智能入门级开发者认证题库 2401_89172925 人工智能华为云华为
    单选题及答案AI模型的评测指标主要分为精度指标和性能指标，以下哪一项不属于常用的性能指标？A.FPS(FramesPerSecond)B.FLOPs(Floating-pointOperationsPerSecond)C.aPs（QueryPerSecond）D．F1值Mask＿Detection技能模板提供了口罩检测技能，针对每个人，若没有检测到人脸，也没有检测到口罩，则会显示什么信息？A.No
  • Open3D 进阶（31）渐进三角网(PTD)地面滤波 点云侠 点云进阶线性代数算法计算机视觉python
    目录一、算法原理1、PTD算法2、实现流程二、代码实现三、参数指南四、结果展示。一、算法原理1、PTD算法  渐进三角网地面滤波算法（ProgressiveTINDensification,PTD）是一种广泛应用于机载LiDAR点云数据处理的滤波方法，旨在从复杂场景中精确分离地面点，以生成数字高程模型（DEM）。2、实现流程  PTD的核心思想是迭代加密三角网，逐步逼近真实地形：实现流程主要包括以
  • 视频云平台HTML5播放器使用文档(CuPlayer平台) 阿酷tony 酷播云（免费云存储）音视频html5前端
    视频云平台HTML5播放器使用文档(CuPlayer平台)varplayer=polyvPlayer({wrap:'#player',width:800,height:533,vid:'88083abbf5535a4d7b4d8614427559e0_8',});选项参数类型默认值说明wrapstring/HTMLElement-页面上存在需要载入播放器的DOM元素或css选择器widthnumb
  • java线程的无限循环和退出 3213213333332132 java
    最近想写一个游戏，然后碰到有关线程的问题，网上查了好多资料都没满足。 突然想起了前段时间看的有关线程的视频，于是信手拈来写了一个线程的代码片段。 希望帮助刚学java线程的童鞋 package thread; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date
  • tomcat 容器 BlueSkator tomcatWebservlet
    Tomcat的组成部分 1、server A Server element represents the entire Catalina servlet container. (Singleton) 2、service service包括多个connector以及一个engine，其职责为处理由connector获得的客户请求。   3、connector 一个connector
  • php递归,静态变量,匿名函数使用 dcj3sjt126com PHP递归函数匿名函数静态变量引用传参
      <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body>
  • 属性颜色字体变化 周华华 JavaScript
    function changSize(className){ var diva=byId("fot") diva.className=className; } </script> <style type="text/css"> .max{ background: #900; color:#039;
  • 将properties内容放置到map中 g21121 properties
    代码比较简单： private static Map<Object, Object> map; private static Properties p; static { //读取properties文件 InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
  • [简单]拼接字符串 53873039oycg 字符串
             工作中遇到需要从Map里面取值拼接字符串的情况，自己写了个，不是很好，欢迎提出更优雅的写法，代码如下：           import java.util.HashMap; import java.uti
  • Struts2学习 云端月影
    最近开始关注struts2的新特性，从这个版本开始，Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。 配置文件精简了，的确是简便了开发过程，但是，我们熟悉的配置突然disappear了，真是一下很不适应。跟着潮流走吧，看看该怎样来搞定convention-plugin。 使用Convention插件，你需要将其JAR文件放
  • Java新手入门的30个基本概念二 aijuans java新手java 入门
    基本概念:　　1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。　　2.OOP中最重要的思想是类,类是模板是蓝图,
  • jedis 简单使用 antlove javarediscachecommandjedis
    jedis.RedisOperationCollection.java package jedis; import org.apache.log4j.Logger; import redis.clients.jedis.Jedis; import java.util.List; import java.util.Map; import java.util.Set; pub
  • PL/SQL的函数和包体的基础 百合不是茶 PL/SQL编程函数包体显示包的具体数据包
    由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,   函数; 函数:PL/SQL中的函数相当于java中的方法;函数有返回值 定义函数的 --输入姓名找到该姓名的年薪 create or re
  • Mockito(二)--实例篇 bijian1013 持续集成mockito单元测试
            学习了基本知识后，就可以实战了，Mockito的实际使用还是比较麻烦的。因为在实际使用中，最常遇到的就是需要模拟第三方类库的行为。         比如现在有一个类FTPFileTransfer，实现了向FTP传输文件的功能。这个类中使用了a
  • 精通Oracle10编程SQL(7)编写控制结构 bijian1013 oracle数据库plsql
    /* *编写控制结构 */ --条件分支语句 --简单条件判断 DECLARE v_sal NUMBER(6,2); BEGIN select sal into v_sal from emp where lower(ename)=lower('&name'); if v_sal<2000 then update emp set
  • 【Log4j二】Log4j属性文件配置详解 bit1129 log4j
    如下是一个log4j.properties的配置   log4j.rootCategory=INFO, stdout , R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appe
  • java集合排序笔记 白糖_ java
    public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{ private static final long serialVersionUID = -2958090810811192128L; private int id; private String nam
  • java导致linux负载过高的定位方法 ronin47
    定位java进程ID 可以使用top或ps -ef |grep java ![图片描述][1] 根据进程ID找到最消耗资源的java pid 比如第一步找到的进程ID为5431 执行 top -p 5431 -H ![图片描述][2] 打印java栈信息 $ jstack -l 5431 > 5431.log 在栈信息中定位具体问题 将消耗资源的Java PID转
  • 给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数 bylijinnan 函数
    import java.util.ArrayList; import java.util.List; import java.util.Random; public class RandNFromRand5 { /** 题目：给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数。 解法1： f(k) = (x0-1)*5^0+(x1-
  • PL/SQL Developer保存布局 Kai_Ge
          近日由于项目需要，数据库从DB2迁移到ORCAL，因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉，造成了很多麻烦，最主要的就是进入后，左边列表有很多选项，自己删除了一些选项卡，布局很满意了，下次进入后又恢复了以前的布局，很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段：   &n
  • [未来战士计划]超能查派[剧透,慎入] comsci 计划
           非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........        虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....    &nbs
  • Google Map API V2 dai_lm google map
    以后如果要开发包含google map的程序就更麻烦咯 http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html 找到篇不错的文章，大家可以参考一下 http://blog.sina.com.cn/s/blog_c2839d410101jahv.html 1. 创建Android工程 由于v2的key需要G
  • java数据计算层的几种解决方法2 datamachine javasql集算器
    2、SQL     SQL/SP/JDBC在这里属于一类，这是老牌的数据计算层，性能和灵活性是它的优势。但随着新情况的不断出现，单纯用SQL已经难以满足需求，比如： JAVA开发规模的扩大，数据量的剧增，复杂计算问题的涌现。虽然SQL得高分的指标不多，但都是权重最高的。     成熟度：5星。最成熟的。   
  • Linux下Telnet的安装与运行 dcj3sjt126com linuxtelnet
    Linux下Telnet的安装与运行   linux默认是使用SSH服务的 而不安装telnet服务  如果要使用telnet 就必须先安装相应的软件包  即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9，则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
  • PHP中钩子函数的实现与认识 dcj3sjt126com PHP
    假如有这么一段程序： function fun(){ fun1(); fun2(); }   首先程序执行完fun1()之后执行fun2()然后fun()结束。   但是，假如我们想对函数做一些变化。比如说，fun是一个解析函数，我们希望后期可以提供丰富的解析函数，而究竟用哪个函数解析，我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。   我们可以在fu
  • EOS中的WorkSpace密码修改 蕃薯耀 修改WorkSpace密码
    EOS中BPS的WorkSpace密码修改 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】 hanqunfeng SpringSecurity
     SpringSecurity的配置相对来说有些复杂，如果是完整的bean配置，则需要配置大量的bean，所以xml配置时使用了命名空间来简化配置，同样，spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity，达到同样减少bean配置的目的，如下：   applicationContex
  • ie 9 kendo ui中ajax跨域的问题 jackyrong AJAX跨域
    这两天遇到个问题，kendo ui的datagrid，根据json去读取数据，然后前端通过kendo ui的datagrid去渲染，但很奇怪的是，在ie 10,ie 11,chrome,firefox等浏览器中，同样的程序， 浏览起来是没问题的，但把应用放到公网上的一台服务器， 却发现如下情况： 1） ie 9下，不能出现任何数据，但用IE 9浏览器浏览本机的应用，却没任何问题
  • 不要让别人笑你不能成为程序员 lampcy 编程程序员
    在经历六个月的编程集训之后，我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。 说实话，我感觉我的脑细胞像被轰炸过一样。 手慢慢地离开键盘，心里很压抑。不禁默默祈祷：一切都会进展顺利的，对吧？至少有些地方我的回答应该是没有遗漏的，是不是？ 难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗？ 我需要一点点安慰。在自我怀疑，不安全感和脆弱等等像龙卷风一
  • 马皇后的贤德 nannan408
       马皇后不怕朱元璋的坏脾气，并敢理直气壮地吹耳边风。众所周知，朱元璋不喜欢女人干政，他认为“后妃虽母仪天下，然不可使干政事”，因为“宠之太过，则骄恣犯分，上下失序”，因此还特地命人纂述《女诫》，以示警诫。但马皇后是个例外。 　　有一次，马皇后问朱元璋道：“如今天下老百姓安居乐业了吗？”朱元璋不高兴地回答：“这不是你应该问的。”马皇后振振有词地回敬道：“陛下是天下之父，
  • 选择某个属性值最大的那条记录（不仅仅包含指定属性，而是想要什么属性都可以） Rainbow702 sqlgroup by最大值max最大的那条记录
    好久好久不写SQL了，技能退化严重啊！！！   直入主题： 比如我有一张表，file_info， 它有两个属性（但实际不只，我这里只是作说明用）： file_code, file_version 同一个code可能对应多个version 现在，我想针对每一个code，取得它相关的记录中，version 值 最大的那条记录， SQL如下： select *
  • VBScript脚本语言 tntxia VBScript
      VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。   VB家族语言简介   Visual Basic 6.0           源于BASIC语言。           由微软公司开发的包含协助开发环境的事
  • java中枚举类型的使用 xiao1zhao2 javaenum枚举1.5新特性
    枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.   1.定义一个简单的枚举类型 public enum Sex { MAN, WOMAN }   枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.   2.常用方法 静态的values()方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他