edison87915
edison87915

css3 transition简单使用

 

selector {
    transition : [transition property] [duration] [timing-function] [delay]
}

 

 

四个参数说明如下：

  1. transition property：指 将要对selector 的哪些属性值（多个用逗号隔开）的改变进行过渡处理，默认为all，即只要selector 的(任何一个)css属性发生变化（比如hover或click导致的background-color变化），则对此变化进行过渡处理(比如background-color 缓变 变色).(none：不对任何属性的变化进行过渡处理)
     
    /* 对div 的 color 属性过渡持续时间为 1s，background-color 属性过渡持续时间为 10s (-moz前缀：注意在firefox下测试) */
<!DOCTYPE html>
<html>
<head>
    <style>
        body{
            background : #ddd;
        }
        div{
            background-color : #000;
            color : #fff;
            width : 400px;
            height : 70px;
            line-height : 70px;
            font-weight : bold;
            text-align : center;
            margin : 50px auto;
            /* transition */
            -moz-transition:color 1s;
            -moz-transition:background 10s;
        }
        div:hover{
            color : #000;
            background-color : #fff;
        }
    </style>
</head>
<body>
    <div>transition</div>
</body>
</html>
     
  2. duration：即 过渡的持续时间，默认为0.（值可为 1s/2s/3s/.....）
  3. timing-function：ease(逐渐变慢)/linear(匀速)/ease-in(加速)/ease-out(减速)/ease-in-out(加速然后减速)/cubic-bezier(自定义时间曲线)

    css3 transition简单使用
     

     
    /* (-moz前缀：注意在firefox下测试) */
<!DOCTYPE html>
<html>
<head>
    <style>
        body{
            background : #ddd;
        }
        div{
            background-color : #000;
            color : #fff;
            width : 200px;
            height : 70px;
            line-height : 70px;
            font-weight : bold;
            text-align : center;
            position : absolute;
            top : 0;left : 0;
        }
        #ease {
            -moz-transition:all 4s ease;
        }
        #linear {
            -moz-transition:all 4s linear;
        }
        #ease-in {
            -moz-transition:all 4s ease-in;
        }
        #ease-out {
            -moz-transition:all 4s ease-out;
        }
        #ease-in-out {
            -moz-transition:all 4s ease-in-out;
        }
        
        div.click{
            top : 0;
            left : 0;
        }
        div.clicked{
            top : 500px;
            left : 500px;
        }
    </style>
</head>
<body>
    <div id="ease-in-out">ease-in-out</div>
    <div id="ease-out">ease-out</div>
    <div id="ease-in">ease-in</div>
    <div id="linear">linear</div>
    <div id="ease">ease</div>
</body>
<script>
    var ids = ['ease','linear','ease-in','ease-out','ease-in-out'];
    for(var idx in ids){
        document.getElementById(ids[idx]).onclick = function(e){
            this.className = (this.className == 'clicked' ? 'click' : 'clicked');
        }
    }
</script>
</html>
     
  4. delay：延迟 几秒 后，开始过渡(默认 0,即立即执行过渡)

