songqingxi
songqingxi

CSS立方体基础篇之一

花了点时间把CSS3D变形研究了下，做了个立方体的实例。

1. 基础

1.1 理解坐标和旋转

参考资料：http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/

rotateX(angle)：定义沿X轴的3D旋转

rotateY(angle)：定义沿Y轴的3D旋转

rotateZ(angle)：定义沿Z轴的3D旋转

以上三个函数，angle为旋转角度，值为正时表示：从轴延伸方向向圆心看顺时针旋转（或者反过来理解，从圆心向轴的延伸方向看逆时针旋转），值为负值时表示：从轴延伸方向向圆心看逆时针旋转（或者反过来理解，从圆心向轴的延伸方向看顺时针旋转）。

CSS立方体基础篇之一_第1张图片


举例来说，如上图所示，rotateX（30deg），表示绕着X轴旋转30度，那么具体是如何旋转，向哪个方向旋转呢？有个简单的方法就是：从+X向圆心看，顺时针方向旋转30度即可。

1.2 理解translateZ(z)

translateZ(z)定义3D转换，只用Z轴的值，它的功能就是让元素在自己的眼前或近或远。z值越大则子元素离的越远，z值越小则子元素离的越近。

2. 立方体实例

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
.cube{
width: 200px;
height: 200px;
margin: 200px;
perspective: 250px;//透视深度
-webkit-perspective: 250px;
-webkit-transform-style: preserve-3d;
-webkit-perspective-origin: -100% -50%;//可以修改此处的值，理解透视点
}
.cube > div{
width: 100px;
height: 100px;
position: absolute;
border:solid 2px red;
line-height: 100px;
font-size: 70px;
text-align: center;
background-color: gold;
}
.front{
-webkit-transform: rotateX(0deg) translateZ(50px);
}
.back{
-webkit-transform: rotateX(0) translateZ(-50px);
}
.right{
-webkit-transform: rotateY(90deg) translateZ(50px);
}
.left{
-webkit-transform: rotateY(-90deg) translateZ(50px);
}
.top{
-webkit-transform: rotateX(90deg) translateZ(50px);
}
.bottom{
-webkit-transform: rotateX(-90deg) translateZ(50px);
}
</style>
<body>
<div class="cube">
<div class="front">前</div>
<div class="back">后</div>
<div class="right">右</div>
<div class="left">左</div>
<div class="top">上</div>
<div class="bottom">下</div>
</div>
</body>
</html>

为了查看完整的变换过程，可以将CSS里面的 translateZ（）都给去掉，然后一个一个调试，就可以理解 translateZ具体是如何调整元素位置的。translateZ(z)，z为正值表示向正前方移动，z为负值表示向后方移动。以上面代码为例，我们看下right，首先围绕Y轴顺时针旋转90度，效果如下：

CSS立方体基础篇之一_第2张图片

可以看到旋转90度后的效果，此时没有向正前方移动50px。注意，此处我加了背景色gold，以便清晰看的变换后的元素位置，然后我们再加上tanslateZ(50px)，效果如下：

CSS立方体基础篇之一_第3张图片

可以看到向正前方移动50px后，正好成为了立方体的右面。left是围绕Y轴逆时针旋转90度，然后再向正前方移动50px。具体效果可自行调试。

3. 运行效果

  第2节的代码运行效果如下：

CSS立方体基础篇之一_第4张图片

至此，简单的立方体即完成了。理解坐标，旋转方向后再用代码进行一步步调试，即可理解3D变换，为进一步学习打下基础。

