范亚明
范亚明

css3制作旋转立方体相册

一.只是玩一下

直接上代码
桌面上新建两个文件夹
img和css
将图片放到img文件夹中,将css代码放到css文件夹中
在桌面上新建一个文本文档,将后缀名改为.html

二.代码如下

HTML中:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="css/yiyi.css">
</head>

<body>
<div id="react">
    <div class="out_frount">
        <img src="img/1.jpg" class="out_pic">
    </div>
    <div class="out_back">
        <img src="img/2.jpg" class="out_pic">
    </div>
    <div class="out_left">
        <img src="img/3.jpg" class="out_pic">
    </div>
    <div class="out_right">
        <img src="img/4.jpg" class="out_pic">
    </div>
    <div class="out_top">
        <img src="img/5.jpg" class="out_pic">
    </div>
    <div class="out_bottom">
        <img src="img/6.jpg" class="out_pic">
    </div>
    <span class="in_frount">
        <img src="img/7.jpg" class="in_pic">
    </span>
    <span class="in_back">
        <img src="img/8.jpg" class="in_pic">
    </span>
    <span class="in_left">
        <img src="img/9.jpg" class="in_pic">
    </span>
	 <span class="in_right">
        <img src="img/10.jpg" class="in_pic">
    </span>
    <span class="in_top">
        <img src="img/11.jpg" class="in_pic">
    </span>
    <span class="in_bottom">
        <img src="img/12.jpg" class="in_pic">
    </span>
</div>
</body>
</html>

css中:

{
    padding:0;
    margin:0;
}
body{
    width:100%;
    height:100%;
    background:linear-gradient(black 0%,black 100%);
}
#react{
    width: 200px;
    height:200px;
    margin: 200px auto;
    transform-style:preserve-3d;
    animation:rotate 20s infinite;
    animation-timing-function: linear;
}
#react div{
    position:absolute;
    transition: all .4s;
}
div .out_pic{
    width:200px;
    height:200px;
    opacity:0.9;
}
div .in_pic{
    width:100px;
    height:100px;
}
#react span{
    display:block;
    position:absolute;
    width:100px;
    height:100px;
    top:50px;
    left:50px;
}
@keyframes rotate{
    from{transform: rotateX(0deg) rotateY(0deg);}
    to{transform: rotateX(360deg) rotateY(360deg);}
}
.out_frount{
    transform:translateZ(100px);
}
.out_back{
    transform:translateZ(-100px);
}
.out_left{
    transform:rotateY(90deg) translateZ(100px);
}
.out_right{
    transform: rotateY(-90deg) translateZ(100px);
}
.out_top{
    transform:rotateX(90deg) translateZ(100px);
}
.out_bottom{
    transform: rotateX(-90deg) translateZ(100px);
}
.in_frount{
    transform:translateZ(50px);
}
.in_back{
    transform:translateZ(-50px);
}
.in_left{
    transform:rotateY(90deg) translateZ(50px);
}
.in_right{
    transform: rotateY(-90deg) translateZ(50px);
}
.in_top{
    transform:rotateX(90deg) translateZ(50px);
}
.in_bottom{
    transform: rotateX(-90deg) translateZ(50px);
}
#react:hover .out_frount{
    transform:translateZ(200px);
}
#react:hover .out_back{
    transform:translateZ(-200px);
}
#react:hover .out_left{
    transform:rotateY(90deg) translateZ(200px);
}
#react:hover .out_right{
    transform: rotateY(-90deg) translateZ(200px);
}
#react:hover .out_top{
    transform:rotateX(90deg) translateZ(200px);
}
#react:hover .out_bottom{
    transform: rotateX(-90deg) translateZ(200px);
}
@charset "utf-8";

最终效果如下:
未展开时:
css3制作旋转立方体相册_第1张图片

展开时:
css3制作旋转立方体相册_第2张图片

