0563xixi
0563xixi

29vue学习——为组件切换添加动画效果

29vue学习——为组件切换添加动画效果

前言：

在前面的两篇文章中我们学习了如何通过 v-if 和 v-else 来实现两个组件之间的切换，通过 component 元素实现两个以上的组件的切换，但是我们还没有给他们的切换添加好看的动画效果呢！这篇文章就让我们来学习如何给组件切换添加动画效果吧！

总代码：


<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>组件切换title>
    <style>
        .v-enter,.v-leave-to{
            opacity: 0;
            transform: translateX(150px)
        }
        .v-enter-active,.v-leave-active{
            transition: all 0.4s ease;
        }
    style>
head>

<body>
    <div class="body">
   
        <input type="button" value="登录" @click="name='login'">
        <input type="button" value="注册" @click="name='register'">
        <input type="button" value="首页" @click="name='index'">
        
        
        
        <transition mode="out-in">
            <component :is="name">component>
        transition>

    div>

    
    <template id="login">
        <h3>我是登录组件h3>
    template>

    
    <template id="register">
        <h3>我是注册组件h3>
    template>

    
    <template id="index">
        <h3>我是首页组件h3>
    template>

    <script src="../lib/vue-2.4.0.js">script>
    <script>
        /* 登录组件 */
        Vue.component("login", {
            template: "#login"
        })
        /* 注册组件 */
        Vue.component("register", {
            template: "#register"
        })
        /* 首页组件 */
        Vue.component('index', {
            template: "#index"
        })

        let vm = new Vue({
            el: ".body",
            data: {
                name: 'login'
            }
        })
    script>
body>

html>

效果图：
29vue学习——为组件切换添加动画效果_第1张图片

1.原理：
29vue学习——为组件切换添加动画效果_第2张图片
2.讲解:

（1）我们只需要将 component 元素使用 transition 元素包裹起来即可
29vue学习——为组件切换添加动画效果_第3张图片

（2）定义好两组样式
29vue学习——为组件切换添加动画效果_第4张图片
（3）设置 mode 属性来设置切换时的动画顺序，下面为先出后入
29vue学习——为组件切换添加动画效果_第5张图片
（3.1）如果没有设置 mode 属性，效果如下：
29vue学习——为组件切换添加动画效果_第6张图片
（3.2）如果设置了 mode=“out-in” 属性，效果如下：
29vue学习——为组件切换添加动画效果_第7张图片