你可能感兴趣的:(CSS立方体基础篇之一)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • 贝多芬诞辰250周年纪念 万千星河赴远方
    就算不是古典音乐爱好者，你也一定听说过贝多芬。作为古典音乐史上最伟大的音乐家之一，他不仅是古典主义风格的集大成者，同时也是浪漫主义风格的开创者。贝多芬肖像画（1813年）贝多芬的一生共创作了9部交响曲、36首钢琴奏鸣曲、10部小提琴奏鸣曲、16首弦乐四重奏、1部歌剧及2部弥撒曲等等。数量虽然不及前辈海顿、莫扎特多，但他几乎改造了当时所有的音乐表达形式，赋予了它们全新的价值，对后世音乐的发展产生了极
  • STM32入门之TIM基本定时器 嵌入式白话 STM32入门学习stm32嵌入式硬件单片机
    一、定时器简介定时器是嵌入式系统中的关键外设之一，它可以用于生成精确的延时、周期性中断、PWM波形生成等功能。在STM32F1系列单片机中，定时器不仅能为系统提供精确的时钟，还支持外部事件的捕获以及信号输出。对于定时器的功能，我们可以通过一个生活中非常常见的例子来形象地描述：微波炉的定时器。想象你正在使用微波炉加热食物。在微波炉里，定时器的作用就是帮助你控制食物加热的时间。当你设置了加热时间后，定
  • js操作样式 郝加升
    DOM样式属性和方法：指定的元素，它的style有这么几个属性和方法：cssText：通过这个属性可以访问到元素的特性style设置的属性，并且可以直接赋值设置。removeProperty（属性名称）：从样式中删除给定属性。setProperty（属性名称，值，权重）：可以通过这个方法设置给定样式的同时设置其权重，可以传入”important”或者一个空字符串。获取计算后样式：window.ge
  • Redis + Caffeine 实现高效的两级缓存架构 周童學 Java缓存redis架构
    Redis+Caffeine实现高效的两级缓存架构引言在现代高并发系统中，缓存是提升系统性能的关键组件之一。传统的单一缓存方案往往难以同时满足高性能和高可用性的需求。本文将介绍如何结合Redis和Caffeine构建一个高效的两级缓存系统，并通过三个版本的演进展示如何逐步优化代码结构。项目源代码：github地址、gitee地址两级缓存架构概述两级缓存通常由本地缓存（如Caffeine）和分布式缓
  • 百度地图 雷达/地理编码 功能使用 安卓开发者
    目录(?)[-]地图雷达基本使用首先你需要在你的API控制台注册你的雷达初始化并注入你的信息开始上传单次上传定时重复上传取回信息打完收工元古巨坑地理编码最近一直在优化软件的bug..然后后面可能又要大改..所以趁这两天有时间赶紧码两篇博文..=.=地图功能可以说是现在APP中最常用的功能…呃..之一..不管是电商,社交,o2o,b2c,p2p,锟斤拷,烫烫烫都需要用地图来辅助..博客里基本的地图实
  • 用代码生成艺术字：设计个性化海报的秘密
    本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准
  • 守一朵花，偏安春之一隅 者者行
    图片发自App守一朵花，偏安春之一隅云雾压城的那一刻我发现世界小了许多高楼耸立，挨着天女的脚丫脚贴大地柔软的腹河水湿润了游离的眼际风偏安春的围城在我的身体里生根育芽远山，那块曾经蕴藏着诗的圣地不见也罢此刻我只想读懂泥土的温柔和挂在纤纤枝头的那抹春色它是那么轻盈像蝴蝶的羽翼我多想折一枝春寄给遥远的你可又怕你见到的是一朵将萎的花近日的烟雨，给江城的春色增添了些许朦胧之美。灰白的天色，让我的视界后退了不
  • 前端面试每日 3+1 —— 第39天 浪子神剑
    今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss
  • Jupyter Notebook：数据科学的“瑞士军刀” a小胡哦 机器学习基础人工智能机器学习
    在数据科学的世界里，JupyterNotebook是一个不可或缺的工具，它就像是数据科学家手中的“瑞士军刀”，功能强大且灵活多变。今天，就让我们一起深入了解这个神奇的工具。一、JupyterNotebook是什么？JupyterNotebook是一个开源的Web应用程序，它允许你创建和共享包含实时代码、方程、可视化和解释性文本的文档。它支持多种编程语言，其中Python是最常用的语言之一。Jupy
  • 深入理解卷积神经网络（CNN）与循环神经网络（RNN） CodeJourney. cnnrnn人工智能
    在当今的人工智能领域，神经网络无疑是最为璀璨的明珠之一。而卷积神经网络（ConvolutionalNeuralNetworks，CNN）和循环神经网络（RecurrentNeuralNetworks，RNN）作为神经网络家族中的重要成员，各自有着独特的架构和强大的功能，广泛应用于众多领域。本文将深入探讨这两种神经网络的原理、特点以及应用场景，为对深度学习感兴趣的读者提供全面的知识讲解。一、卷积神经
  • C++中std::variant的使用详解和实战代码示例 点云SLAM C++c++开发语言variantC++泛型编程联合体C++类型擦除机制C++17
    std::variant是C++17引入的一个类型安全的联合体（type-safeunion），它可以在多个类型之间存储一个值，并在编译时进行类型检查。它是现代C++类型擦除与泛型编程的核心工具之一，适用于构建可变类型结构、消息传递系统、状态机等。一、基本概念#includestd::variantv;类似于联合体union，但类型安全。std::variant只能存储其中一个类型的值。默认构造时
  • Python数据可视化：用代码绘制数据背后的故事 AAEllisonPang Python信息可视化python开发语言
    引言：当数据会说话在数据爆炸的时代，可视化是解锁数据价值的金钥匙。Python凭借其丰富的可视化生态库，已成为数据科学家的首选工具。本文将带您从基础到高级，探索如何用Python将冰冷数字转化为引人入胜的视觉叙事。一、基础篇：二维可视化的艺术表达1.1Matplotlib：可视化领域的瑞士军刀importmatplotlib.pyplotaspltimportnumpyasnpx=np.linsp
  • 唯品会买的东西都是正品吗？成为唯品会会员可以享受什么好处？ 一起高省
    这些年来，电商平台频起，不过，真正能够让大众用户记住，并真心喜欢购买的却不多。除了天猫和京东之外，唯品会也是许多用户最为喜欢的电商平台之一。不过，也逃不过许多用户的质疑，不知道此平台的东西是不是正品呢?唯品会所销售的商品均从品牌方、代理商、品牌分支机构等正规的渠道拿货，还会和这些供应商签订正式的采购协议，以保障正品质量。推荐使用“高省”，邀请码:521521，高省佣金更高，模式更好，终端用户不流失
  • 李汶翰、徐娇领衔主演，杭州2022年亚运组委会授权电视剧《泳往直前》阵容官宣！ 楚离杜子腾
    今日，杭州亚组委授权电视剧《泳往直前》阵容官宣，由黄克敏执导，李汶翰、徐娇领衔主演。《泳往直前》是亚运会筹备工作启动以来,着手谋划创作的亚运主题文艺精品项目之一，也是杭州亚组委官方授权拍摄的唯一一部亚运主题电视剧。《泳往直前》主要讲述了四名背景各异，独具个性的少年在泳池奋力拼搏、执着追梦的故事。中年失意的游泳教练梁友光，为了证明自己的能力，四处挖掘游泳的好苗子冲刺亚运会，在发现了毫无训练经验却颇有
  • 每日面试题15：如何解决堆溢出？ ℡余晖^ 每日面试题python开发语言
    在Java应用运行过程中，"java.lang.OutOfMemoryError:Javaheapspace"是最常见的错误之一。无论是高并发的电商大促场景，还是持续运行的后台服务，堆内存溢出都可能导致服务不可用、数据丢失，甚至引发系统崩溃。本文将结合实际排查经验，系统讲解堆溢出的底层逻辑、应急处理流程及长效预防策略。一、堆溢出的本质：内存分配的"收支失衡"Java堆是JVM管理的内存区域，用于存
  • Amazon广告投放：如何精准筛选并添加关键词？ 新置元 人工智能亚马逊广告amazon
    在亚马逊广告投放领域，关键词的选择是影响广告效果的核心要素之一。一个精准的关键词策略不仅能够提升广告的曝光度，还能确保产品能够被真正的目标受众看到，从而实现更高的转化率。然而，关键词的筛选并不是一个简单的操作，它需要结合数据分析、市场趋势和消费者行为模式进行科学的规划。一、关键词筛选的必要性：为什么精准匹配如此重要？1.提升广告投放的精准度关键词的精准度决定了广告是否能够投放给真正有购买意愿的用户
  • 抖音优惠券哪里找？五种有效途径帮助你快速领取优惠 浮沉导师
    抖音作为目前最受欢迎的短视频平台之一，不仅提供丰富的娱乐内容，还成为了许多人寻找购物优惠的渠道。抖音优惠券的使用能够有效帮助你节省购物开支，获得更多实惠。那么，如何在抖音上找到优惠券呢？本文将为你详细介绍几种方法，帮助你轻松获取抖音优惠券。关注抖音商城和品牌官方账号在抖音上，许多品牌和商家开设了官方账号，定期发布促销活动和优惠券。你可以通过关注这些官方账号，第一时间获得他们发布的优惠信息。品牌账号
  • 2024最新微信红包封面序列号免费获取方法（烟花城堡，浪漫爱情系列） 帮忙赚赏金
    2024最新微信红包封面序列号免费获取方法（烟花城堡，浪漫爱情系列）微信红包，是如今社交网络中最潮流的传递祝福和喜庆的方式之一。作为社交媒体的巨头，微信每年都会为用户们推出各种各样的红包封面，让我们能够在与亲友交流的同时增添一份喜庆氛围。而在2024年，作为微信红包的最新封面，烟花城堡与浪漫爱情系列封面将成为当之无愧的热门选择。你可以关注微信公众号【艺间封面】领取微信红包封面序列号各式各样应有尽有
  • 人生不管怎么过都会有遗憾 一周陪你读一本书
    图片发自App亲戚在我的一条朋友圈下方评论:你这小子，报错专业了，当年应该去读中文专业的啊。随后我报之一笑，想起那年高考分数出炉那天，几近崩溃的我独自痛哭流涕。想起大学三年来一直不冷不热地对着建筑工程这个专业。当年是又痛又恨又抵抗的，如今，一把时光走过，回过头对生活的安排只剩下了“坦荡”之感。扛上生活的重担，对梦想也没有多大的苛求，但还是会在默默坚持着。喜欢文字，也依然在进行着，喜欢看书，也依然在
  • 在奋斗的年华里，怎么让你的一年顶别人的十年呢丨看看剽悍一只猫 十里荷塘秋水长
    “剽悍一只猫”在自媒体时代是传奇之一，据说这个人让自己从一无所有的普通人到现在的网络江湖的传奇人物也没有用太长的时间，但是人家现在是樊登读书首席社群顾问、社群商业战略专家、个人成长战略深度研究者&践行者。他自己的微信公众号矩阵有百万读者。早早就借助于互联网的力量实现了财务自由。很多人希望能取经咨询，但是老师的时间极其宝贵高效，一般个人的咨询没有办法安排时间接，再加上收费也不好控制，高了低了对口碑来
  • 什么软件可以领优惠券？领优惠券app哪个好用？ 优惠券高省
    在当今的移动互联网时代，越来越多的优惠券平台涌现出来，让消费者在购物和消费时能够享受到更多的实惠。其中，高省APP是一款备受推荐的优惠券平台，它以综合性的导购返现模式和丰富的优惠券种类吸引了大量用户。本文将探讨高省APP的独特优势，以及为什么它被认为是最好用的优惠券平台之一。首先，高省APP涵盖了淘宝、京东、拼多多等主流电商平台的商品优惠券，让用户可以轻松获取所需商品的优惠券。同时，高省还提供了购
  • 极品小农场 名窑 龘龑文轩
    第850章钻石岛pandora上“真是很难相信能再次见到康比葡萄牙之星的钻石，真是太美了。”朱莉情绪有些激动，要知道葡萄牙之星这样的纯净的巨钻可以说稀世珍宝。“葡萄牙之星？”紫衣女孩和白衣女孩，惊讶有点失礼，其他人或许不太懂，葡萄牙之星是什么，可和朱莉关系不错的女孩都知道，这是哈利温斯顿曾经拥有的两大稀世珍钻之一，葡萄牙钻石在未经切割前是187克拉，切割后才是如今我们看到的127.01克拉。曾经被
  • 显示硬件发展与视频开发系列(2)----2D时代 短视频技术 显示与视频技术gdi/gdi+图形学软件开发c++
    3、2D时代几十年工艺改进，解决了基本制造问题，计算机开始向应用过渡。显示问题是首当其冲的问题，多年的思辨与实践，2D技术横空出世，完善发展，为计算机的应用推广做出了卓越的贡献。双色显示的星星之火，在2D时代终于熊熊燃烧，计算机走向民间的时代到来了。下面从公司产品的角度，回顾2D时代的图形图像编程。3.1、公司3.1.1、AmigaAmiga是80年代图形性能最强大的电脑之一，拥有专门处理图形的芯
  • 26. 什么是雪碧图，作用和原理了解吗 yqcoder 前端面试-CSScss前端html
    总结小图合成一张，使用background来使用，减少资源请求一、什么是雪碧图？雪碧图（CSSSprite）是一种前端优化技术，指的是将多个小图标合并成一张大图，通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图，减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不
  • 被FBI点名的中国黑客-KING 2501_92914741 facebook微信公众平台twitterpaddle微信
    网名：KING真实姓名：谭绪武OICQ：1576172简介：原中国黑客联盟站长，2001年中]=美黑客大战领军人物之一，中国第1代黑客之一，中国最早期黑客组织中国黑客联盟的创始人，中国黑客界泰斗级元老，中国传奇黑客。2003年1月25日北京时间13时30分到19时30分的6个小时里，全球互联网遭受历史上从未曾有过的安全威胁，亚洲、北美和欧洲的网络全都陷入了瘫痪或者半瘫痪的状态。美国FBI一位发言人
  • 中国顶级黑客名单 2501_92914741 facebooktwitterpaddle微信开放平台
    网名：KING真实名字：谭绪武OICQ：1576172简介：原中国黑客联盟站长，2001年中]=美黑客大战领军人物之一，中国第1代黑客之一，中国最早期黑客组织中国黑客联盟的创始人，中国黑客界泰斗级元老，中国传奇黑客。网名：sunx真实姓名：孙华OICQ：239670简介：资深网络安全专家、软件设计师、Unix专家,在黑客、病毒等技术上均具有顶尖级水平，对系统内核研究有很高的造诣，程序反编译、跟踪、
  • 拥有好睡眠 木子桃心说
    睡觉是人生的大事。人每天有将近三分之一的时间在睡眠中度过。通过睡觉，能够让我们身体机能得到恢复，身心得以放松，精力充沛地迎接第二天的挑战。如何拥抱好睡眠呢？可以从硬件和软件两个方面来准备。硬件上，如果你是土豪，可以从床，床垫，四件套到枕头统统升级。如果预算有限，还是建议和我一样，挑选合适的床垫，四件套和枕头，就能让你的睡眠体验大大提升。提高睡眠质量是一种享受，但我更愿意看作是一种对健康生活方式的投
  • 淘宝优惠券大揭秘：每年亿张优惠券让您省钱不错过！ 浮沉导师
    在如今的电商时代，优惠券已成为各大平台吸引用户的重要方式之一。作为国内最大的电商平台之一，淘宝每年发放数亿张优惠券，为消费者提供了诸多省钱的机会。然而，您可能会错过一些超值的优惠活动。本文将为您介绍淘宝优惠券的常见类型、使用方法，以及一些常见的优惠券使用技巧。让我们一起来发掘那些您可能错过的超值优惠吧！一、淘宝优惠券的类型1.直减优惠券：指在结算时直接减免指定金额的优惠券，例如100元无门槛直减券
  • 什么值得买网站官网？什么值得买网站靠谱吗？ 高省APP珊珊
    什么值得买网站的官网是。这是一个专注于消费决策的平台，致力于为消费者提供全面、实时的购物信息和优惠活动，帮助用户做出更明智的购买决策。关于什么值得买网站的靠谱性，可以从以下几个方面进行评估：平台背景与信誉：什么值得买由北京值得买科技股份有限公司运营，该公司成立于2011年，并于2019年在深交所上市，具有较高的信誉和权威性。平台作为国内知名的消费导购平台之一，其用户群体广泛，口碑良好。内容质量与审
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他