你可能感兴趣的:(transition)

  • 初级网安作业笔记3
    内容：自行搭建前端页面并分析运行成功界面：代码：用户登录|系统名称/*全局样式重置与基础设置*/:root{--primary-color:#1a73e8;--primary-hover:#1557b0;--error-color:#d93025;--text-color:#5f6368;--border-color:#dadce0;--bg-color:#f0f2f5;--transition-
  • Js进阶案例合集 在逃的吗喽 javascriptcss前端
    案例一：渲染商品CSS代码*{margin:0;padding:0;box-sizing:border-box;}.list{width:990px;margin:0auto;display:flex;flex-wrap:wrap;}.item{width:240px;margin-left:10px;padding:20px30px;transition:all.5s;margin-bottom
  • CSS中的transform 骑驴看星星a css前端javascript开发语言ecmascriptlinux学习
    在CSS中，transform是用于用于用于对元素进行几何变换的属性，可实现旋转、缩放、平移、倾斜等效果，且不会影响其他元素的布局（不会触发重排）。以下是其核心用法和特性：1.基本语法element{transform:变换函数1(参数)变换函数2(参数);/*多个变换可叠加*/transform-origin:x-axisy-axis;/*变换原点（默认中心）*/transition:trans
  • ReactNative 0.69发布 wayne214 前端
    ReactNative0.69正式版发布了，主要带来如下几点：1.React18的支持2.默认绑定引擎HermesReact18ReactNative0.69是第一个支持React18的正式版本。React18提供了更多提升，比如新的hookapi，userId等。此外，React18包括新的并发特性，例如useTransition或完整的Suspense支持。React18的更新后全面支持Sus
  • swiper js无缝滚动---解决播放总是有间隔、动画一闪一跳的问题 StrongerIrene javascript开发语言ecmascript
    搜了很多，没找到解决方案，ai也不知道，那个delay=0也不管用后面自己抓css，发现先设置freemode（可以无限滚动滑的那个）然后会发现他有这个css，把这个改成linear就行了:global(.swiper-free-mode>.swiper-wrapper){transition-timing-function:linear!important;}还有就是得设置宽高、必须设置宽高之后
  • 2019-05-16 海牙kyogre
    前端优化动画性能之requestAnimationFrame@(技术分享)在前端做动画很多人第一人的反应是用定时器，比如setInterval、setTimeout，除此之外css3可以使用transition和animation来实现。而编写动画循环的关键是要知道延迟时间多长合适。一方面，循环间隔必须足够短，这样才能让不同的动画效果显得平滑流畅；另一方面，循环间隔还要足够长，这样才能确保浏览器有
  • 常用的折叠展开过渡动画效果css
    如何实现优雅的折叠展开动画效果在现代Web设计中，折叠展开动画是一种常见且实用的交互方式，它可以帮助用户在保持界面简洁的同时，灵活控制内容的显示与隐藏。本文将分享如何使用HTML、CSS和JavaScript实现一个平滑流畅的折叠展开动画效果。基本原理折叠展开动画的核心原理是通过CSS过渡(transition)来控制元素的高度、内边距和其他样式属性的变化。当用户点击触发按钮时，JavaScrip
  • Vue.js 过渡 & 动画 lsx202406 开发语言
    Vue.js过渡&动画引言在Web开发中，过渡与动画是提升用户体验的关键元素。Vue.js作为一款流行的前端框架，提供了强大的过渡与动画功能，使得开发者能够轻松实现丰富的交互效果。本文将深入探讨Vue.js中的过渡与动画，包括其原理、应用场景以及实现方法。一、Vue.js过渡原理Vue.js过渡是利用CSS3的transition属性实现的。当Vue.js侦测到数据变化时，会自动触发过渡效果。过渡
  • OBS 二次开发插件录屏 bug和崩溃我都要 qtOBS视频录制
    基于OBS二次开发的录屏工具，使用OBS的SDK和Qt开发的工具。QT5.15.2MSVC64编译。添加视频源intobsRecord::AddSource(eCaptureTypemodel){//清除之前的SourceclearScene();//音频源处理obs_set_output_source(kChannelTransitions,NULL);obs_set_output_source
  • 单按钮动画
    本文仅仅自己备份使用html☀️//currentTheme是light和dark//switchTheme是切换主题逻辑import{currentTheme,switchTheme,}from"../utils/theme"consthandleClick=(event)=>{if(!document.startViewTransition){switchTheme()return}const
  • 家谱html源码,好看的族谱树状图效果代码 Illusion.H 家谱html源码
    家谱树状代码demobywww.webym.net/*NowtheCSS*/*{margin:0;padding:0;}.treeul{padding-top:20px;position:relative;transition:all0.5s;-webkit-transition:all0.5s;-moz-transition:all0.5s;}.treeli{float:left;text-al
  • 实现网页中CSS图片3D旋转效果 Kiki-2189
    本文还有配套的精品资源，点击获取简介：CSS是一种用于定义文档呈现方式的技术，通过CSS3的3D转换功能，能够在二维平面上展示三维对象，让网页元素具有立体感。本文详细介绍了实现CSS图片3D旋转效果所需的CSS属性，如transform,perspective,transition,以及:hover选择器，并提供了一个简单的代码示例。同时，文章也提到了兼容性问题以及提供回退方案的重要性。1.CSS
  • css 四角线框跟随移动 ＆白帝＆ csscss前端
    四角线框移动基本结构：使用绝对定位(position:absolute)通过CSS变量控制尺寸和位置添加了平滑过渡效果(transition:0.2s)核心步骤动态去设置pointer盒子left和top的值pointer.style.setProperty('--s',img.offsetWidth+'px')pointer.style.setProperty('--x',img.offsetL
  • React从基础入门到高级实战：React 核心技术 - 动画与过渡效果：提升 UI 交互体验 EndingCoder Reactreact.jsui交互前端前端框架javascript
    React动画与过渡效果：提升UI交互体验在现代Web开发中，动画和过渡效果不仅仅是视觉上的点缀，它们在提升用户体验、引导用户注意力以及增强交互性方面扮演着重要角色。作为一款广受欢迎的前端框架，React提供了多种实现动画的方式，从简单的CSS类名切换到功能强大的动画库如ReactTransitionGroup和FramerMotion。本文将深入探讨这些技术，帮助开发者为React应用添加流畅、
  • 博途（Portal)程序解读 ---＞＞＞ Graph 编程夹具控制 三阶码叟 SIEMENSPLC程序解读java数据库开发语言
    目录编辑一、Graph背景数据块二、Graph功能块调用2.1、OP70夹具时序功能块调用2.2调用功能块描述2.2.1、程序段1：功能块调用框架2.2.2、程序段2：TOP79工艺逻辑接口解析（输入/输出映射）2.2.3、核心逻辑：工艺控制“黑盒”三、graph功能块逻辑3.1Graph功能块内部逻辑3.2功能块内部逻辑描述3.2.1、基础结构：步（Step）+转移（Transition）3.2
  • 前端开发者必须要掌握的技术栈及学习建议，都是干货 老猿阿浪 前端学习前端
    作为前端开发者，必须要掌握的技术栈非常的广泛，但总体脉络不变，以下是当前前端开发的核心技术分类和学习建议，按优先级和重要性排序如下（都是干货）：一、基础三件套（必学）HTML5语义化标签、表单验证、WebAccessibility（无障碍访问）Canvas/SVG、音视频嵌入CSS3盒模型、Flex/Grid布局、响应式设计（媒体查询）动画（Transition/Animation）、变量（CSS
  • 照片墙html 青鸾@ htmlcss3css
    *{margin:0;padding:0;}body{background-color:peachpuff;}.bigbox{width:800px;height:400px;margin:80pxauto0px;perspective:1000px;}.box{width:800px;height:400px;position:relative;transition:allease1s;tran
  • 前端常用框架，及近期跟新
    以下是前端领域主流的常用框架及其近期更新内容（截至2025年6月），涵盖React、Vue、Angular、Svelte等核心框架。一、React当前版本：React18+（稳定），React19（实验中）主要特性：并发模式（ConcurrentMode）：支持异步渲染、Suspense、useTransition等。ServerComponents：与Next.js深度集成，实现服务端组件动态加
  • React动画 alankuo 前端前端
    在React中实现动画有多种方式，以下是一些常见的方法：1.CSS动画-直接使用CSS类来定义动画，然后通过在组件的状态变化时切换类名来触发动画。-例如：定义.fadeIn类实现淡入效果，在组件中根据条件添加或移除该类。2.react-transition-group库-提供了CSSTransition和TransitionGroup等组件，方便处理元素的进入、退出和过渡动画。3.react-sp
  • React中常见动画的实现方式及动效展示 GcdtIteration react.js前端前端框架
    在React中，实现动画效果可以通过多种方式，包括使用CSS过渡、CSS动画、JavaScript动画库等。这些方法都可以帮助我们在用户界面中添加各种动画效果，从而提升用户体验。本文将介绍React中常见的动画实现方式，并提供相应的源代码示例。CSS过渡（CSSTransitions）CSS过渡是一种基于CSS属性变化的动画效果。在React中，我们可以通过添加或移除CSS类来触发过渡效果。下面是
  • Css实现悬浮对角线边框动效 你脸上有BUG HTML/CSScss前端动画
    动画效果展示鼠标悬停时，一个带有圆角的水绿色边框会从右上和左下两个方向快速展开，随后颜色缓慢填充；移出鼠标时颜色先褪去，边框再快速收缩消失，形成具有节奏感的呼吸式动画。动画原理说明一、核心机制通过双伪元素(::before/::after)模拟边框，利用CSS过渡(transition)实现尺寸和颜色的动画联动。鼠标移入时触发展开动画，移出时逆向执行形成淡出。二、原理设置两个伪元素盒子，width
  • Vue过渡效果 在代码的海洋中寻找亚特兰蒂斯 vuevue.js
    首先过渡的效果是封装的，其是使用过渡的封装组件transition，从而实现的也是用过实现这个对象的动态过渡的效果。1、CSS过渡这里对于里面的过渡的效果介绍一下：all:指定所有可变的属性都将应用过渡效果。也可以指定具体的属性，比如color、background-color或width等。.7s:这是指过渡效果持续的时间，这里是0.7秒。可以使用其他时间值，例如1s表示1秒。ease:这是过渡
  • react学习之旅十二：React动画库react-transition-group 居安_ reactreact
    一、安装在终端输入npminstallreact-transition-group--save二、使用react-transition-group插件包含三个库：Transition、CSSTransition以及TransitionGroup。使用时需要引入动画库（引入需要使用的库即可）：import{Transition,CSSTransition,TransitionGroup}from'r
  • Role of ISMEAR in insulator-conductor transition 郭令举 VASP科技
    RoleofISMEARininsulator-conductortransition小喽喽问大牛答：小喽喽问amworkingnowwithatransitionmetaloxides.WhenIchangesomeoxygensandputnitrogeninitsplace,theelectronicstructurechangefrominsulatortoconductor.Fortot
  • 打造CSS3音阶波浪Loading动画 乾泽
    本文还有配套的精品资源，点击获取简介：CSS3音阶波浪Loading加载代码利用现代浏览器对CSS3的支持，创造动态美感的网页加载动画。这种加载效果通过精细的CSS3样式控制，模拟出音阶波动的视觉效果，为用户在等待网页内容加载时提供美观有趣体验。CSS3特性包括关键帧动画(@keyframes)、变换(transform)、过渡(transitions)、伪类选择器、百分比单位和弹性盒模型、颜色和
  • CSS3实现的账号密码输入框提示效果 酷爱码 编程学习css3javascript前端
    以下是通过CSS3实现输入框提示效果的常用方法，包含浮动标签和动态提示两种经典实现方案：一、浮动标签效果用户名.input-group{position:relative;margin:20px;}input{width:100%;padding:10px;border:2pxsolid#ccc;border-radius:4px;transition:border-color0.3s;}inpu
  • 前端CSS面试题（重要！！！）（一） TechTorch 前端面试题前端css面试
    文章目录1.css选择器有哪些？2.如何计算CSS的优先级?3.CSS中可继承与不可继承属性有哪些4.CSS中display属性的值及其作用5.怎样利用CSS隐藏元素?6.使用link和@import引用CSS的区别7.transition（过渡）和animation（动画）的区别8.为什么有时候用translate来改变位置而不是定位9.重排和回流10.CSS3中的transform有哪些属性?
  • 工具类----实体类与DTO之间的双向转换 LogicVer 工具类实体转换集合转实体实体和dto互转工具类
    packagecom.toolconclusion.transition;importorg.springframework.beans.BeanUtils;importjava.util.List;importjava.util.stream.Collectors;importjava.util.stream.Stream;/***@Author:Sun*@DateTime:2025/4/110
  • Element Plus 主题切换动画 攻克难点 前端html5csscss3
    干货：/*默认的CSS变量集合*/:root{--primary:#2196f3;--background:#ffffff;--text-color:#333;}/*修改主题的类*/.dark{--primary:#1976d2;--background:#121212;--text-color:#f1f1f1;}::view-transition-old(root),::view-transit
  • UniApp === H5实现主题切换 前端 贾公子 uni-app
    目录什么是UniApp主题？如何实现UniApp主题切换？1.创建主题变量文件2.引入主题变量文件3.使用主题变量4.使用pinia管理主题创建一个Hook在组件中使用优化拓展添加transition监听系统主题变化新增主题？UniApp是一个跨平台的开发框架，可用于构建iOS、Android和Web应用程序。UniApp提供了一个很好的主题切换和自定义样式功能，可以让应用程序在不同的视图之间轻松
  • java责任链模式 3213213333332132 java责任链模式村民告县长
    责任链模式，通常就是一个请求从最低级开始往上层层的请求，当在某一层满足条件时，请求将被处理，当请求到最高层仍未满足时，则请求不会被处理。 就是一个请求在这个链条的责任范围内，会被相应的处理，如果超出链条的责任范围外，请求不会被相应的处理。 下面代码模拟这样的效果： 创建一个政府抽象类,方便所有的具体政府部门继承它。 package 责任链模式; /** *
  • linux、mysql、nginx、tomcat 性能参数优化 ronin47
    一、linux 系统内核参数 /etc/sysctl.conf文件常用参数 net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目 net.core.rmem_max = 8388608 #SOCKET读缓存区大小 net.core.wmem_max = 8388608 #SOCKET写缓存区大
  • php命令行界面 dcj3sjt126com PHPcli
    常用选项 php -v php -i PHP安装的有关信息 php -h 访问帮助文件 php -m 列出编译到当前PHP安装的所有模块 执行一段代码 php -r 'echo "hello, world!";' php -r 'echo "Hello, World!\n";' php -r '$ts = filemtime("
  • Filter&Session 171815164 session
    Filter HttpServletRequest requ = (HttpServletRequest) req; HttpSession session = requ.getSession(); if (session.getAttribute("admin") == null) { PrintWriter out = res.ge
  • 连接池与Spring,Hibernate结合 g21121 Hibernate
            前几篇关于Java连接池的介绍都是基于Java应用的，而我们常用的场景是与Spring和ORM框架结合，下面就利用实例学习一下这方面的配置。         1.下载相关内容：     &nb
  • [简单]mybatis判断数字类型 53873039oycg mybatis
           昨天同事反馈mybatis保存不了int类型的属性,一直报错，错误信息如下:       Caused by: java.lang.NumberFormatException: For input string: "null" at sun.mis
  • 项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space 程序员是怎么炼成的 eclipsejvmtomcatcatalina.sheclipse.ini
       在启动比较大的项目时，因为存在大量的jsp页面，所以在编译的时候会生成很多的.class文件，.class文件是都会被加载到jvm的方法区中，如果要加载的class文件很多，就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space.     解决办法是点击eclipse里的tomcat，在
  • 我的crm小结 aijuans crm
    各种原因吧，crm今天才完了。主要是接触了几个新技术： Struts2、poi、ibatis这几个都是以前的项目中用过的。 Jsf、tapestry是这次新接触的，都是界面层的框架，用起来也不难。思路和struts不太一样，传说比较简单方便。不过个人感觉还是struts用着顺手啊，当然springmvc也很顺手，不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主
  • spring里配置使用hibernate的二级缓存几步 antonyup_2006 javaspringHibernatexmlcache
    ．在spring的配置文件中 applicationContent.xml，hibernate部分加入 xml 代码 <prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop> <prop key="hi
  • JAVA基础面试题 百合不是茶 抽象实现接口String类接口继承抽象类继承实体类自定义异常
    /*   * 栈（stack）：主要保存基本类型（或者叫内置类型）（char、byte、short、   *int、long、 float、double、boolean）和对象的引用，数据可以共享，速度仅次于   * 寄存器（register），快于堆。堆（heap）：用于存储对象。   */  &
  • 让sqlmap文件 "继承" 起来 bijian1013 javaibatissqlmap
            多个项目中使用ibatis , 和数据库表对应的 sqlmap文件（增删改查等基本语句)，dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中，其它项目工程中通过jar包来引用 ，并通过"继承"为基础的sqlmap文件，dao,pojo 添加新的方法来满足项
  • 精通Oracle10编程SQL(13)开发触发器 bijian1013 oracle数据库plsql
    /* *开发触发器 */ --得到日期是周几 select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual; select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual; --建立BEFORE语句触发器 CREATE O
  • 【EhCache三】EhCache查询 bit1129 ehcache
    本文介绍EhCache查询缓存中数据，EhCache提供了类似Hibernate的查询API，可以按照给定的条件进行查询。   要对EhCache进行查询，需要在ehcache.xml中设定要查询的属性   数据准备 @Before public void setUp() { //加载EhCache配置文件 Inpu
  • CXF框架入门实例 白糖_ springWeb框架webserviceservlet
    CXF是apache旗下的开源框架，由Celtix + XFire这两门经典的框架合成，是一套非常流行的web service框架。 它提供了JAX-WS的全面支持，并且可以根据实际项目的需要，采用代码优先（Code First）或者 WSDL 优先（WSDL First）来轻松地实现 Web Services 的发布和使用，同时它能与spring进行完美结合。 在apache cxf官网提供
  • angular.equals boyitech AngularJSAngularJS APIAnguarJS 中文APIangular.equals
    angular.equals   描述: 比较两个值或者两个对象是不是 相等。还支持值的类型，正则表达式和数组的比较。   两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项： 两个值或者对象能通过=== （恒等） 的比较 两个值或者对象是同样类型，并且他们的属性都能通过angular
  • java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1] bylijinnan java
    这道题的具体思路请参看 何海涛的微博：http://weibo.com/zhedahht import java.math.BigInteger; import java.util.Arrays; public class CreateBFromATencent { /** * 题目：输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A
  • FastDFS 的安装和配置 修订版 Chen.H linuxfastDFS分布式文件系统
    FastDFS Home:http://code.google.com/p/fastdfs/ 1. 安装 http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html 安装libevent (对libevent的版本要求为1.4.
  • [强人工智能]拓扑扫描与自适应构造器 comsci 人工智能
          当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢?       那么,现在我们必须设计新的模块和代码包来处理上面的问题
  • oracle merge into的用法 daizj oraclesqlmerget into
    Oracle中merge into的使用 http://blog.csdn.net/yuzhic/article/details/1896878 http://blog.csdn.net/macle2010/article/details/5980965 该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中，使用此命令必须同时指定UPDATE 和INSE
  • 不适合使用Hadoop的场景 datamachine hadoop
    转自：http://dev.yesky.com/296/35381296.shtml。 　　Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候，会听到脱口而出的回答：Hadoop!  实际上Hadoop被设计和建造出来，是用来解决一系列特定问题的。对某些问题来说，Hadoop至多算是一个不好的选择，对另一些问题来说，选择Ha
  • YII findAll的用法 dcj3sjt126com yii
    看文档比较糊涂，其实挺简单的： $predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10));   第一个参数是选择条件：”uid=10″。其中:uid是一个占位符，在后面的array(“:uid”=>10)对齐进行了赋值； 更完善的查询需要
  • vim 常用 NERDTree 快捷键 dcj3sjt126com vim
    下面给大家整理了一些vim NERDTree的常用快捷键了，这里几乎包括了所有的快捷键了，希望文章对各位会带来帮助。 切换工作台和目录 ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置 o 在已有窗口中打开文件、目录或书签，并跳
  • Java把目录下的文件打印出来 蕃薯耀 列出目录下的文件文件夹下面的文件目录下的文件
    Java把目录下的文件打印出来 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 11:02:
  • linux远程桌面----VNCServer与rdesktop hanqunfeng Desktop
    windows远程桌面到linux，需要在linux上安装vncserver，并开启vnc服务，同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。   linux远程桌面到windows，需要在linux上安装rdesktop，同时开启windows的远程桌面访问。   下面分别介绍，以windo
  • guava中的join和split功能 jackyrong java
    guava库中，包含了很好的join和split的功能，例子如下： 1） 将LIST转换为使用字符串连接的字符串    List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");
  • Web开发技术十年发展历程 lampcy androidWeb浏览器html5
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • 架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好) nannan408 buffer
    1.前言。   如题。 2.代码。   IoService IoService是一个接口，有两种实现：IoAcceptor和IoConnector；其中IoAcceptor是针对Server端的实现，IoConnector是针对Client端的实现；IoService的职责包括： 1、监听器管理 2、IoHandler 3、IoSession
  • ORA-00054:resource busy and acquire with NOWAIT specified Everyday都不同 oraclesessionLock
    [Oracle] 今天对一个数据量很大的表进行操作时，出现如题所示的异常。此时表明数据库的事务处于“忙”的状态，而且被lock了，所以必须先关闭占用的session。   step1，查看被lock的session：   select t2.username, t2.sid, t2.serial#, t2.logon_time from v$locked_obj
  • javascript学习笔记 tntxia JavaScript
      javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number：就是数字值，包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象，不用多说function:我们熟悉的方法，也就是
  • Java enum的用法详解 xieke90 enum枚举
    Java中枚举实现的分析：     示例：  public static enum SEVERITY{ INFO,WARN,ERROR }     enum很像特殊的class，实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类      (java.l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他