你可能感兴趣的:(开发工具使用)

  • SpringBoot将项目打包成JAR包或者WAR包 三文鱼先生 springbootjarmavenwar打包
    SpringBoot将项目打包成JAR包或者WAR包前言打包成JAR包打包成WAR包新增servlet初始化类打包遇到的问题Maven环境问题跳过测试并打包前言本文开发工具使用IDEA，已配置好Maven环境，如果未配置的可以参考另外一篇文章:Maven如何配置阿里镜像及安装全步骤打包成JAR包默认是打包成JAR包，这个再构建项目的时候是可以勾选的打包成WAR包如果新建之前未配置，但是要打包成WA
  • ELAdmin 新增Module lootaa 2024EL-Admin的使用ELAdminModule
    新建模块开发工具使用idea。右击项目，选择New，然后选择Module…左侧选择NewModule，右侧输入必要信息Name：模块名称，测试使用了eladmin-mpLocation：存储未知，使用默认值即可Language：开发语言，使用默认的JavaBuildsystem：构建方式，选择MavenJDK：JDK的版本，测试使用的是JDK8Parent：使用默认值，也就是ELADMIN后台管理
  • Linux基础开发工具使用【Yum | Vim | 编译器 | 调试器 | GDB | Makefile | Git】 挨踢程序员 Linux的重生之路linuxvimgit
    本节目标：学习yum工具，进行软件安装掌握vim编辑器使用，学会vim的简单配置掌握简单的Makefile编写，了解其运行思想编写自己的第一个Linux程序：进度条掌握gcc/g++编译器的使用，并了解其过程，原理掌握简单gdb使用于调试Linux软件包管理器yum什么是软件包在Linux下安装软件,一个通常的办法是下载到程序的源代码,并进行编译,得到可执行程序.但是这样太麻烦了,于是有些人把一些
  • [FPGA开发工具使用总结]VIVADO在线调试(1)-信号抓取工具的使用 蚂蚁cd FPGA开发工具使用总结fpga开发
    目录1简介2添加观测信号的几种方法2.1通过定制IP核添加2.2通过约束文件添加2.3通过GUI生成DEBUG约束文件2.4两种方法的优点与缺点3在线调试方法3.1器件扫描设置3.2触发条件设置3.3触发窗口设置3.4采样过程控制4常见问题4.1时钟域的选择4.2缺少LTX文件4.3ILA无时钟参考文档1简介在FPGA开发过程中，实时抓取信号进行观测是一种必不可少的问题分析手段。通常厂家会提供一种
  • 2021年信创系统实战Qt5.9-第二节Qt开发工具使用 随行之旅 c++linuxQt编程语言
    1.侧边栏内容欢迎包含：newProjects(创建一个项目)OpenProjects(打开一个项目)编辑编辑里面包含：项目文件、头文件、源文件、UI设计界面。项目文件内容包含：Qt+=coregui(图形等固件内容)CONFIG+=c++11(配置文件)SOURCES+=\（源文件）main.cpp\mainwindow.cppHEADERS+=\（头文件）mainwindow.hFORMS+=
  • 【Linux】Linux环境基础开发工具使用 核动力C++选手 Linuxlinux服务器运维
    上篇博客我们学习了Linux权限相关知识，那么这节课我们来学习一下Linux环境基础开发工具使用吧~，主要包括yum、vim、gcc/g++的使用，以及Linux项目自动化构建工具。目录Linux软件包管理器--yumyum是什么yum相关操作yum本地配置Linux编辑器-vim的使用vim的基本概念vim的基本操作vim命令模式命令集vim底行模式命令集Linux编译器-gcc/g++使用预处
  • Linux环境基础开发工具使用篇(一) yum 与 vim 编程之路，妙趣横生 linux
    目录一、软件包管理器yum1.yum的概念和对yum整个生态的理解Linux安装软件的三种方式:对yum和yum整个生态的理解:2.yum的使用①yum源②yum安装软件③yum源更新二、文本编辑器vim1.vim常用模式2.详谈每种模式:(1)插入模式(2)底行模式①退出vim②行号③不退出vim执行各种指令④搜索(3)命令模式:①光标的上下随机定位②光标的左右随机定位③方向键的控制④赋值粘贴删
  • Linus环境基础开发工具使用 你好，赵志伟 linux
    Linux软件包管理器yum在Linux下安装软件,一个通常的办法是下载到程序的源代码,并进行编译,得到可执行程序.但是这样太麻烦了,于是有些人把一些常用的软件提前编译好,做成软件包(可以理解成windows上的安装程序)放在一个服务器上,通过包管理器可以很方便的获取到这个编译好的软件包,直接进行安装.软件包和软件包管理器,就好比"App"和"应用商店"这样的关系.yum(YellowdogUpd
  • 项目遇到Bug如何解决（思路） 小安吖~ bug
    在我们项目开发中，总是遇到各种各样的Bug，对于我来说能够快速的找到Bug、分析Bug、解决Bug就是自我能力最大的挑战。所以，先要明确在项目开发中经常会遇到错误类型有哪些呢？错误类型三大类：一、语法错误从它错误的表现形式来去明确我们的语法错误应该通过什么样的方式进行修复，所谓语法错误就是在我们的id开发工具使用的时候就出现的一种错误类型，比如说：在我们变量定义的时候，假设const、在进行con
  • 菜鸡后端的前端学习记录 无名一小卒 前端学习
    前言记录一下看视频学习前端的的一些笔记，以前对Html、Js、CSS有一定的基础（都认得，没用过），现在不想从头再来了，学学Vue框架，不定时更新，指不定什么时候就鸽了。。。。忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】开发工具使用记录：VsCode代码提示挺不友好，配置起来还不一定生效（太
  • Linux环境基础开发工具使用 Smile丶凉轩 Linux系统linux运维服务器
    Linux环境基础开发工具使用1.Linux软件包管理器yum1.1什么是软件包1.2rzsz1.3查看软件包1.4安装软件1.5卸载软件2.Linux编辑器-vim使用2.1vim的基本概念2.2vim的基本操作2.3vim正常模式命令集2.4vim底行模式命令集2.5vim操作总结2.6vim配置3.Linux编译器-gcc/g++使用3.1背景知识3.2gcc如何完成3.2.1预处理(进行宏
  • idea开发工具使用 东山富哥 ideaideaidea快捷键
    文章目录1.idea使用说明推荐pdf下载2.idea使用说明开源地址3.日常常用技巧特殊说明3.2.idea快速实现未实现的方法快捷键3.3.查看实现类中的方法3.4.类图的查看[ctrl+shift+alt+U]4.如何回到上个idea的上一步5.idea快捷键怎么把选中的变成大写和小写？1.idea使用说明推荐pdf下载链接：https://pan.baidu.com/s/1vKJAowMB
  • 【Linux】第十章 进程间通信（管道+system V共享内存） penguin_bark Linuxlinux运维服务器
    个人主页：企鹅不叫的博客专栏C语言初阶和进阶C项目Leetcode刷题初阶数据结构与算法C++初阶和进阶《深入理解计算机操作系统》《高质量C/C++编程》Linux⭐️博主码云gitee链接：代码仓库地址⚡若有帮助可以【关注+点赞+收藏】，大家一起进步！系列文章【Linux】第一章环境搭建和配置【Linux】第二章常见指令和权限理解【Linux】第三章Linux环境基础开发工具使用(yum+rzs
  • 开发工程师常用的ChatGPT通用提示词模板 BTCKing gptchatgpt
    编程语言掌握：如何熟练掌握至少一门编程语言，如Java、Python、C++等？开发工具使用：如何熟练使用常用的开发工具，如IDE、版本控制工具、调试工具等？数据库操作：如何进行数据库设计和操作，包括数据模型设计、SQL语句编写等？系统架构理解：如何理解系统架构，包括前后端分离、微服务架构等？代码规范与质量：如何遵循代码规范，提高代码质量和可维护性？性能优化：如何进行性能优化，提高系统响应速度和吞
  • RT-Thread系统移植 别问，问就是全会 嵌入式应用单片机RT-ThreadW601
    目录前言一、实验平台简介1.1W601简介1.2RT-Thread简介1.3ENV简介二、开发环境搭建2.1MDK安装2.2Git安装2.3RT-Thread相关下载2.4其他素材三、移植RT-Thread四、RT-Thread的构建与配置系统4.1Kconfig配置4.2SCons构建工具（系统）4.3ENV开发工具使用五、W601开发板下载验证5.1使用串口下载软件5.2ST-Link下载前言
  • 开发工具IDEA中的高效快捷键 菊花侠大战桃花怪. JavaSEjavaandroid深度学习
    《JAVA啃骨头》之JavaSE章节开发工具IDEA中的高效快捷键什么是IDEA集成开发环境（IDE）是指集成了代码编写功能、分析功能、编译功能等一体化的开发软件服务软件。所有具有这一特性的软件都可以叫做集成开发环境。IDEA是一种IDE，IDEA全称IntelliJIDEA，是JetBrains公司的产品。（2020年全球开发者开发工具使用占比）常用的快捷键配置及介绍1.字体样式设置：file–
  • c#特性 java注解,Java注解全面了解 连根塞 c#特性java注解
    开发工具使用的是IntelliJIDEA一.神马是注解？注解(也称为元数据)，为我们的代码添加信息提供了一种形式化的方法，使我们在某些时刻可以方便的使用这些数据。注解在一定程度上把数据与源码文件结合在一起，同时也是对来自C#之类的其它语言对java造成的语言特性压力所做出的一种回应。注解是从JavaSE5(JDK5，下文的JDK指的是>=JDK5)引入的特性,它可以帮助我们减轻编写“样板”代码的负
  • intellij IDEA 开发工具使用（简单操作，主题/字体/配色设置及快捷键） yojimbo1886 intellij-ideajavaide
    intellijIDEA简单操作首先了解以下IDEA管理java程序的结构为project（项目，工程）module（模块）package（包）class（类）然后打开IDEA，新建project(工程)注：右边SDK要选择要使用的JDK版本（一般会自动默认），如果不是，需要按右边向下箭头，选择要用的版本。然后选择emptyproject，并点击next然后在第一行里写project(工程)的名称
  • linux基础开发工具使用 嘉城401 linux运维服务器
    文章目录一.yum命令yum的使用二.vim命令（写代码）各模式的互相转化命令模式光标移动的命令复制，粘贴，剪切，撤销撤销字符的转换字符的添加和删除查找注释清除注释替换模式视图模式裸的vim也可支持多文本编译vim报错小技巧（光标改动到报错位置）三.gcc/g++编译器（编译代码）3.1介绍3.1.1gcc3.1.1.1gcc编译指定生成文件3.1.2g++3.2背景知识（编译器和编译语言的关系和
  • uniapp cli开发和HBuilderX开发 一拖再拖 一拖再拖 uni-appuni-app
    uniappcli开发和HBuilderX开发前言uniapp是一个跨平台的开发框架，可以开发出微信小程序、支付宝小程序、百度小程序、头条小程序、H5、App等，开发者只需要写一套代码，就可以发布到各个平台，大大提高了开发效率。uniapp的开发方式有两种：HBuilderX开发：可视化，应用工具cli开发：命令行，开发工具使用哪种方式开发，取决于你的习惯，我个人比较喜欢用cli开发，因为我觉得用
  • MdTools程序员开发工具使用教程说明 Fuuqiu
    说明文档所谓工欲善其事必先利其器，你想当一个优秀的程序员，那么最新最牛的编程工具，就需要快速掌握使用工具:mkdocs+Typora+Github在线管理Markdown在线文档优点：使用过Typora的朋友都知道，该软件是Markdown支持比较友好，支持即时浏览文档mkdocs是快速构建在线（html格式）文档便捷的工具Markdown是目前快速编写文档以及排版友好而令人喜爱文档状态：处于编写
  • 网站转换APP源代码 WebAPP源代码 网站生成APP源代码 Flutter项目 带控制端 行动之上 源码免费下载webapp
    源码介绍一款网站转换成APP的源代码,开发语言使用Flutter,开发工具使用的是AndroidStudio,你只需要在APP源代码里面填写你的域名,即可生成即可生成APP,包括安卓或者苹果,与此同时我们提供了APP的控制端.你可以通过控制端设置APP的颜色、添加APP的图标、添加APP的菜单栏目。添加或者编辑底部菜单或者悬浮按钮等等，当用户点击相关的栏目会跳转到你设置的相关链接。当然我们也提供了
  • insight 后台性能监控小程序开发手记 疯行小K 微信小程序开发手记echarts微信小程序eolinker
    项目概述项目源码开发工具使用原型设计编码调试项目自动化构建API管理后台支持版本控制与管理开发存在问题与解决方案Echarts使用问题自定义导航栏+默认tabBar出错。项目构建问题前后端协作问题项目概述基于微信小程序研发一款产品运营监控平台，提供一个能够直观、全面、多元化展示监控信息的平台，使用户能够快速便捷地获取关键的有价值的监控信息，掌握应用运营情况；同时在应用出现异常状态时，用户能够在第一
  • webpack开发环境 鋜斗 工程化前端webpack前端node.js
    文章目录前言webpack.config.js使用sourcemapwebpack.config.jssrc/print.js选择一个开发工具使用watchmode(观察模式)package.jsonsrc/print.js使用webpack-dev-serverwebpack.config.jspackage.json使用webpack-dev-middlewareprojectserver.j
  • 【Linux】第四章 进程（冯诺依曼体系+操作系统+进程概念+PID和PPID+fork+运行状态和描述+进程优先级） penguin_bark Linuxlinux运维服务器
    个人主页：企鹅不叫的博客专栏C语言初阶和进阶C项目Leetcode刷题初阶数据结构与算法C++初阶和进阶《深入理解计算机操作系统》《高质量C/C++编程》Linux⭐️博主码云gitee链接：代码仓库地址⚡若有帮助可以【关注+点赞+收藏】，大家一起进步！系列文章【Linux】第一章环境搭建和配置【Linux】第二章常见指令和权限理解【Linux】第三章Linux环境基础开发工具使用(yum+rzs
  • MSP430F5529基于CCS库函数开发——软件安装与库函数配置 彭某。 MSP430大数据
    软件安装与库函数配置前言通过MSP430官方的函数库进行开发，开发工具使用CCS。主要步骤如下：1、下载并安装CCS2、下载函数库3、部署函数库1、下载并安装CCSCCS是由美国德州仪器公司（TexasInstrument,TI）出品的代码开发和调试套件，具体的可以自行去百度，直接到官网下载安装即可。下载地址下载完成后解压即可，右击以管理员身份运行其中的可执行文件。安装就是傻瓜式安装就不贴出来了。
  • Spring boot 多环境变量配置 java_augur EclipseSpringBootMaven
    这里主要介绍Springboot配合maven实现多环境变量配置，java开发工具使用eclipse，其它如gradle,或者只用其它IDE，基本原理差不多。常见多环境的产生有两个方面：1开发环境和生产环境2不同用户的开发环境下面以dev和prod为例，并且有两个用户user1和user2在统一默认的application.properties文件中给出变量：spring.profiles.act
  • Angular开发之——安装Angular CLI并初始化项目(02) PGzxc Angularangular.js前端javascript
    一概述AngularCLI介绍及开发环境准备安装AngularCLI开发工具使用AngularCLI初始化Angular项目简单体验Angular二AngularCLI介绍及开发环境准备2.1AngularCLI介绍目前，无论你使用什么前端框架，都必须要使用到各种NodeJS工具，Angular也不例外。与其他框架不同，Angular从一开始就走的“全家桶”式的设计思路，因此@angular/cl
  • 【Linux】第八章 基础IO（open+write+read+文件描述符+重定向+缓冲区+文件系统管理+软硬链接） penguin_bark Linuxlinux运维服务器
    个人主页：企鹅不叫的博客专栏C语言初阶和进阶C项目Leetcode刷题初阶数据结构与算法C++初阶和进阶《深入理解计算机操作系统》《高质量C/C++编程》Linux⭐️博主码云gitee链接：代码仓库地址⚡若有帮助可以【关注+点赞+收藏】，大家一起进步！系列文章【Linux】第一章环境搭建和配置【Linux】第二章常见指令和权限理解【Linux】第三章Linux环境基础开发工具使用(yum+rzs
  • idea开发工具使用经验 搬山境KL攻城狮 系统工具软件常用intellijidea
    idea开发工具使用经验1.修改代码时CPU占用过高2.debug调试时F8不可用3.调整代码补全ctrl+space为shift+space4.序列化class自动生成序列化ID5.快速导包6.代码提示、示例7.驼峰转换插件8.不显示service窗口（springboot面板）9.启用自定义模块10.快速foreach11.断言失效12.IntellijIDEA快速添加maven依赖13.id
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他