设计师工作日常
设计师工作日常

有趣的CSS - 输入框选中交互动效

页面效果

有趣的CSS - 输入框选中交互动效_第1张图片

此效果主要使用 css 伪选择器配合 html5 required 属性来实现一个简单的输入框的交互效果。

此效果可适用于登录页入口、小表单提交等页面，增强用户实时交互体验。

核心代码部分，简要说明了写法思路；完整代码在最后，可直接复制到本地运行。

核心代码

html代码

<label>
  <input type="text" required>
  <span>用户名span>
label>

页面主要使用 label 与 input 标签，注意 input 中使用 required 属性，来判断 input 是否为空。

css代码

label{
  width: 240px;
  position: relative;
  display: flex;
  align-items: center;
}
input{
  width: 240px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  border: 2px solid transparent;
  border-bottom-color: #333;
  background-color: transparent;
  box-sizing: border-box;
  transition: all 0.3s;
  font-size: 14px;
  color: #333;
}
span{
  position: absolute;
  font-size: 14px;
  color: #999;
  left: 10px;
  cursor: text;
  z-index: 1;
  transition: all 0.3s;
}
label:hover input,input:focus{
  border-color: blue;
  border-radius: 8px;
}
input:focus+span,input:valid+span{
  transform: translateY(-32px);
}

使用选择器 :hover 、:foucus 来获取鼠标状态，根据不同鼠标的不同状态来设置样式以及过渡效果，使用 :valid 来验证 input 值。

完整代码

html页面

DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
    <title>输入框选中交互动效title>
  head>
  <body>
    <div class="app">
      <label>
        <input type="text" required>
        <span>用户名span>
      label>
    div>
  body>
html>

css样式