你可能感兴趣的:(29vue学习——为组件切换添加动画效果)

  • 2.8滑动窗口专题：最小覆盖子串 熊峰峰 #1.每日练习算法c++leetcode滑动窗口哈希算法
    1.题目链接LeetCode76.最小覆盖子串2.题目描述给定字符串s和t，要求找到s中最小的窗口，使得该窗口包含t的所有字符（包括出现次数）。若不存在，返回空字符串。示例：输入：s="ADOBECODEBANC",t="ABC"输出："BANC"（最短窗口包含A、B、C，且长度最短）。3.示例分析以s="ADOBECODEBANC",t="ABC"为例：滑动窗口法：right移动到索引5时，窗口
  • 第七节：AVL树基本操作实现 熊峰峰 #3.数据结构数据结构算法AVL树红黑树
    一、AVL树基本原理AVL树是一种自平衡二叉搜索树，通过平衡因子（bf）机制维护树的平衡性。其核心特性：每个节点的平衡因子定义为：右子树高度-左子树高度平衡因子绝对值不超过1（|bf|≤1）当插入/删除导致失衡（|bf|≥2）时，通过旋转操作恢复平衡通过四种旋转操作修正失衡：旋转类型触发条件操作流程LL左子树的左子树过高(BF=-2→-1)单次右旋RR右子树的右子树过高(BF=+2→+1)单次左旋
  • 3.0 二分查找算法：二分查找算法简介 熊峰峰 #1.每日练习算法数据结构c++二分查找
    二分查找算法简介一、算法定义二、算法原理三、示例分析四、C++实现五、关键注意事项六、适用场景与局限性七、二分查找的三大模板1.朴素的二分模板2.查找左边界的二分模板3.查找右边界的二分模板4.关键对比与总结一、算法定义二分查找（BinarySearch）是一种在有序数组中快速查找目标元素的算法。其核心思想是通过分治策略不断缩小搜索范围，时间复杂度为O(logn)，效率远高于线性查找（O(n)）。
  • Leetcode 1963. 使字符串平衡的最小交换次数 ThE.wHIte. leetcodelinux算法
    1963.使字符串平衡的最小交换次数-力扣（LeetCode）给你一个字符串s，下标从0开始，且长度为偶数n。字符串恰好由n/2个开括号'['和n/2个闭括号']'组成。只有能满足下述所有条件的字符串才能称为平衡字符串：字符串是一个空字符串，或者字符串可以记作AB，其中A和B都是平衡字符串，或者字符串可以写成[C]，其中C是一个平衡字符串。你可以交换任意两个下标所对应的括号任意次数。返回使s变成平
  • 深入理解Vue 3：计算属性与侦听器的艺术 qcidyu 实战案例性能优化模板路由侦听器计算属性Vue3
    title:深入理解Vue3：计算属性与侦听器的艺术date:2024/5/30下午3:53:47updated:2024/5/30下午3:53:47categories:前端开发tags:Vue3计算属性侦听器路由模板性能优化实战案例前言Vue3的新特性简介Vue.js作为当今流行的前端框架之一，以其响应式数据绑定和组件化架构著称。随着技术的不断演进，Vue3带来了许多令人期待的新特性，这些特性
  • openEuler 24.03 LTS发布，加速库UADK迎来重要更新 openEuler社区 openEuler开源操作系统
    2024年6月6日，OpenAtomopenEuler（简称"openEuler"）24.03LTS版本（下载：openEuler下载|openEulerISO镜像|openEuler社区官网）正式发布。openEuler加速库也迎来了重要更新。本文将带各位读者详细了解openEuler加速库SIG【1】的重要组件UADK的能力，价值和发展状态。1.UADK的起源和能力UADK，全称为用户态硬件加
  • Cursor中搭建vue 阿什么名字不会重复呢 vue.js前端javascript
    首先检查你电脑上是否安装了node和npm下面是具体的代码node-vnpm-v如果安装好了则会显示node和npm的版本。如果没有安装则可以去官网安装这个是node.js网址下面一步是全局安装VueCLI命令是npminstall-g@vue/cli但是直接安装的话，速度会非常的慢，我们可以选择国内淘宝的镜像，切换npm源到淘宝镜像：npmconfigsetregistryhttps://reg
  • Windows 图形显示驱动开发-WDDM 3.0功能- D3D12 视频编码（一） 程序员王马 windows图形显示驱动开发驱动开发windows
    关于Direct3D12视频编码在Windows11（WDDM3.0）之前，DirectX12提供了应用程序和驱动程序级接口（API和DDI），以支持多个视频应用程序的GPU加速，包括视频解码、视频处理和运动估计。从Windows11开始，D3D12向现有视频API/DDI系列添加了视频编码功能。此功能提供一组一致的编码API/DDI，这些API/DDI与现有的D3D12框架一致，并允许开发人员使
  • 每日一题·力扣1963·使字符串平衡的最小交换次数 爱爬山的老虎 leetcodeleetcode算法职场和发展
    题目：给你一个字符串s，下标从0开始，且长度为偶数n。字符串恰好由n/2个开括号'['和n/2个闭括号']'组成。只有能满足下述所有条件的字符串才能称为平衡字符串：字符串是一个空字符串，或者字符串可以记作AB，其中A和B都是平衡字符串，或者字符串可以写成[C]，其中C是一个平衡字符串。你可以交换任意两个下标所对应的括号任意次数。返回使s变成平衡字符串所需要的最小交换次数。示例1：输入：s="][]
  • python 如何引入同一个文件夹下py方法 m0_68335176 eclipse
    前言毕业快三年了，前后也待过几家公司，碰到各种各样的同事。见识过各种各样的代码，优秀的、垃圾的、不堪入目的、看了想跑路的等等，所以这篇文章记录一下一个优秀的后端Java开发应该有哪些好的开发习惯。拆分合理的目录结构受传统的MVC模式影响，传统做法大多是几个固定的文件夹controller、service、mapper、entity，然后无限制添加，到最后你就会发现一个service文件夹下面有几十
  • 揭秘MANUS ：多代理架构如何碾压竞争对手，人类必读的深度剖析 爱吃青菜的大力水手 架构人工智能
    MANUS技术架构与竞品对比深度解析一、技术架构图与核心模块对比根据资料中提到的多代理架构，Manus的技术架构可概括为“三层智能体协同+虚拟机沙盒”的闭环系统。以下是其与亚信科技AISWareMaaS平台及DeepSeek的架构对比：架构层级ManusDeepSeekAISWareMaaS核心模块规划代理（任务拆解）、执行代理（工具调用）、验证代理（结果审查）单一大语言模型（LLM）平台层（数据
  • 【Leetcode刷题随笔】34 在排序数组中查找元素的第一个和最后一个位置 Poor_DayDreamer leetcode数组篇leetcode算法职场和发展
    1.题目描述：给你一个按照非递减顺序排列的整数数组nums和一个目标值target，请你找出给定目标值在数组中的开始位置和结束位置。如果数组中不存在目标值target，则返回[-1,-1]。题目要求设计时间复杂度为0（logn）的算法来实现。原题链接：34。2.解题思路复杂度为0（logn）的算法，大家比较熟知的就是二分查找算法，二分查找对于寻找数组中的目标元素也是比较高效，因此这题优先考虑二分查
  • 舵机的原理及应用 海阔天空_2013 嵌入式硬件单片机物联网青少年编程
    舵机是一种位置(角度)伺服的驱动器，主要由外壳、电机、减速齿轮组、位置传感器和控制电路等部分组成。一、工作原理舵机的工作原理是控制电路接收信号源的控制信号，并将其转换为电流信号，驱动电机转动。电机通过减速齿轮组带动输出轴转动，从而控制舵机的位置。同时，位置传感器会检测输出轴的位置，并将其反馈给控制电路，形成闭环控制系统，以实现精确的位置控制。舵机的控制信号通常是一个周期为20毫秒的PWM信号，其中
  • AcWing 3533：查找第K小数 ← STL map hnjzsyjyj 信息学竞赛#STL标准库STLmap
    【题目来源】https://www.acwing.com/problem/content/3536/【题目描述】查找一个长度为n的数组中第k小的数。注意，相同大小算一样大，如213452中，第三小的数为3。【输入格式】第一行包含整数n。第二行包含n个整数，表示数组中元素。第三行包含整数k。【输出格式】输出第k小的整数。数据保证有解。【数据范围】1≤k≤n≤1000数组中元素取值范围[1,10000
  • 四大升级！助力首个 AI 原生开源操作系统 openEuler 24.03 LTS 正式发布 AI科技大本营 人工智能开源windows操作系统服务器
    经过两年的准备，三个创新版本的积累，凝聚全球创新开发力量的openEuler24.03LTS正式发布。在整个开发过程中，国内外十多家芯片厂商，二十多家操作系统厂商，一百多家行业头部软件供应商启动原生开发，两年内共有5136名社区开发者参与到了版本的开发工作中。作为里程碑式的版本，openEuler社区也和行业内的其它社区一起定义了内核等组件的版本基线。汇聚了产业链上下游软硬件厂商技术共识的open
  • LeetCode算法题(Go语言实现)_01 LuckyLay LeetCode算法leetcodegolang
    题目给你两个字符串word1和word2。请你从word1开始，通过交替添加字母来合并字符串。如果一个字符串比另一个字符串长，就将多出来的字母追加到合并后字符串的末尾。返回合并后的字符串。一、代码实现funcmergeAlternately(word1string,word2string)string{varbufferbytes.Bufferi,j:=0,0len1,len2:=len(word
  • C++ primer plus 1.1 C++ 简介 C_VuI C++primerplusc++
    1.1C++简介文章目录1.1C++简介前言C++简介C++与C语言的联系有无C语言基础与C++学习前言C++继承了C语言高效，简洁，快速和可移植性的传统。C++面向对象的特性带来了全新的编程方法，这种方法是为应付复杂程度不断提高的现代编程任务而设计的。C++的模板特性提供了另一种全新的编程方法—泛型编程。以上三件法宝确定了C++语言的特色。在第一章中我将按照本书的逻辑讲起，在从中增加一些自己的见
  • C 语言分支与循环：构建程序逻辑的基石 无爱如何释怀 C语言c语言开发语言
    在C语言的世界里，分支和循环结构是编程的核心内容，它们赋予了程序根据不同条件执行不同操作以及重复执行特定代码段的能力，让程序变得更加智能和高效。今天，我们就深入探讨C语言分支和循环的相关知识，助力大家夯实编程基础。一.分支结构：if语句与switch语句1.if语句1.1基本形式与原理：if语句是C语言中最常用的分支结构之一。其基本语法为if(表达式)语句，当表达式的值为非0（在C语言中，非0表示
  • 前端（vue)学习笔记（CLASS 4）：组件组成部分与通信 肥肠可耐的西西公主 vue.js前端学习
    1、组件的三大组成部分（结构/样式/逻辑）注意点：1、结构只能有一个根元素2、全局样式（默认），影响所有组件；局部样式，scoped下样式，只作用于当前组件3、el根实例独有，data是一个函数，其他配置项一致样式注意点：默认情况下，写在组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题1、全局样式：默认组件中的样式会作用到全局2、局部样式：可以给组件加上scoped属性，可以让样式
  • 时间语义与窗口操作：Flink 流式计算的核心逻辑 小诸葛IT课堂 flink大数据
    在实时数据流处理中，时间是最为关键的维度之一。Flink通过灵活的时间语义和丰富的窗口类型，为开发者提供了强大的时间窗口分析能力。本文将深入解析Flink的时间语义机制，并通过实战案例演示如何利用窗口操作实现实时数据聚合。一、Flink时间语义详解1.1三种时间概念1.1.1EventTime（事件时间）定义：事件实际发生的时间，由事件本身携带的时间戳决定应用场景：需要准确反映事件真实顺序的场景（
  • shell 知识点1 测试linux服务器之间ip和端口是否畅通 tigercat920 shelllinuxtcp/ip服务器
    运维工作中，可能会涉及新添加的服务器或者已有服务器之间的网络防火墙不通的情况，但是有的服务器可能已经开通了，有的没有开通，如果一个个去排查就比较麻烦，这个时候我们可以借助于下面这段shell脚本批量探测，并将结果输出；#!/bin/baship="192.168.1.1"#替换为你要检查的IP地址port="80"#替换为你要检查的端口号timeout=3#设置超时时间（秒）foriin`cat/
  • ArcGIS将Nodata区设置为0 月之圣痕 ArcEngine
    两个栅格进行叠加，有时会有一部分没有数据，即用identify点击该区域，Value为NoData，而不是像其他非空区域一样有值。此时注意nodata区域要赋予0值，因为nodata+任何数=nodata，因此要采用条件查询函数将NoData的地方赋值为0。方法是ArcTools->SpatialAnalystTools->MapAlgebra->SingleOutputMapAlgebra。算法
  • 使用 React 和 Vite 使用 Tauri 构建番茄钟 pxr007 react.jsrust前端
    Tauri是一组工具，可让您使用前端框架构建跨平台桌面应用程序。当与React和Vite结合使用时，它可以用于为所有桌面平台构建极其快速的二进制文件。开发人员可以使用Tauri通过Web技术编写安全、精简和快速的跨平台桌面应用程序。对于许多开发人员来说，Electron通常是这些应用程序的首选框架，但Tauri现在已经做好了竞争的准备。在这篇文章中，我们将构建一个简单的番茄钟计时器，我邀请您按照自
  • C++学习——动态内存与智能指针 十月翊安 C++学习c++开发语言后端
    C++学习——动态内存与智能指针动态内存与智能指针shared_ptr类直接内存管理shared_ptr和new结合使用智能指针和异常unique_ptrweak_ptr动态内存与智能指针动态内存的管理是通过一对运算符来完成：new，在动态内存中为对象分配空间并返回一个指向该对象的指针，可以选择对对象进行初始化：delete，接受一个动态对象的指针，销毁该对象，并释放与之关联的内存。为了更容易（同
  • wps打开的excel如何插入、编辑、删除、显示批注？ 阿杜x wps（电脑办公软件）wpsexcel批注
    在WPSOffice中插入Excel批注的步骤与MicrosoftOfficeExcel中的步骤类似。以下是详细步骤：插入批注：打开WPSOffice，然后打开你想要插入批注的Excel文件。定位到你要添加批注的单元格。右键点击该单元格，然后从弹出的菜单中选择“插入批注”。在出现的批注框中输入你的批注文本。输入完成后，点击批注框外部任意位置，即可完成批注的插入。以下是一个更详细的步骤：打开WPSE
  • 大数据开发之Kubernetes篇----安装部署Kubernetes&dashboard 豆豆总 kubernetes
    Kubernetes简介由于公司有需要，需要将外后的服务外加Tensorflow模型部署加训练全部集成到k8s上，所以特意记录下这次简单部署的过程。k8s安装部署首先，我们在部署任何大型的组件前都必须要做的事情就是关闭防火墙和设置hostname了vi/etc/hostsk8s001xxx.xxx.xxx.xxk8s002xxx.xxx.xxx.xx...systemctlstopfirewall
  • 通过Java代码实现ping功能测试ip地址与ip:port的连通性 Java大侠 业务代码java功能测试
    通过Java代码实现测试ip地址与ip:port的连通性需求分析具体实现测试ip连通性测试ip:port连通性重试机制需求分析最近在业务中，需要添加一种掉线告警系统。大致思路为：通过定时任务扫描，每一个小时判断一次设备是否在线，如果在线继续判断端口是否能够通讯。如果不在线或者不能通讯，需要及时push消息给告警人员，及时处理。具体实现测试ip连通性主要通过InetAddress类来实现/***@p
  • 正式开启Django之旅 __淡墨青衫__ Djangodjangopython后端
    1、回顾创建django项目（1）、使用创建django指令：django-adminstartproject项目名称（2）、在settings.py文件，修改配置文件LANGUAGE_CODE='zh-hans'#需要设置为中文TIME_ZONE='Asia/Shanghai'#时区设置为亚洲/上海（3）、启动django项目指令为pythonmanage.py端口***如需外部访问需要在修改s
  • Servlet 点击计数器 lsx202406 开发语言
    Servlet点击计数器引言随着互联网的快速发展，Web应用程序已成为人们日常生活中不可或缺的一部分。Servlet作为Java平台上用于开发Web应用程序的重要技术之一，已经广泛应用于各种Web项目中。本文将详细介绍Servlet点击计数器的实现方法，帮助读者更好地理解Servlet技术在实际开发中的应用。Servlet点击计数器概述Servlet点击计数器是一种用于记录Web页面点击次数的组件
  • Git 使用指南 tonngw git
    Git是一种分布式版本控制系统，可以追踪文件的变化并协助多人协作开发项目。下面是Git的基本概念和使用方式：仓库（Repository）：Git用来存储项目的地方，可以理解为项目的文件夹，包含项目的所有文件和历史记录。提交（Commit）：提交是指保存项目当前状态的操作，每次提交都会记录文件的变化，包括新增、修改和删除。分支（Branch）：分支是在仓库中独立存在的工作线，可以用来开发新功能、修复
  • 用MiddleGenIDE工具生成hibernate的POJO（根据数据表生成POJO类） AdyZhang POJOeclipseHibernateMiddleGenIDE
    推荐:MiddlegenIDE插件,   是一个Eclipse   插件.     用它可以直接连接到数据库,   根据表按照一定的HIBERNATE规则作出BEAN和对应的XML ，用完后你可以手动删除它加载的JAR包和XML文件!     今天开始试着使用
  • .9.png Cb123456 android
      “点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png 　　智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。 　　我们都知道android平台有多种不同的分辨率，很多控件的切图文件在被放大拉伸后，边
  • 算法的效率 天子之骄 算法效率复杂度最坏情况运行时间大O阶平均情况运行时间
    算法的效率 效率是速度和空间消耗的度量。集中考虑程序的速度，也称运行时间或执行时间，用复杂度的阶(O)这一标准来衡量。空间的消耗或需求也可以用大O表示，而且它总是小于或等于时间需求。   以下是我的学习笔记：   1.求值与霍纳法则，即为秦九韶公式。   2.测定运行时间的最可靠方法是计数对运行时间有贡献的基本操作的执行次数。运行时间与这个计数成正比。
  • java数据结构 何必如此 java数据结构
    Java 数据结构 Java工具包提供了强大的数据结构。在Java中的数据结构主要包括以下几种接口和类： 枚举（Enumeration） 位集合（BitSet） 向量（Vector） 栈（Stack） 字典（Dictionary） 哈希表（Hashtable） 属性（Properties） 以上这些类是传统遗留的，在Java2中引入了一种新的框架-集合框架(Collect
  • MybatisHelloWorld 3213213333332132
    //测试入口TestMyBatis package com.base.helloworld.test; import java.io.IOException; import org.apache.ibatis.io.Resources; import org.apache.ibatis.session.SqlSession; import org.apache.ibat
  • Java|urlrewrite|URL重写|多个参数 7454103 javaxmlWeb工作
     个人工作经验！ 如有不当之处，敬请指点 1.0  web -info 目录下建立     urlrewrite.xml  文件 类似如下： <?xml version="1.0" encoding="UTF-8" ?>   <!DOCTYPE u
  • 达梦数据库+ibatis darkranger sqlmysqlibatisSQL Server
    --插入数据方面 如果您需要数据库自增... 那么在插入的时候不需要指定自增列. 如果想自己指定ID列的值, 那么要设置 set identity_insert  数据库名.模式名.表名; ----然后插入数据; example: create table zhabei.test( id bigint identity(1,1) primary key, nam
  • XML 解析 四种方式 aijuans android
    XML现在已经成为一种通用的数据交换格式,平台的无关性使得很多场合都需要用到XML。本文将详细介绍用Java解析XML的四种方法。 XML现在已经成为一种通用的数据交换格式,它的平台无关性,语言无关性,系统无关性,给数据集成与交互带来了极大的方便。对于XML本身的语法知识与技术细节,需要阅读相关的技术文献,这里面包括的内容有DOM(Document Object
  • spring中配置文件占位符的使用 avords
    1.类 <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.o
  • 前端工程化-公共模块的依赖和常用的工作流 bee1314 webpack
    题记： 一个人的项目，还有工程化的问题嘛？   我们在推进模块化和组件化的过程中，肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理？另外怎么依赖也是个问题？ 你真的想这样嘛？   var BreadCrumb = require(‘../../../../uikit/breadcrumb’); //真心ugly。  
  • 上司说「看你每天准时下班就知道你工作量不饱和」，该如何回应？ bijian1013 项目管理沟通IT职业规划
    问题：上司说「看你每天准时下班就知道你工作量不饱和」，如何回应         正常下班时间6点，只要是6点半前下班的，上司都认为没有加班。   Eno-Bea回答，注重感受，不一定是别人的         虽然我不知道你具体从事什么工作与职业，但是我大概猜测，你是从事一项不太容易出现阶段性成果的工作
  • TortoiseSVN，过滤文件 征客丶 SVN
    环境： TortoiseSVN 1.8 配置： 在文件夹空白处右键 选择  TortoiseSVN -> Settings 在 Global ignote pattern 中添加要过滤的文件： 多类型用英文空格分开 *name ： 过滤所有名称为 name 的文件或文件夹 *.name ： 过滤所有后缀为 name 的文件或文件夹 --------
  • 【Flume二】HDFS sink细说 bit1129 Flume
    1. Flume配置   a1.sources=r1 a1.channels=c1 a1.sinks=k1 ###Flume负责启动44444端口 a1.sources.r1.type=avro a1.sources.r1.bind=0.0.0.0 a1.sources.r1.port=44444 a1.sources.r1.chan
  • The Eight Myths of Erlang Performance bookjovi erlang
    erlang有一篇guide很有意思： http://www.erlang.org/doc/efficiency_guide 里面有个The Eight Myths of Erlang Performance： http://www.erlang.org/doc/efficiency_guide/myths.html   Myth: Funs are sl
  • java多线程网络传输文件(非同步)-2008-08-17 ljy325 java多线程socket
    利用 Socket 套接字进行面向连接通信的编程。客户端读取本地文件并发送；服务器接收文件并保存到本地文件系统中。 使用说明:请将TransferClient, TransferServer, TempFile三个类编译，他们的类包是FileServer. 客户端: 修改TransferClient: serPort, serIP, filePath, blockNum,的值来符合您机器的系
  • 读《研磨设计模式》-代码笔记-模板方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet;
  • 配置心得 chenyu19891124 配置
    时间就这样不知不觉的走过了一个春夏秋冬，转眼间来公司已经一年了，感觉时间过的很快，时间老人总是这样不停走，从来没停歇过。 作为一名新手的配置管理员，刚开始真的是对配置管理是一点不懂，就只听说咱们公司配置主要是负责升级，而具体该怎么做却一点都不了解。经过老员工的一点点讲解，慢慢的对配置有了初步了解，对自己所在的岗位也慢慢的了解。 做了一年的配置管理给自总结下： 1.改变 从一个以前对配置毫无
  • 对“带条件选择的并行汇聚路由问题”的再思考 comsci 算法工作软件测试嵌入式领域模型
    2008年上半年，我在设计并开发基于”JWFD流程系统“的商业化改进型引擎的时候，由于采用了新的嵌入式公式模块而导致出现“带条件选择的并行汇聚路由问题”(请参考2009-02-27博文)，当时对这个问题的解决办法是采用基于拓扑结构的处理思想，对汇聚点的实际前驱分支节点通过算法预测出来，然后进行处理，简单的说就是找到造成这个汇聚模型的分支起点，对这个起始分支节点实际走的路径数进行计算，然后把这个实际
  • Oracle 10g 的clusterware 32位 下载地址 daizj oracle
    Oracle 10g 的clusterware 32位 下载地址 http://pan.baidu.com/share/link?shareid=531580&uk=421021908 http://pan.baidu.com/share/link?shareid=137223&uk=321552738 http://pan.baidu.com/share/l
  • 非常好的介绍：Linux定时执行工具cron dongwei_6688 linux
    Linux经过十多年的发展，很多用户都很了解Linux了，这里介绍一下Linux下cron的理解，和大家讨论讨论。cron是一个Linux 定时执行工具，可以在无需人工干预的情况下运行作业，本文档不讲cron实现原理，主要讲一下Linux定时执行工具cron的具体使用及简单介绍。 新增调度任务推荐使用crontab -e命令添加自定义的任务（编辑的是/var/spool/cron下对应用户的cr
  • Yii assets目录生成及修改 dcj3sjt126com yii
    assets的作用是方便模块化，插件化的，一般来说出于安全原因不允许通过url访问protected下面的文件，但是我们又希望将module单独出来，所以需要使用发布，即将一个目录下的文件复制一份到assets下面方便通过url访问。 assets设置对应的方法位置 \framework\web\CAssetManager.php   assets配置方法 在m
  • mac工作软件推荐 dcj3sjt126com mac
    mac上的Terminal + bash ＋ screen组合现在已经非常好用了，但是还是经不起iterm＋zsh＋tmux的冲击。在同事的强烈推荐下，趁着升级mac系统的机会，顺便也切换到iterm＋zsh＋tmux的环境下了。 我为什么要要iterm2 切换过来也是脑袋一热的冲动，我也调查过一些资料，看了下iterm的一些优点： * 兼容性好，远程服务器 vi 什么的低版本能很好兼
  • Memcached(三)、封装Memcached和Ehcache frank1234 memcachedehcachespring ioc
    本文对Ehcache和Memcached进行了简单的封装，这样对于客户端程序无需了解ehcache和memcached的差异，仅需要配置缓存的Provider类就可以在二者之间进行切换，Provider实现类通过Spring IoC注入。 cache.xml <?xml version="1.0" encoding="UTF-8"?>
  • Remove Duplicates from Sorted List II hcx2013 remove
    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numbers from the original list. For example,Given 1->2->3->3->4->4->5,
  • Spring4新特性——注解、脚本、任务、MVC等其他特性改进 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • MySQL安装文档 liyong0802 mysql
      工作中用到的MySQL可能安装在两种操作系统中，即Windows系统和Linux系统。以Linux系统中情况居多。   安装在Windows系统时与其它Windows应用程序相同按照安装向导一直下一步就即，这里就不具体介绍，本文档只介绍Linux系统下MySQL的安装步骤。   Linux系统下安装MySQL分为三种：RPM包安装、二进制包安装和源码包安装。二
  • 使用VS2010构建HotSpot工程 p2p2500 HotSpotOpenJDKVS2010
    1. 下载OpenJDK7的源码：      http://download.java.net/openjdk/jdk7      http://download.java.net/openjdk/      2. 环境配置     ▶
  • Oracle实用功能之分组后列合并 seandeng888 oracle分组实用功能合并
    1       实例解析 由于业务需求需要对表中的数据进行分组后进行合并的处理，鉴于Oracle10g没有现成的函数实现该功能，且该功能如若用JAVA代码实现会比较复杂，因此，特将SQL语言的实现方式分享出来，希望对大家有所帮助。如下： 表test 数据如下： ID,SUBJECTCODE,DIMCODE,VALUE 1&nbs
  • Java定时任务注解方式实现 tuoni javaspringjvmxmljni
    Spring 注解的定时任务，有如下两种方式： 第一种： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"  xmlns:xsi="http
  • 11大Java开源中文分词器的使用方法和分词效果对比 yangshangchuan word分词器ansj分词器Stanford分词器FudanNLP分词器HanLP分词器
    本文的目标有两个： 1、学会使用11大Java开源中文分词器 2、对比分析11大Java开源中文分词器的分词效果 本文给出了11大Java开源中文分词的使用方法以及分词结果对比代码，至于效果哪个好，那要用的人结合自己的应用场景自己来判断。 11大Java开源中文分词器，不同的分词器有不同的用法，定义的接口也不一样，我们先定义一个统一的接口： /** * 获取文本的所有分词结果, 对比
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他