anbei9541
anbei9541

用js触发CSS3-transition过渡动画

用js触发CSS3-transition过渡动画

经过这几天的工作，让我进一步的了解到CSS3的强大，原本许多需要js才能实现的动画效果，现在通过CSS3就能轻易实现了，但是CSS3也有自身的不足，例如说在动画出发触发上就没有js灵活，因此我就开始考虑将CSS3与Js结合使用。

不过要注意CSS3属性兼容性问题

平时我们直接使用transition动画一般是这样的

鼠标放置在div方块上触发动画效果（鼠标悬浮div上即可触发）


<html>
    <head>
        <meta charset="UTF-8">
        <title>title>
    head>
    <style type="text/css">
        .test{
            background: red;
            width: 100px;
            height: 100px;
            transition: all 1s;
            -moz-transition: all 1s;
            -webkit-transition: all 1s;
            -o-transition:all 1s;
        }
        .test:hover{
            background: red;
            width: 200px;
            height: 200px;
        }

    style>
    <body>
        <div id="div" class="test">div>
    body>
html>

现在如果想用js控制transition过渡动画怎么办呢？
最开始我是想和CSS控制动画一样，直接改变其className，但是发现没有动画效果。
后来经过了一番探索发现，通过dom操作其css属性就行了。


例如div 的css设置如下

div{
    width:200px;
    height:200px;
    transition: all 1s;
}

然后在js中通过dom操作来改变div的css的具体属性，如
obj.style.width="400px"
这时就会触发css的过渡动画。

下例为成功使用Js出发CSS3动画（鼠标点击触发）


<html>
    <head>
        <meta charset="UTF-8">
        <title>title>
    head>
    <style type="text/css">
        .test{
            background: red;
            width: 100px;
            height: 100px;
            transition: all 1s;
            -moz-transition: all 1s;
            -webkit-transition: all 1s;
            -o-transition:all 1s;
        }

    style>
    <body>
        <div id="div" class="test">div>
        <script type="text/javascript">
            document.getElementById("div").onclick=function(){
                document.getElementById("div").style.width="200px"
                document.getElementById("div").style.height="200px"
            }
        script>
    body>
html>

一个需要注意的地方：
今天在工作中无意发现，当元素本身为display：none 时，若此时我们想通过js先将其变为display:block 并且随后再触发其他想要的transition过渡效果，需要在 js改变其为display:block 后用setTimeout延迟100ms左右的时间再去设置其他过渡动画，否则该过渡动画不会触发。


有时间我会将其整理成另外一个博文。

 

转载于:https://www.cnblogs.com/pspgbhu/p/5705984.html