.app{
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
input{
  list-style: none;
  outline-style: none;
}
label{
  width: 240px;
  position: relative;
  display: flex;
  align-items: center;
}
input{
  width: 240px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  border: 2px solid transparent;
  border-bottom-color: #333;
  background-color: transparent;
  box-sizing: border-box;
  transition: all 0.3s;
  font-size: 14px;
  color: #333;
}
span{
  position: absolute;
  font-size: 14px;
  color: #999;
  left: 10px;
  cursor: text;
  z-index: 1;
  transition: all 0.3s;
}
label:hover input,input:focus{
  border-color: blue;
  border-radius: 8px;
}
input:focus+span,input:valid+span{
  transform: translateY(-32px);
}

页面效果

有趣的CSS - 输入框选中交互动效_第2张图片

以上就是全部代码以及简单的写法思路，希望你喜欢这个交互输入框。

[1] 原文阅读

我是 Just，这里是「设计师工作日常」，求点赞求关注！！！

你可能感兴趣的:(有趣的css,css,前端,输入框动效,ux,ui,css3)

  • 探索GigaChat与LangChain的完美结合：深度解析与实战指南 asdfujhgy langchaineasyui前端python
    探索GigaChat与LangChain的完美结合：深度解析与实战指南引言在人工智能的领域中，语言模型和嵌入技术正逐步改变我们与数据交互的方式。GigaChat作为一种创新的AI嵌入服务，结合LangChain可以提供强大的文本嵌入功能，促进自然语言处理任务的完成。本篇文章将带你深入了解如何结合GigaChat与LangChain进行文本嵌入，并提供实用的代码示例与解决方案。主要内容GigaCha
  • Python编程从入门到实践(第2版)个人学习笔记 Xx_Studying Python基础python开发语言
    这是本人学习Python编程从入门到实践(第2版)个人学习笔记，书本如下目录一、变量和简单数据类型1.1字符串和数1.1.1字符串部分方法的使用1.1.2f字符串的用法1.1.3删除空白1.1.4数中的下划线1.1.5同时给多个变量赋值二、列表简介2.1列表(list)2.1.1概念引入2.1.2访问列表元素2.1.3查找某元素的下标（index方法）2.2修改、添加和删除元素2.2.1修改列表元
  • 由于直接提供完整的游戏商城代码超出了简单回答的范围，并且游戏商城的实现可以相当复杂，涉及前端展示、后端逻辑、数据库设计等多个方面，我会分别用几种流行的编程语言和技术栈概述如何开始搭建一个基本的游戏商城 编程小飞侠a 游戏前端数据库
    前端（HTML/CSS/JavaScript+React）React示例:fengbaoshun.com首先，你需要安装Node.js和npm（Node包管理器），然后使用CreateReactApp来快速启动你的前端项目。bashnpxcreate-react-appgame-store-frontendcdgame-store-frontendnpmstart接下来，你可以使用React组件来
  • 由于直接提供完整的大型项目代码（如购物商城）在单一回答中是不切实际的，我将为你概述如何在几种流行的编程语言中设置购物商城的基本框架和思路。这包括前端（如HTML/CSS/JavaScript）和后端（ SigridFelix 前端htmlcss
    前端（HTML/CSS/JavaScript）dz61.comHTML:创建基础的页面结构，如主页、商品列表页、购物车页和结账页。html我的购物商城欢迎来到我的购物商城商品列表购物车CSS:简单的样式表，用于美化页面。css/*styles.css*/body{font-family:Arial,sans-serif;}h1{color:#333;}ul{list-style-type:none
  • C++ —— 智能指针 unique_ptr（下） 奶香臭豆腐 c++开发语言学习
    C++——智能指针unique_ptr（下）将一个unique_ptr赋给另一个时，如果源unique_ptr是一个临时右值，编译器允许这样做；如果源unique_ptr将存在一段时间，编译器禁止这样做。一般用于函数的返回值。unique_ptr不支持拷贝或赋值，因为它是独占所有权的。这意味着一旦你将一个unique_ptr赋值或传递给另一个unique_ptr，会导致编译错误，因为一个资源只能有
  • Google Chrome浏览器设置 奶香臭豆腐 edge浏览器
    问题描述点击GoogleChrome图标，打开的不是Google浏览器。解决步骤打开谷歌浏览器，单击右上角“自定义及控制”，再单击菜单栏中“设置”选项卡，如下图中的法1。或者，打开谷歌浏览器，在地址栏输入chrome://settings/，如下图中的法2。打开“设置”后，找到“搜索引擎”，把“地址栏中使用的搜索引擎”改成想用的搜索引擎。再点击左边的“启动时”，点击“打开新标签页”即可。三个点的符
  • 展锐710 Android9 camera hal 框架 autho camerahalandroid
    本文主要介绍展锐平台AndroidPcamerahal代码框架，后续会有preview相关流程1.代码架构先来看看主要的代码架构app及framework为标准的Androidhal3架构主要涉及的文件及其调用关系如下图：CameraHAL层架构主要由以下几部分构成：SPRDCameraHALInterface(SprdCamera3HWI)：实现cameraframework的调用接口。SPRD
  • 使用R语言绘制日历热图 CyberXZ r语言开发语言R语言
    使用R语言绘制日历热图日历热图是一种可视化工具，用于显示时间序列数据的模式和趋势。这种图表通常使用颜色编码来表示数据值的大小，从而使我们能够快速识别出高值和低值。在R语言中，我们可以使用ggplot2包来创建漂亮且可定制化的日历热图。首先，确保已经安装了ggplot2包。如果没有安装，可以使用以下命令进行安装：install.packages("ggplot2")接下来，我们将使用一个示例数据集来
  • 广度优先搜索(BFS)算法解决迷宫最短路径问题 CDSNT 宽度优先算法c++
    问题描述：①迷宫由n行m列的单元格组成（n，m都小于等于50）②每个单元格要么是空地，要么是障碍物现请你找到一条从起点到终点的最短路径，输出最短路径及其长度，若不存在，则输出“NoAnswer.”。输入迷宫大小（n行m列）：5411011111110110111110输入起点的坐标：00输入终点的坐标：32输出：最短路径长度为7最短路径：(0,0)(1,0)(2,0)(3,0)(4,0)(4,1)
  • 【数据结构】 并查集 + 路径压缩与按秩合并 python 查理零世 数据结构python算法
    目录前言模板朴素实现路径压缩按秩合并按树高为秩按节点数为秩总结前言并查集的基本实现通常使用森林来表示不同的集合，每个集合用一棵树表示，树的每个节点有一个指向其父节点的指针。如果一个节点是它自己的父节点，那么它就是该集合的代表（称为根节点）。模板P3367【模板】并查集https://www.luogu.com.cn/problem/P3367题目描述如题，现在有一个并查集，你需要完成合并和查询操作
  • C++————string小技巧 mc2356 c/c++c++
    在C++中，std::string是标准库提供的一个用于处理字符串的类，它位于头文件中。与传统的C风格字符串（以'\0'结尾的字符数组）相比，string提供了更方便、安全和强大的字符串处理功能。初始化：strings1;//默认初始化，创建一个空字符串(s1:)strings2="Hello";//使用字符串字面量初始化(s2:Hello)strings3(s2);//拷贝初始化(s3:Hell
  • 类和对象—封装及导语—C++ 逐光沧海 C++c++开发语言
    1.类和对象定义C++面向对象的三大特征封装，继承，多态。对象C++认为万事万物皆为对象，对象有其属性和行为。成员类中的属性和成员属性也叫成员属性，成员变量行为也叫成员函数，成员方法（例如一个人可以称为对象，他的属性有姓名，年龄，身高，体重；行为有跑，走，跳。而具有相同性质的对象我们又叫做类，类如人类。）2.封装1.示例设计一个圆类，求圆的周长#includeusingnamespacestd;c
  • WAF相关知识及安全狗的部署和绕过_安全狗waf拦截规则 2401_86951318 安全网络
    2）工具检测二：安全狗使用指南（一）安全狗的下载（二）安全狗的安装（三）安全狗绕过一：WAF基础知识（一）WAF简介WAF即Web应用程序防火墙通过过滤和监视Web应用程序与Internet之间的HTTP通信来帮助保护Web应用程序，WebApplicationFirewall(WEB应用防护系统)。WAF与传统的Firewall(防火墙)不同，WAF针对的是应用层。WAF可以用来屏蔽常见的网站漏
  • 基于web的订餐系统的设计与实现 AI大模型应用之禅 AI大模型与大数据计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    基于web的订餐系统的设计与实现1.背景介绍随着互联网技术的迅猛发展，基于Web的应用系统在各行各业中得到了广泛应用。订餐系统作为餐饮行业的重要组成部分，极大地提升了用户的订餐体验和餐厅的运营效率。本文将详细探讨基于Web的订餐系统的设计与实现，旨在为读者提供一个全面的技术指南。2.核心概念与联系在设计和实现基于Web的订餐系统时，需要理解以下核心概念：2.1用户角色订餐系统涉及多个用户角色，包括
  • 【全解析 PTA】浙大版《Python 程序设计》题目集-第三章_len(‘3 11 2018‘(1) 2401_84010901 程序员pythonwindows开发语言
    b[:]##单独一个冒号,代表从头取到尾,步长默认为1b[::]##单独两个冒号一样代表从头取到尾,步长默认为1b[::-1]##注意,两个冒号后面是步长,步长为1,故应从右往左取8.列表lst=[12,-5,-22,-10,-26,35,0,49,3,-21],lst[::-1]的结果是[-21,3,49,0,35,-26,-10,-22,-5,12]。T9.列表lst=[12,-5,-22,-
  • 异或哈希（求区间内所有的数的出现的次数是否为偶数） 娇娇yyyyyy 算法提高个人常用模板哈希算法算法
    ExampleInputCopy2331221213235321211121345OutputCopyNONOYESNONOYES思路：异或哈希模板AC代码：#includeusingnamespacestd;typedeflonglongll;typedefpairPII;constintN=2e6+10;constllMOD=1e9+7;constllINF=1e18;//生成随机数mt199
  • 使用Python爬虫抓取与分析航班信息：从数据采集到应用的完整实践 Python爬虫项目 2025年爬虫实战项目pythonselenium自动化爬虫开发语言phpmicrosoft
    目录：前言爬虫基础知识什么是爬虫？爬虫的工作原理爬虫的应用领域航班数据爬取的实际应用航班数据分析的重要性选择爬虫技术栈常见的爬虫框架与工具选择合适的工具：requestsvsSeleniumvsScrapy如何获取航班信息航班数据来源分析航班信息的结构与抓取目标爬虫抓取航班信息的步骤发送HTTP请求并获取航班数据使用Selenium抓取动态数据解析HTML页面并提取航班信息航班数据存储与处理存储抓
  • Python爬虫实战：在线考试题库抓取 Python爬虫项目 2025年爬虫实战项目python爬虫开发语言网络爬虫信息可视化jvm
    前言在线考试已经成为现代教育中不可或缺的一部分，许多在线教育平台提供了丰富的题库资源，供学生进行练习与模拟考试。随着互联网的发展，教育平台上每天都有大量的题库数据，如何抓取这些数据，并进行整理、分析、分享，成为了教育技术与数据分析领域的一个热门话题。本文将介绍如何使用Python爬虫技术抓取各类在线考试平台的题库和试题，包括抓取方法、技术细节、反爬虫策略等。通过这篇博客，我们将实现以下目标：从多个
  • 使用Python Selenium抓取表单数据：从数据提取到自动化处理的完整指南 Python爬虫项目 2025年爬虫实战项目pythonselenium自动化爬虫开发语言phpmicrosoft
    目录：前言爬虫基础知识什么是爬虫爬虫的工作原理Selenium简介什么是SeleniumSelenium的工作原理表单数据抓取概述什么是表单数据常见的表单类型表单抓取的实际应用场景爬虫技术栈requestsvsSeleniumSelenium的安装与配置使用Selenium抓取表单数据的步骤启动浏览器并访问目标页面查找表单元素提交表单并抓取返回的数据数据存储与处理存储抓取的数据：CSV、数据库等数
  • 基础项目实战——学生管理系统（c++） 曙曙学编程 基础项目实战c++windows开发语言
    目录前言一、功能菜单界面二、类与结构体的实现三、录入学生信息四、删除学生信息五、更改学生信息六、查找学生信息七、统计学生人数八、保存学生信息九、读取学生信息十、打印所有学生信息十一、退出系统十二、文件拆分结语前言这一期我们来一起学习我们在大学做过的课程设计——学生管理系统，这是一个非常简单且非常值得像我这样的新手独立完成的一个基础项目，用到基础数据结构里的链表来实现，所以指针和链表不太理解的同学先
  • 编写python 后端 vscode 安装插件大全 weixin_42113341 pythonvscode开发语言
    在使用VisualStudioCode(VSCode)进行Python开发，特别是涉及FastAPI、Django和Flask等Web框架时，安装合适的扩展插件可以显著提升开发效率和代码质量。以下是推荐的VSCode插件，涵盖了代码编辑、调试、格式化、版本控制、代码质量、框架支持等多个方面。为了方便阅读，插件被分为多个类别，并附有简要介绍。1.核心Python开发插件1.1Python(Micro
  • 人工智能学习框架：深入解析与实战指南 一ge科研小菜鸡 人工智能人工智能
    个人主页：一ge科研小菜鸡-CSDN博客期待您的关注引言随着人工智能（AI）技术的飞速发展，深度学习、强化学习和自然语言处理等领域的应用愈加广泛。掌握人工智能学习框架（如TensorFlow、PyTorch、Keras等）已成为开发智能系统、研究前沿技术的必备技能。本指南将全面介绍人工智能主流学习框架的特点、安装方法、核心功能，以及通过实践案例展示如何使用这些框架进行AI模型开发、训练与优化。1.
  • 从零开始构建一个JAVA项目 SUGERBOOM javalog4j开发语言
    本篇文章将从结构框架入手，系统介绍一个完整Java程序的结构步骤，不涉及JAVA基础代码学习。在本文章中先简单介绍Maven、Spring、MyBatis三种Java类型。一、分类介绍首先我们先来了解Java程序的类型，不同类型结构略有区别。Java程序的类型可以根据多个分类方式进行划分，以下是一些常见的分类和简要解释：构建工具类型：Maven：用于管理项目的构建、报告和文档的生成。它提供了一种标
  • 推荐文章：探索Apache NetBeans的魔法——Maven插件架构助您高效开发 余印榕
    推荐文章：探索ApacheNetBeans的魔法——Maven插件架构助您高效开发netbeans-mavenutils-archetype-nbm-archetypeApacheNetBeansMavenUtilsArchetypeNBMSuiteRoot是一个用于创建ApacheNetBeans模块套件的Maven插件。它可以帮助开发者快速生成一个基于NetBeans的模块套件项目，包括基本的
  • 在线考试题库抓取：Python 爬虫抓取各类在线考试平台题库和试题 Python爬虫项目 2025年爬虫实战项目python爬虫开发语言网络爬虫
    目录引言1.确定目标网站和分析网页结构示例网站：网页分析：2.安装必要的Python库3.编写爬虫代码3.1发送HTTP请求3.2解析HTML页面3.3存储数据4.处理分页抓取4.1分析分页规则5.反爬虫机制与应对策略5.1设置请求头5.2使用代理池5.3控制请求频率6.小结引言随着教育信息化的进程不断加快，在线考试逐渐成为了教育评估的主流形式之一。许多在线学习平台和考试平台为用户提供了海量的题库
  • 1秒 vs. 60秒：Nginx如何让VR/AR内容分发快如闪电？ 墨瑾轩 Nginx乐园nginxvrar
    关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣虚拟现实（VR）和增强现实（AR）技术正以前所未有的速度改变着我们与数字世界互动的方式。然而，随着这些应用变得越来越复杂，对于快速加载和流畅交互的需求也日益增长。如何在不影响性能的前提下提供丰富的多媒体体验？答案或许就藏在Web服务器的技术革新之中。今天，我们
  • PHP 高性能框架 Workerman 凭什么能硬刚 Swoole ？ A码农先森 技术杂谈phpswooleworkerman
    大家好，我是码农先森。一次偶然看到了国外某机构针对PHP周边生态框架及扩展的性能测试排行榜，看到Workerman竟遥遥领先Swoole。在我们PHP程序员现有的认知里，Swoole作为一个基于C/C++语言编写的扩展程序，性能居然落后了。第一眼看到这个结果的时候，我的心情久久不能平复，脑子里不经的浮现着「难道C/C++比PHP的性能还差了？」。说到Workerman和Swoole，就想起了那不争
  • 2025年创业公司技术栈选择：React与Vue对比 硅基创想家 编程语言vue.jsreact.js前端
    前端开发、React、Vue、TypeScript有个残酷的事实：在2025年为你的技术栈挑选合适的框架，不是看哪个更酷炫或更热门，而是看哪个最契合你的特定需求。在前端开发领域，React和Vue这两大巨头正激烈竞争，吸引着你的目光。但有一点要明确：不存在“一刀切”的答案。React和Vue都是出色的框架，不过各自都有优势、特点和适用场景。你的决策不应只着眼于框架本身，而更应考虑团队、项目以及长期
  • 计算机毕业设计ssm基于Web的医院陪诊系统的设计与实现go8299（附源码）新手必备 一念 计算机毕设源码程序 课程设计前端
    本项目包含程序+源码+数据库+LW+调试部署环境，文末可获取一份本项目的java源码和数据库参考。系统的选题背景和意义选题背景：随着社会的发展和人们生活水平的提高，医疗服务的需求也越来越多样化。在传统的医院就诊过程中，患者通常需要自行前往医院，并且由于医生工作繁忙，陪诊时间有限，导致患者在就诊过程中感到孤独和不安。而基于Web的医院陪诊系统的设计与实现，可以为患者提供更加便捷和贴心的就医体验。意义
  • Zernike 多项式在圆形、六边形、椭圆形、矩形或环形瞳孔上应用（Matlab代码实现） wlz249 matlab开发语言
    欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录⛳️赠与读者1概述2运行结果3参考文献4Matlab代码实现⛳️赠与读者‍做科研，涉及到一个深在的思想系统，需要科研者逻辑缜密，踏实认真，但是不能只是努力，很多时候借力比努力更重要，然后还要有仰望星空的创新点和启发点。当哲学课上老师问你什么是科学，什么是电的时候，不要
  • 面向对象面向过程 3213213333332132 java
    面向对象：把要完成的一件事，通过对象间的协作实现。 面向过程：把要完成的一件事，通过循序依次调用各个模块实现。 我把大象装进冰箱这件事为例，用面向对象和面向过程实现，都是用java代码完成。 1、面向对象 package bigDemo.ObjectOriented; /** * 大象类 * * @Description * @author FuJian
  • Java Hotspot: Remove the Permanent Generation bookjovi HotSpot
      openjdk上关于hotspot将移除永久带的描述非常详细，http://openjdk.java.net/jeps/122   JEP 122: Remove the Permanent Generation Author Jon Masamitsu Organization Oracle Created 2010/8/15 Updated 2011/
  • 正则表达式向前查找向后查找,环绕或零宽断言 dcj3sjt126com 正则表达式
    向前查找和向后查找 1. 向前查找：根据要匹配的字符序列后面存在一个特定的字符序列(肯定式向前查找)或不存在一个特定的序列(否定式向前查找)来决定是否匹配。.NET将向前查找称之为零宽度向前查找断言。     对于向前查找，出现在指定项之后的字符序列不会被正则表达式引擎返回。 2. 向后查找：一个要匹配的字符序列前面有或者没有指定的
  • BaseDao 171815164 seda
    import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; import java.sql.PreparedStatement; import java.sql.ResultSet; public class BaseDao { public Conn
  • Ant标签详解--Java命令 g21121 Java命令
            这一篇主要介绍与java相关标签的使用         终于开始重头戏了，Java部分是我们关注的重点也是项目中用处最多的部分。           1
  • [简单]代码片段_电梯数字排列 53873039oycg 代码
           今天看电梯数字排列是9 18 26这样呈倒N排列的,写了个类似的打印例子，如下:       import java.util.Arrays; public class 电梯数字排列_S3_Test { public static void main(S
  • Hessian原理 云端月影 hessian原理
    Hessian 原理分析 一．      远程通讯协议的基本原理 网络通信需要做的就是将流从一台计算机传输到另外一台计算机，基于传输协议和网络 IO 来实现，其中传输协议比较出名的有 http 、 tcp 、 udp 等等， http 、 tcp 、 udp 都是在基于 Socket 概念上为某类应用场景而扩展出的传输协
  • 区分Activity的四种加载模式----以及Intent的setFlags aijuans android
      在多Activity开发中，有可能是自己应用之间的Activity跳转，或者夹带其他应用的可复用Activity。可能会希望跳转到原来某个Activity实例，而不是产生大量重复的Activity。 这需要为Activity配置特定的加载模式，而不是使用默认的加载模式。 加载模式分类及在哪里配置 Activity有四种加载模式： standard singleTop
  • hibernate几个核心API及其查询分析 antonyup_2006 html.netHibernatexml配置管理
    (一)  org.hibernate.cfg.Configuration类         读取配置文件并创建唯一的SessionFactory对象.(一般,程序初始化hibernate时创建.)         Configuration co
  • PL/SQL的流程控制 百合不是茶 oraclePL/SQL编程循环控制
    PL/SQL也是一门高级语言,所以流程控制是必须要有的,oracle数据库的pl/sql比sqlserver数据库要难,很多pl/sql中有的sqlserver里面没有   流程控制; 分支语句 if 条件 then 结果 else 结果 end if ; 条件语句 case when 条件 then 结果; 循环语句 loop
  • 强大的Mockito测试框架 bijian1013 mockito单元测试
    一.自动生成Mock类        在需要Mock的属性上标记@Mock注解，然后@RunWith中配置Mockito的TestRunner或者在setUp()方法中显示调用MockitoAnnotations.initMocks(this);生成Mock类即可。二.自动注入Mock类到被测试类  &nbs
  • 精通Oracle10编程SQL(11)开发子程序 bijian1013 oracle数据库plsql
    /* *开发子程序 */ --子程序目是指被命名的PL/SQL块，这种块可以带有参数，可以在不同应用程序中多次调用 --PL/SQL有两种类型的子程序：过程和函数 --开发过程 --建立过程：不带任何参数 CREATE OR REPLACE PROCEDURE out_time IS BEGIN DBMS_OUTPUT.put_line(systimestamp); E
  • 【EhCache一】EhCache版Hello World bit1129 Hello world
    本篇是EhCache系列的第一篇，总体介绍使用EhCache缓存进行CRUD的API的基本使用，更细节的内容包括EhCache源代码和设计、实现原理在接下来的文章中进行介绍   环境准备 1.新建Maven项目   2.添加EhCache的Maven依赖 <dependency> <groupId>ne
  • 学习EJB3基础知识笔记 白糖_ beanHibernatejbosswebserviceejb
    最近项目进入系统测试阶段，全赖袁大虾领导有力，保持一周零bug记录，这也让自己腾出不少时间补充知识。花了两天时间把“传智播客EJB3.0”看完了，EJB基本的知识也有些了解，在这记录下EJB的部分知识，以供自己以后复习使用。   EJB是sun的服务器端组件模型，最大的用处是部署分布式应用程序。EJB (Enterprise JavaBean)是J2EE的一部分，定义了一个用于开发基
  • angular.bootstrap boyitech AngularJSAngularJS APIangular中文api
    angular.bootstrap 描述：     手动初始化angular。     这个函数会自动检测创建的module有没有被加载多次，如果有则会在浏览器的控制台打出警告日志，并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。   使用方法：     angular .
  • java-谷歌面试题-给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数 bylijinnan java
    public class SearchInShiftedArray { /** * 题目：给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数。 * 请在这个特殊数组中找出给定的整数。 * 解答： * 其实就是“旋转数组”。旋转数组的最小元素见http://bylijinnan.iteye.com/bl
  • 天使还是魔鬼？都是我们制造 ducklsl 生活教育情感
    ----------------------------剧透请原谅，有兴趣的朋友可以自己看看电影，互相讨论哦！！！     从厦门回来的动车上，无意中瞟到了书中推荐的几部关于儿童的电影。当然，这几部电影可能会另大家失望，并不是类似小鬼当家的电影，而是关于“坏小孩”的电影！     自己挑了两部先看了看，但是发现看完之后，心里久久不能平
  • [机器智能与生物]研究生物智能的问题 comsci 生物
          我想,人的神经网络和苍蝇的神经网络,并没有本质的区别...就是大规模拓扑系统和中小规模拓扑分析的区别....       但是,如果去研究活体人类的神经网络和脑系统,可能会受到一些法律和道德方面的限制,而且研究结果也不一定可靠,那么希望从事生物神经网络研究的朋友,不如把
  • 获取Android Device的信息 dai_lm android
    String phoneInfo = "PRODUCT: " + android.os.Build.PRODUCT; phoneInfo += ", CPU_ABI: " + android.os.Build.CPU_ABI; phoneInfo += ", TAGS: " + android.os.Build.TAGS; ph
  • 最佳字符串匹配算法（Damerau-Levenshtein距离算法）的Java实现 datamachine java算法字符串匹配
    原文：http://www.javacodegeeks.com/2013/11/java-implementation-of-optimal-string-alignment.html------------------------------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第一课 dcj3sjt126com englishword
    long 长的 show 给...看，出示 mouth 口，嘴 write 写   use 用，使用 take 拿，带来 hand 手 clever 聪明的   often 经常 wash 洗 slow 慢的 house 房子   water 水 clean 清洁的 supper 晚餐 out 在外   face 脸，
  • macvim的使用实战 dcj3sjt126com macvim
    macvim用的是mac里面的vim, 只不过是一个GUI的APP, 相当于一个壳   1. 下载macvim https://code.google.com/p/macvim/   2. 了解macvim :h               vim的使用帮助信息 :h macvim  
  • java二分法查找 蕃薯耀 java二分法查找二分法java二分法
    java二分法查找 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 11:40:03 星期二 http:/
  • Spring Cache注解+Memcached hanqunfeng springmemcached
    Spring3.1 Cache注解  依赖jar包： <!-- simple-spring-memcached --> <dependency> <groupId>com.google.code.simple-spring-memcached</groupId> <artifactId>simple-s
  • apache commons io包快速入门 jackyrong apache commons
    原文参考 http://www.javacodegeeks.com/2014/10/apache-commons-io-tutorial.html   Apache Commons IO 包绝对是好东西，地址在http://commons.apache.org/proper/commons-io/，下面用例子分别介绍：   1）  工具类   2
  • 如何学习编程 lampcy java编程C++c
    首先,我想说一下学习思想.学编程其实跟网络游戏有着类似的效果.开始的时候,你会对那些代码,函数等产生很大的兴趣,尤其是刚接触编程的人,刚学习第一种语言的人.可是,当你一步步深入的时候,你会发现你没有了以前那种斗志.就好象你在玩韩国泡菜网游似的,玩到一定程度,每天就是练级练级,完全是一个想冲到高级别的意志力在支持着你.而学编程就更难了,学了两个月后,总是觉得你好象全都学会了,却又什么都做不了,又没有
  • 架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy nannan408 Spring3
    1.前言。    如题。 2.描述。    @DependsOn用于强制初始化其他Bean。可以修饰Bean类或方法，使用该Annotation时可以指定一个字符串数组作为参数，每个数组元素对应于一个强制初始化的Bean。 @DependsOn({"steelAxe","abc"}) @Comp
  • Spring4+quartz2的配置和代码方式调度 Everyday都不同 代码配置spring4quartz2.x定时任务
    前言：这些天简直被quartz虐哭。。因为quartz 2.x版本相比quartz1.x版本的API改动太多，所以，只好自己去查阅底层API……   quartz定时任务必须搞清楚几个概念： JobDetail——处理类 Trigger——触发器，指定触发时间，必须要有JobDetail属性，即触发对象 Scheduler——调度器，组织处理类和触发器，配置方式一般只需指定触发
  • Hibernate入门 tntxia Hibernate
      前言   使用面向对象的语言和关系型的数据库，开发起来很繁琐，费时。由于现在流行的数据库都不面向对象。Hibernate 是一个Java的ORM（Object/Relational Mapping）解决方案。   Hibernte不仅关心把Java对象对应到数据库的表中，而且提供了请求和检索的方法。简化了手工进行JDBC操作的流程。   如
  • Math类 xiaoxing598 Math
    一、Java中的数字（Math）类是final类，不可继承。 1、常数 PI：double圆周率 E：double自然对数 2、截取（注意方法的返回类型） double ceil(double d) 返回不小于d的最小整数 double floor(double d) 返回不大于d的整最大数 int round(float f) 返回四舍五入后的整数 long round
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他