你可能感兴趣的:(用js触发CSS3-transition过渡动画)

  • 解决pip安装慢的问题 木汐爱编程 python小程序opencv机器学习人工智能
    当我们用pip安装慢时可以尝试一下操作尝试pipinstall-i源空格安装包名称（注意要去掉源后面的斜杠）例如：​pipinstall-ihttps://mirrors.aliyun.com/pypi/simple numpy​以下的源可供参考，换着试试安装阿里云https://mirrors.aliyun.com/pypi/simple/中国科技大学https://pypi.mirrors.u
  • 解决.NET程序通过网盘传到Linux和macOS不能运行的问题 Lu01 linux运维服务器macos
    问题描述：.net程序用U盘传到虚拟机macOS和Linux可以正常运行，但是网盘传过去就不行。解决方法：这是文件权限的问题。当你通过U盘将文件传输到虚拟机的macOS和Linux系统时，文件的权限和所有权可能得到了保留或正确设置。但如果你通过网盘上传，文件的权限或所有权可能没有正确设置，导致文件无法正常执行。你可以通过运行chmod+xfilename命令（注意加上文件路径）来确保文件有可执行权
  • ActiveMQ与RabbitMQ的区别 BE东欲 java-rabbitmqrabbitmqjava-activemqactivemqjava
    ActiveMQ和RabbitMQ都是流行的消息队列中间件，它们之间有以下几点区别：编写语言：ActiveMQ是用Java编写的，而RabbitMQ则是用Erlang编写的。协议支持：ActiveMQ支持OpenWire、Stomp、AMQP、MQTT等多种协议，而RabbitMQ主要支持AMQP协议。性能：RabbitMQ在处理大量消息时的性能表现比ActiveMQ更好。持久化：ActiveMQ
  • depcheck 检查项目中依赖的使用情况 避免幽灵依赖的产生 沉迷... 前端前端
    depcheck检查项目中依赖的使用情况避免幽灵依赖的产生什么是幽灵依赖(幻影依赖)形成原因幽灵依赖是指node_modules中存在而package.json中没有声明过的依赖但却能够在项目的依赖树中找到并使用的模块Node.js的模块解析规则：Node.js采用了一种非传统的模块加载机制，允许模块在其父目录以及祖先目录的node_modules目录中查找依赖。当两个或更多的直接依赖间接依赖同一
  • ssh连接win ubuntu_SSH连接Ubuntu图形界面 FromNowToNow ssh连接winubuntu
    1.Ubuntu主机之间互相连接如果在Ubuntu系统下，ssh客户端一般是自带的，如果没有可以自行安装：$sudoapt-getinstallopenssh-clientssh服务端一般需要自己安装：$sudoapt-getinstallopenssh-serverNote：发起连接的主机被称为客户端主机，我用大写字母A表示，IP为192.168.3.101代替，被连接的主机为服务端主机，我用大
  • 【Spring】Spring 解决循环依赖的 3 种方式 九师兄 bootspringjava后端
    原文：http://www.javastack.cn/article/2020/spring-cycle-depends-on-three-ways/循环依赖就是N个类中循环嵌套引用，如果在日常开发中我们用new对象的方式发生这种循环依赖的话程序会在运行时一直循环调用，直至内存溢出报错。下面说一下Spring是如果解决循环依赖的。第一种：构造器参数循环依赖Spring容器会将每一个正在创建的Bea
  • ASP.NET Core Blazor编程系列: 使用JWT进行身份验证 沉静湖面 asp.net后端.NET
    在ASP.NETCoreBlazor应用程序中实现身份验证是一个常见的需求。JSONWebToken（JWT）是一种流行的身份验证机制，它可以在客户端和服务器之间安全地传输信息。本文将介绍如何在ASP.NETCoreBlazor应用程序中使用JWT进行身份验证。什么是JWT？JSONWebToken（JWT）是一种开放标准（RFC7519），它定义了一种紧凑且自包含的方式来安全地在各方之间传输信息
  • Vue2：父子组件间参数传递 - 单项传递和双向绑定 我是飞鸟呀 Vue前端javascript开发语言
    1、单向传递：在之前的经验中，数据通常都是从父组件通过prop单项传递给子组件，供子组件使用，但是并不修改。2、双向传递2.1子组件修改后通过事件触发传递给父组件在Vue2踩坑记录：父子间参数传递，不要尝试修改计算属性，可能无法实现响应式一文中，父组件通过prop传递给子组件，子组件接收后拷贝一份，在子组件内部修改，修改完成后，通过$emit事件触发，再将修改后的数据传递给父组件使用；2.2通过.
  • 碰一碰发视频怎么做的？操作流程详深度解析 hy14762_ 人工智能用户运营流量运营新媒体运营
    NFC碰一碰发视频，是一种结合了NFC技术、短视频矩阵及AI智能算法的创新宣传方式。此方式旨在为商家提供一种高效且便捷的AI打卡手段，通过这种新型的互动体验，用户能够享受高效打卡新奇感受。商家需开通并登录碰一碰发视频服务后台，设置信息、创建短视频库、文案库、话题库、图片库等。一般像餐饮就建议拍摄门头、菜品、环境、员工工作场景等，并上传至素材库。具体流程包括前期准备和触发发布两部分：前期准备需要创建
  • 【常用bsub指令介绍】使用bsub命令提交作业、开启交互式窗口，在集群服务器上用pdb进行代码调试 凌漪_ 集群服务器服务器gpu算力bug
    目录1.LSF作业调度系统和服务器集群介绍2.bsub运行作业的两种方式2.1bsub直接提交作业2.2bsub开启交互式窗口3.使用pdb进行代码调试4.更多bsub指令分享1.LSF作业调度系统和服务器集群介绍在一个服务器集群中，有很多的人要使用，却只有很少的GPU。LSF作业调度系统则是对每个用户提交的作业和需要使用的GPU进行调度。一般使用bsub命令来将待运行的作业提交到集群上。用bsu
  • 项目总结：vue.js2.5饿了么APP（4）主要组件实现 - 购物车相关组件（下） 小白Rachel 饿了么Vue项目总结vuejs
    说明：本总结来源于慕课网@ustbhuangyi老师的课程《Vue.js2.5+cube-ui重构饿了么App》课程，本博客做了项目总结梳理便于回顾，需要学习的伙伴可以移步学习。与君共勉！之前章节传送：项目总结：vue.js2.5饿了么APP（1）概述+项目准备项目总结：vue.js2.5饿了么APP（2）主要组件实现-头部相关组件项目总结：vue.js2.5饿了么APP（3）主要组件实现-购物车
  • [论文笔记] Megatron: mistral sliding window（ImportError: /workspace/venv/lib/python3.10/site-packag报错解决） 心心喵 论文笔记论文阅读
    pyTorch—TransformerEngine1.2.1documentation论文：https://arxiv.org/pdf/2310.06825.pdftransformerengine的slidingwindow是用了flashatttention（新版本2以上，这里用的最新版本2.5.2）里对sliding_window的实现。所以不需要用transformerengine。直接用
  • vue el-table 行内拖拽 Sunny vueelementel-tablevue
    1.安装Sortable.jsnpminstallsortablejs--save2.在页面中引入：importSortablefrom‘sortablejs’-->mounted调用mounted(){this.rowDrop();},methods:{//行内拖拽rowDrop(){//此时找到的元素是要拖拽元素的父容器consttbody=document.querySelector(".e
  • 高德地图获取全国充电桩分布数据 又迷茫了 大数据数据可视化python
    key用自己申请的url：https://restapi.amap.com/v3/place/text?city=%E5%8C%97%E4%BA%AC&offset=20&page=10&key=%EF%BC%9F&types=011100|011102|011103|073000|073001|073002&extensions=alldefhandle_detail_and_save_to_c
  • Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用） 云霄IT python库教程pythonflask后端
    目录一、flask库安装二、简单使用三、前端返回类型设置（一）返回文本类型（二）返回json类型（三）重定向到另一路由（四）返回html类型，嵌入js,css,image等内容（一）py文件（二）html文件写法（三）静态目录结构四、静态资源路径修改五、实现提供文件下载一、flask库安装pipinstallflask二、简单使用fromflaskimportFlask,requestapp=Fl
  • （11）C#使用SunnyUI界面库的两个问题 caimouse C#入门到精通c#
    从界面上看到还是比较漂亮的，如下图：不过在使用的过程中发现有两个问题：一个是\SunnyUI\Units\UJson.cs的编译，这个要选择对的引用文件才可以成功编译，如果编译不过，可以引用下面的：C:\ProgramFiles\ReferenceAssemblies\Microsoft\Framework\v3.5\System.Web.Extensions.dll这样可以解决高版本不存在Sys
  • Three.js实战项目02：vue3+three.js实现汽车展厅项目 叁拾舞 ThreeJsthree.jsVue3
    文章目录实战项目02项目预览项目创建初始化项目模型加载与展厅灯光加载汽车模型设置灯光材质设置完整项目下载实战项目02项目预览完整项目效果：项目创建创建项目：pnpmcreatevue安装包：[email protected]初始化项目修改App.js代码&#x
  • 一款可以完整保留排版的PDF翻译，GitHub增长第一 java后端
    最近看论文较多，顺手给大家推荐一个用下来觉得不错的开源PDF翻译工具：PDFMathTranslate目前这款开源项目在GitHub上已经收获了7.6KStar，而且由于一直处于增长趋势榜第一的位置，预计未来还会持续增长许多。PDFMathTranslate简介开源项目地址：https://github.com/Byaidu/PDFMathTranslate对于PDFMathTranslate这款
  • Spring AI 更新：支持OpenAI的结构化输出，增强对JSON响应的支持 java后端
    就在昨晚，SpringAI发了个比较重要的更新。由于最近OpenAI推出了结构化输出的功能，可确保AI生成的响应严格遵守预定义的JSON模式。此功能显着提高了人工智能生成内容在现实应用中的可靠性和可用性。SpringAI紧随其后，现在也可以对OpenAI的结构化输出完美支持了。下图展示了本次扩展的实现结构，如果对于当前实现还不够满意，需要扩展的可以根据此图来着手理解分析进行下一步扩展工作。使用样例
  • Python pyglet制作彩色圆圈“连连看”游戏 Hann Yang #pyglet专栏pythonpyglet
    原文链接：Python一步一步教你用pyglet制作“彩色方块连连看”游戏(续)-CSDN博客文章浏览阅读1.6k次，点赞75次，收藏55次。上期讲到相同的色块连接，链接见：Python一步一步教你用pyglet制作“彩色方块连连看”游戏-CSDN博客续上期，接下来要实现相邻方块的连线：首先来进一步扩展行列的类......https://blog.csdn.net/boysoft2002/arti
  • Vue.js组件开发-Vue实现上传word模版打印设置自定义样式和布局 LCG元 前端vue.jsword前端
    要使用Vue实现上传Word模板、打印并设置自定义样式和布局，可以借助一些工具和库来完成这个任务。实现步骤创建Vue项目：使用VueCLI创建一个新的Vue项目。安装依赖：安装docx-templates库来处理Word模板，file-saver库用于保存生成的Word文件。创建上传组件：在Vue组件中添加文件上传功能。处理Word模板：使用docx-templates库加载并处理Word模板。设
  • Crawl4AI：用几行代码打造强大的网页爬虫 海豹工匠 爬虫
    Crawl4AI：用几行代码打造强大的网页爬虫在人工智能和大数据时代，数据的获取和处理变得尤为重要。尤其是在大型语言模型（LLM）的研究和应用中，如何高效地抓取和整理网络数据成为了一个关键的挑战。为了解决这一问题，一个名为Crawl4AI的开源网页爬虫工具应运而生，它专为LLM优化，提供了一种简单易用且功能强大的数据抓取解决方案。什么是Crawl4AI？Crawl4AI是一个基于LLM的开源网页爬
  • transformer.js（二）：关于pipe管道的一切 余生H 前端的AI工具书transformerjavascript深度学习webmlwebAI前端
    前面的章节transformer.js（一）：这个前端大模型运行框架的可运行环境、使用方式、代码示例以及适合与不适合的场景介绍了transformer.js的应用场景。pipe管道（Pipeline）作为Transformer.js的核心功能之一，负责简化各种常见的NLP任务，例如文本生成、翻译、分类等，本文将详细介绍：从它的概念、实现到实际使用场景，帮助开发者全面掌握这一功能。什么是Pipe管道
  • transformer.js（一）：这个前端大模型运行框架的可运行环境、使用方式、代码示例以及适合与不适合的场景 余生H 前端的AI工具书前端transformerjavascripthugginfacewebmlweb大模型
    随着大模型的广泛应用，越来越多的开发者希望在前端直接运行机器学习模型，从而减少对后端的依赖，并提升用户体验。Transformer.js是一个专为前端环境设计的框架，它支持运行基于Transformer架构的深度学习模型，尤其是像BERT、GPT等广泛应用于自然语言处理（NLP）的模型。本文将全面解析Transformer.js的运行环境、使用方式、代码示例，以及其能够完成的功能与目前的限制，帮助
  • 读书笔记-你不知道的js(中卷) 道甚夷 js陷阱前端原理javascript前端开发语言
    类型值和类型js中的变量是没有类型的，只有值才有。undefined和undeclared是不同的，前者是已经申明但没赋值，后者是未定义。varaa//undefinedb//ReferenceError:bisnotdefined报错varatypeofa//undefinedtypeofb//undefined不会报错，typeof有安全机制写polyfill有用数组delete数组单元后，数
  • 【大语言模型LangChain】 ModelsIO OutputParsers详解 敲代码敲到头发茂密 人工智能测试开发语言模型langchainandroid人工智能python
    【大语言模型LangChain】ModelsIOOutputParsers详解一、简介二、OutputParsers的优势三、解析器类型四、实战示例1、String解析器2、Json解析器3、Pydantic解析器4、结构化输出解析器5、OpenAI函数输出解析器5.1、JsonOutputFunctionsParser5.2、JsonKeyOutputFunctionsParser5.3、Pyd
  • ThreeJS实现波纹粒子效果 weixin_30500473 javascriptViewUI
    今天我们来用ThreeJS的库实现一个波纹粒子效果，我们用到的ThreeJS的库有CanvasRenderer.js，OrbitControls.js，Projector.js，stats.min.js和three.js。这些库都是不可或缺的，我们先来看看实现的效果，如下图所示。我们再来看看项目结构是怎么样的，项目结构如下图所示。我们的效果全部写在了index.html里，现在我们直接贴出inde
  • 【开发日记】记一次使用uniapp实现音视频通话打包的问题 二饭 开发日记uni-app音视频
    问题描述在开发过程中使用真机调试，音视频通话都是没有问题的。问题出在打包成apk后却无法获取音视频流数据了，提示的是摄像头获取错误。问题排查之前在调试的时候用的都是uniapp官方的标准基座，所以此时manifest.json文件中的模块配置是不生效的，生效的一直只要权限部分，所以导致了这次问题。由于是在获取摄像头视频流数据时发生的错误，所以一直的排查范围也是摄像头的问题，检查了摄像头权限、摄像头
  • linux naive代理设置 CrxzYia 服务器
    naivelinux客户端Releasev132.0.6834.79-2·klzgrad/naiveproxy·GitHubClientsetupRun./naivewiththefollowingconfig.jsontogetaSOCKS5proxyatlocalport1080.{"listen":"socks://127.0.0.1:1080","proxy":"https://user:
  • 利用 Three.js 实现 3D 粒子正方体效果 软件工程师文艺 前端javascript3d开发语言
    在这篇文章中，我将向大家展示如何使用Three.js创建一个带有粒子的3D正方体效果。通过这段代码，我们将能够在浏览器中渲染一个3D正方体形状，并且该正方体内部填充了大量粒子（可视化效果）。你可以通过鼠标控制视角，查看旋转的正方体。实现效果视频如下：这不是特效，代码实现的宇宙魔方的粒子世界一、项目概述我们使用了Three.js，一个强大的JavaScript3D图形库，来创建和渲染这个3D场景。这
  • java Illegal overloaded getter method with ambiguous type for propert的解决 zwllxs javajdk
    好久不来iteye,今天又来看看，哈哈,今天碰到在编码时，反射中会抛出 Illegal overloaded getter method with ambiguous type for propert这么个东东，从字面意思看，是反射在获取getter时迷惑了，然后回想起java在boolean值在生成getter时，分别有is和getter，也许我们的反射对象中就有is开头的方法迷惑了jdk，
  • IT人应当知道的10个行业小内幕 beijingjava 工作互联网
    10. 虽然IT业的薪酬比其他很多行业要好，但有公司因此视你为其“佣人”。 　　尽管IT人士的薪水没有互联网泡沫之前要好，但和其他行业人士比较，IT人的薪资还算好点。在接下的几十年中，科技在商业和社会发展中所占分量会一直增加，所以我们完全有理由相信，IT专业人才的需求量也不会减少。 　　然而，正因为IT人士的薪水普遍较高，所以有些公司认为给了你这么多钱，就把你看成是公司的“佣人”，拥有你的支配
  • java 实现自定义链表 CrazyMizzz java数据结构
    1.链表结构   链表是链式的结构 2.链表的组成    链表是由头节点，中间节点和尾节点组成    节点是由两个部分组成：       1.数据域       2.引用域 3.链表的实现 &nbs
  • web项目发布到服务器后图片过一会儿消失 麦田的设计者 struts2上传图片永久保存
      作为一名学习了android和j2ee的程序员，我们必须要意识到，客服端和服务器端的交互是很有必要的，比如你用eclipse写了一个web工程，并且发布到了服务器（tomcat）上，这时你在webapps目录下看到了你发布的web工程，你可以打开电脑的浏览器输入http://localhost:8080/工程/路径访问里面的资源。但是，有时你会突然的发现之前用struts2上传的图片
  • CodeIgniter框架Cart类 name 不能设置中文的解决方法 IT独行者 CodeIgniterCart框架　
    今天试用了一下CodeIgniter的Cart类时遇到了个小问题，发现当name的值为中文时，就写入不了session。在这里特别提醒一下。 在CI手册里也有说明，如下： $data = array( 'id' => 'sku_123ABC', 'qty' => 1, '
  • linux回收站 _wy_ linux回收站
    今天一不小心在ubuntu下把一个文件移动到了回收站，我并不想删，手误了。我急忙到Nautilus下的回收站中准备恢复它，但是里面居然什么都没有。     后来我发现这是由于我删文件的地方不在HOME所在的分区，而是在另一个独立的Linux分区下，这是我专门用于开发的分区。而我删除的东东在分区根目录下的.Trash-1000/file目录下，相关的删除信息（删除时间和文件所在
  • jquery回到页面顶端 知了ing htmljquerycss
    html代码： <h1 id="anchor">页面标题</h1> <div id="container">页面内容</div> <p><a href="#anchor" class="topLink">回到顶端</a><
  • B树、B-树、B+树、B*树 矮蛋蛋 B树
    原文地址： http://www.cnblogs.com/oldhorse/archive/2009/11/16/1604009.html B树        即二叉搜索树：        1.所有非叶子结点至多拥有两个儿子（Left和Right）； &nb
  • 数据库连接池 alafqq 数据库连接池
    http://www.cnblogs.com/xdp-gacl/p/4002804.html @Anthor:孤傲苍狼 数据库连接池 用MySQLv5版本的数据库驱动没有问题，使用MySQLv6和Oracle的数据库驱动时候报如下错误： java.lang.ClassCastException: $Proxy0 cannot be cast to java.sql.Connec
  • java泛型 百合不是茶 java泛型
    泛型 在Java SE 1.5之前，没有泛型的情况的下，通过对类型Object的引用来实现参数的“任意化”，任意化的缺点就是要实行强制转换，这种强制转换可能会带来不安全的隐患   泛型的特点：消除强制转换 确保类型安全 向后兼容   简单泛型的定义：      泛型：就是在类中将其模糊化，在创建对象的时候再具体定义 class fan
  • javascript闭包[两个小测试例子] bijian1013 JavaScriptJavaScript
    一.程序一 <script> var name = "The Window"; var Object_a = { 　　name : "My Object", 　　getNameFunc : function(){ var that = this; 　　　　return function(){ 　　　　
  • 探索JUnit4扩展：假设机制（Assumption） bijian1013 javaAssumptionJUnit单元测试
    一.假设机制（Assumption）概述        理想情况下，写测试用例的开发人员可以明确的知道所有导致他们所写的测试用例不通过的地方，但是有的时候，这些导致测试用例不通过的地方并不是很容易的被发现，可能隐藏得很深，从而导致开发人员在写测试用例时很难预测到这些因素，而且往往这些因素并不是开发人员当初设计测试用例时真正目的，
  • 【Gson四】范型POJO的反序列化 bit1129 POJO
    在下面这个例子中，POJO(Data类)是一个范型类，在Tests中，指定范型类为PieceData，POJO初始化完成后，通过 String str = new Gson().toJson(data); 得到范型化的POJO序列化得到的JSON串，然后将这个JSON串反序列化为POJO   import com.google.gson.Gson; import java.
  • 【Spark八十五】Spark Streaming分析结果落地到MySQL bit1129 Stream
    几点总结： 1. DStream.foreachRDD是一个Output Operation，类似于RDD的action，会触发Job的提交。DStream.foreachRDD是数据落地很常用的方法 2. 获取MySQL Connection的操作应该放在foreachRDD的参数（是一个RDD[T]=>Unit的函数类型)，这样，当foreachRDD方法在每个Worker上执行时，
  • NGINX + LUA实现复杂的控制 ronin47 nginx lua
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-递归判断数组是否升序 bylijinnan java
    public class IsAccendListRecursive { /*递归判断数组是否升序 * if a Integer array is ascending,return true * use recursion */ public static void main(String[] args){ IsAccendListRecursiv
  • Netty源码学习-DefaultChannelPipeline2 bylijinnan javanetty
    Netty3的API http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/ChannelPipeline.html 里面提到ChannelPipeline的一个“pitfall”： 如果ChannelPipeline只有一个handler（假设为handlerA）且希望用另一handler（假设为handlerB） 来
  • Java工具之JPS chinrui java
    JPS使用     熟悉Linux的朋友们都知道，Linux下有一个常用的命令叫做ps（Process Status)，是用来查看Linux环境下进程信息的。同样的，在Java Virtual Machine里面也提供了类似的工具供广大Java开发人员使用，它就是jps（Java Process Status)，它可以用来
  • window.print分页打印 ctrain window
    function init() { var tt = document.getElementById("tt"); var childNodes = tt.childNodes[0].childNodes; var level = 0; for (var i = 0; i < childNodes.length; i++) {
  • 安装hadoop时 执行jps命令Error occurred during initialization of VM daizj jdkhadoopjps
    在安装hadoop时，执行JPS出现下面错误   [slave16][email protected]:/tmp/hsperfdata_hdfs# jps Error occurred during initialization of VM java.lang.Error: Properties init: Could not determine current working
  • PHP开发大型项目的一点经验 dcj3sjt126com PHP重构
    一、变量 最好是把所有的变量存储在一个数组中，这样在程序的开发中可以带来很多的方便，特别是当程序很大的时候。变量的命名就当适合自己的习惯，不管是用拼音还是英语，至少应当有一定的意义，以便适合记忆。变量的命名尽量规范化，不要与PHP中的关键字相冲突。 二、函数 PHP自带了很多函数，这给我们程序的编写带来了很多的方便。当然，在大型程序中我们往往自己要定义许多个函数，几十
  • android笔记之--向网络发送GET/POST请求参数 dcj3sjt126com android
    使用GET方法发送请求 private static boolean sendGETRequest (String path, Map<String, String> params) throws Exception{ //发送地http://192.168.100.91:8080/videoServi
  • linux复习笔记 之bash shell (3) 通配符 eksliang linux 通配符linux通配符
    转载请出自出处： http://eksliang.iteye.com/blog/2104387 在bash的操作环境中有一个非常有用的功能，那就是通配符。 下面列出一些常用的通配符，如下表所示 符号 意义 * 万用字符，代表0个到无穷个任意字符 ? 万用字符，代表一定有一个任意字符 [] 代表一定有一个在中括号内的字符。例如：[abcd]代表一定有一个字符，可能是a、b、c
  • Android关于短信加密 gqdy365 android
    关于Android短信加密功能，我初步了解的如下（只在Android应用层试验）：     1、因为Android有短信收发接口，可以调用接口完成短信收发；         发送过程：APP（基于短信应用修改）接受用户输入号码、内容——>APP对短信内容加密——>调用短信发送方法Sm
  • asp.net在网站根目录下创建文件夹 hvt .netC#hovertreeasp.netWeb Forms
    假设要在asp.net网站的根目录下建立文件夹hovertree,C#代码如下： string m_keleyiFolderName = Server.MapPath("/hovertree"); if (Directory.Exists(m_keleyiFolderName)) { //文件夹已经存在 return; } else { try { D
  • 一个合格的程序员应该读过哪些书 justjavac 程序员书籍
    编者按：2008年8月4日，StackOverflow 网友 Bert F 发帖提问：哪本最具影响力的书，是每个程序员都应该读的？ “如果能时光倒流，回到过去，作为一个开发人员，你可以告诉自己在职业生涯初期应该读一本， 你会选择哪本书呢？我希望这个书单列表内容丰富，可以涵盖很多东西。” 很多程序员响应，他们在推荐时也写下自己的评语。 以前就有国内网友介绍这个程序员书单，不过都是推荐数
  • 单实例实践 跑龙套_az 单例
       1、内部类 public class Singleton { private static class SingletonHolder { public static Singleton singleton = new Singleton(); } public Singleton getRes
  • PO VO BEAN 理解 q137681467 VODTOpo
    PO：      全称是 persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。 好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。     BO：     全称是 business object:业务对象 主要作用是把业务逻辑封装为一个对象。这个对
  • 战胜惰性，暗自努力 金笛子 努力
    偶然看到一句很贴近生活的话：“别人都在你看不到的地方暗自努力，在你看得到的地方，他们也和你一样显得吊儿郎当，和你一样会抱怨，而只有你自己相信这些都是真的，最后也只有你一人继续不思进取。”很多句子总在不经意中就会戳中一部分人的软肋，我想我们每个人的周围总是有那么些表现得“吊儿郎当”的存在，是否你就真的相信他们如此不思进取，而开始放松了对自己的要求随波逐流呢？ 我有个朋友是搞技术的，平时嘻嘻哈哈，以
  • NDK/JNI二维数组多维数组传递 wenzongliang 二维数组jniNDK
    多维数组和对象数组一样处理，例如二维数组里的每个元素还是一个数组 用jArray表示，直到数组变为一维的，且里面元素为基本类型，去获得一维数组指针。给大家提供个例子。已经测试通过。 Java_cn_wzl_FiveChessView_checkWin( JNIEnv* env,jobject thiz,jobjectArray qizidata) { jint i,j; int s
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他