王子的烦恼
王子的烦恼

掘金可爱的登录效果

我来分享代码了

效果预览
掘金可爱的登录效果_第1张图片

在线访问

点击这里

文件目录
掘金可爱的登录效果_第2张图片
图片素材

素材
素材

html

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>掘金登录小案例title>
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
    
    <link rel="stylesheet" href="./index.css">
    
    <link rel="shortcut icon" href="http://zhouql.vip/images/tou/t1.png" type="image/x-icon">
head>

<body>
    <div id="app">
        <form action="" method="get">
            <button>button>
            <h2>手机登录h2>
            <p><input type="text" name="" autofocus id="phone" placeholder="请输入手机号">p>
            <p><input type="password" name="" id="pwd" placeholder="验证码">p>
            <p><input type="submit" value="登录">p>
            <a href="">其他登录方式a>
            <p><span>注册登录即表示同意 <small>用户协议，隐私政策small>span>p>
        form>
        <img class="t1" src="./images/4f6f6f316cde4398d201cd67e44ddea3.svg" alt="">
        <img class="t2" src="./images/500c1180a96859e5c54a5359f024a397.svg" alt="">
    div>
    <script>
        document.querySelector('#phone').addEventListener('focus',function(){
            document.querySelector('.t2').style.display = "block";
        });
        document.querySelector('#phone').addEventListener('blur',function(){
            document.querySelector('.t2').style.display = "none";
        });
        document.querySelector('#pwd').addEventListener('focus',function(){
            document.querySelector('.t1').style.display = "block";
        });
        document.querySelector('#pwd').addEventListener('blur',function(){
            document.querySelector('.t1').style.display = "none";
        });
        document.querySelector('button').addEventListener('click',function(e){
            document.body.style.backgroundColor = "#fff";
            document.querySelector('#app').style.display = "none";
            e.preventDefault();
        });
    script>
body>

html>

css

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #aaabab;
}
#app{
    position: relative;
    height: 290px;
    width: 350px;
    background-color: #fff;
}
#app form{
    position: relative;
    padding: 20px;
}
#app form h2{
    color: #333333;
    font-size: 18px;
    user-select: none;
}
#app form p input{
    width: 100%;
    height: 38px;
    color: #828282;
    border: 1px solid #ddd;
    padding-left: 8px;
    margin-top: 18px;
    border-radius: 2px;
    outline: none;
}
#app form p:nth-of-type(3) input{
    background-color: #007fff;
    color: #edf6ff;
}
#app form a{
    text-decoration: none;
    color: #198fff;
    margin: 10px 0;
    display: inline-block;
    font-size: 15px;
}
#app form p span{
    margin-top: 10px;
    font-size: 14px;
    color: #847f7a;
}
#app form p span small{
    font-size: 14px;
    color: #198fff;
}
button{
    position: absolute;
    top: 20px;
    right: 20px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
button::after{
    font-family: "bootstrap-icons";
    content: '\F62A';
    font-size: 24px;
    color: #afafaf;
}
#app img{
    position: absolute;
    width: 100px;
    
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
#app img:nth-of-type(1){
    top: -64px;
}
#app img:nth-of-type(2){
    top: -62px;
}

OK，拜拜了
掘金可爱的登录效果_第3张图片

你可能感兴趣的:(CSS,html5,css,javascript)

  • CSS选择器 梧桐WuTong2024 css前端
    目录文章目录目录选择器的优先级通配选择器元素选择器类选择器ID选择器交集选择器（复合选择器）并集选择器（复合选择器）后代选择器子代选择器兄弟选择器通用兄弟选择器属性选择器伪类选择器结构伪类选择器first-child寻找第一个儿子last-child寻找最后一个儿子nth-child(n)nth-last-child(n)first-of-typelast-of-typenth-of-child(
  • TypeScript语言的字符串处理 轩辕烨瑾 包罗万象golang开发语言后端
    TypeScript语言的字符串处理在现代编程语言中，字符串处理是非常重要的一部分。对于TypeScript这样的语言，更是让开发者在处理字符串时得到了更为安全和强大的工具。本文将深入探讨TypeScript中的字符串处理技术，包括字符串的基本操作、模板字符串、字符串方法、正则表达式以及常用的字符串处理技巧等。一、TypeScript基础与字符串的基本操作TypeScript是JavaScript
  • arcgis js 怎么加载geoserver发布的wms服务 niuge No.1 1024程序员节
    arcgisjsapi加载wms服务，官方的参考样例：WMSLayer|SampleCode|ArcGISMapsSDKforJavaScript4.30|EsriDeveloper按照官方样例加载比较奇怪，我们平常习惯用url或者json的方式加载，稍微改一下就行，如下：constlayer=newWMSLayer({url:"http://127.0.0.1:8080/geoserver/ne
  • MongoDB详细讲解 + springboot集成 you0719 简单学点java数据库java
    MongoDB以JSON为数据模型的文档非关系型数据库垂直扩展在一个机器上进行性能扩展水平扩展多个机器的扩展定位特点定位为应用数据库,存储数据特点:量大/非敏感/一定的查询性能MongoDB的语法是JavaScript语法添加db.集合名.insert(js对象)编辑db.集合名.updateMany({key:value}{$set:{key:value}})删除db.集合名.deleteMan
  • uniapp APP端页面触发调用uniapp开发的webview里的方法 printf_824 uniapp分享uni-app
    原理：使用getCurrentInstance()获取当前组件的Vue实例，通过instance.proxy.$scope.$getAppWebview()获取Uniapp的原生WebView对象。使用WebView提供的evalJS方法，执行嵌入H5页面内的JavaScript代码functiongetData(){url.value="http://192.168.0.22:5174/#/pa
  • Blazor-ApexCharts 开源项目指南 凌桃莺Talia
    Blazor-ApexCharts开源项目指南项目地址:https://gitcode.com/gh_mirrors/bl/Blazor-ApexCharts一、项目介绍Blazor-ApexCharts是一个用于Blazor框架的图表组件库封装，它基于流行的前端图表库ApexCharts.js实现。这个项目旨在简化在Blazor应用中添加交互式图表的过程，无需直接处理复杂的JavaScript互
  • CSS语言的数据结构 Code侠客行 包罗万象golang开发语言后端
    CSS数据结构与实践CSS（层叠样式表）是网页设计中不可或缺的一部分，它不仅负责网页的外观和布局，还影响用户的体验。在现代网页设计中，理清和理解CSS的内部结构和数据组织至关重要。本文将深入探讨CSS的基本概念、常用的样式规则、选择器、盒模型、布局方式及其在实际开发中的应用。一、CSS的基本概念CSS的全称是层叠样式表，它是用来描述如何呈现HTML文档的样式语言。CSS可以控制文档的结构、颜色、字
  • 小白WEB前端学习（七） Sun ᥫᩣ涵 WEB前端前端学习
    续：小白WEB前端学习（六）继续学习CSS（五）8.响应式布局：响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式1.响应式布局介绍：优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长手机:76899212482.media媒体查询HTML标签字号手机屏幕大小不同，分辨率不同如何设置不同的htm
  • Vue教程｜搭建vue项目｜Vue-CLI新版脚手架 cnsxjean vue.jsjavascript前端框架npmui
    一、安装Node环境安装Node及Npm环境Node下载地址：Node.js—RunJavaScriptEverywhereNode.js®isaJavaScriptruntimebuiltonChrome'sV8JavaScriptengine.https://nodejs.org/en/安装完成后，检查安装是否成功，并检查版本，命令如下：node-vnpm-vmac@MacdeMacBook-
  • xss的过滤和绕过（2） rzydal 学习笔记网络安全xss计算机网络
    xss的过滤和绕过分类过滤主要有两层，分别为WAF层和代码层，WAF（web应用防火墙）通常是在外部，在主机或者网络硬件上，对HTTP请求进行过滤拦截，而代码层是在编写web应用的过程中，直接实现或者音乐第三方库，对用户输入进行过滤，但是JavaScript语法非常灵活，所以对于普通的正则匹配，字符串比较，很难拦截xss。1.富文本过滤在发送邮件或者博客的情景下，用户有需求实现富文本的编辑，比如插
  • 使用 Babylon.js 开发时如何通过 CSS 实现 UI 自适应 ttod_qzstudio BabylonJavaScriptBabylon.js
    本文将介绍如何在Babylon.js开发中，通过预先定义的CSS文件实现UI的自适应布局，确保UI能够根据Canvas元素的尺寸动态调整。场景描述假设我们已经使用HTML和CSS构建了Babylon.js的UI界面，并且所有样式都定义在CSS文件中。现在，我们需要让这些UI元素能够根据Canvas的尺寸动态调整，以实现自适应的效果。解决方案1.使用CSS变量（推荐）CSS变量（CustomProp
  • js高阶-响应式原理 silver687 javascript
    在JavaScript中，响应式原理通常是指一种编程模式，它允许开发者创建能够自动响应数据变化的系统或应用。这种模式在现代前端框架（如Vue.js、React等）中非常常见，尤其是在数据绑定和UI更新方面。以下是响应式原理的核心概念和实现方式的详细解释：----1.响应式原理的核心概念响应式编程的核心是数据驱动和自动更新。当数据发生变化时，相关的UI或逻辑会自动更新，而无需手动触发更新操作。这种模
  • 2025年前端发展趋势 贵州数擎科技有限公司 前端javascript
    开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：github晓智元宇宙、数字孪生引擎、前端面试题大家好！我是[晓智]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
  • vue项目中导入视频 涔溪 vuevue
    vue项目中引入视频插件一、安装插件vue-video-playernpminstallvue-video-player-s二、在main.js里倒入并使用importVideoPlayerfrom'vue-video-player'import'vue-video-player/src/custom-theme.css'import'video.js/dist/video-js.css'Vue.
  • js能不能清楚浏览器缓存？ 涔溪 jsjavascript缓存开发语言
    JavaScript本身并没有直接清除浏览器缓存的API。但是，你可以使用一些间接的方法来促使浏览器刷新缓存或在某些情况下模拟清除缓存的行为。这里有几个方法：强制刷新页面资源：可以通过为资源链接添加查询字符串的方式（如版本号或时间戳）来确保加载最新的资源，而不是缓存的版本。例如：。使用ServiceWorker：如果你正在使用ServiceWorker来管理缓存，你可以编写代码来控制哪些资源应该被
  • javaScript 的语法糖全解 Young丶 vue3jsjavascript开发语言ecmascript
    最近在阅读一些JavaScript代码时，我们发现很多时候可以用更简洁的语法来完成相同的操作，这便是“语法糖”的魅力。语法糖是一种对底层语法的封装和简化，通过编译器将其转换成等价的标准语法来实现。例如，在Java中，泛型和Lambda表达式都是语法糖。泛型在编译过程中会被转换成非泛型的形式，而Lambda表达式会被转换为对应的匿名内部类形式。语法糖的优缺点‌优点‌：‌简洁性‌：语法糖使代码更加简洁
  • 【华为OD】| 最多获得的短信条数、云短 信平台优惠活动_完全背包 buff会技术的程序媛 -JS】技术杂谈技术learn算法java
    目录一.题目描述二.输入描述三.输出描述用例四.题目解析五.Java玩法六.JavaScript玩法一.题目描述某云短信厂商，为庆祝国庆，推出充值优惠活动。现在给出客户预算，和优惠售价序列，求最多可获得的短信总条数。二.输入描述第一行客户预算M，其中0<=M<=10^6第二行给出售价表，P1,P2,…Pn,其中1<=n<=100Pi为充值i元获得的短信条数。1<=Pi<=1000,1<=n<=10
  • 2025年前端面试题汇总 涔溪 前端
    JavaScript核心异步编程Promise、async/await的工作原理及应用场景。如何处理并发请求，使用Promise.all()或Promise.race()等方法。解释事件循环机制，理解微任务（microtask）与宏任务（macrotask）的区别。原型链深入理解JavaScript中的原型继承模型。举例说明如何通过修改原型对象影响所有实例。闭包定义闭包及其作用，如实现私有变量和函
  • 一文大白话讲清楚webpack基本使用——8——开发环境和生产环境的配置和区别 16年上任的CTO webpackwebpack前端node.jswebpack开发环境webpack生产环境
    一文大白话讲清楚webpack基本使用——8——开发环境和生产环境的配置和区别1.建议按文章顺序从头看，一看到底，豁然开朗第一篇：一文大白话讲清楚啥是个webpack第二篇：一文大白话讲清楚webpack基本使用——1——完成webpack的初步构建第三篇一文大白话讲清楚webpack基本使用——2——css相关loader的配置和使用第四篇一文大白话讲清楚webpack基本使用——3——图像相关
  • 全网最详细Gradio教程系列5——Gradio Client: javascript 龙焰智能 Gradio全解教程javascriptgradioclientplaycode.conpmcdnnode.js
    全网最详细Gradio教程系列5——GradioClient:javascript前言本篇摘要5.GradioClient的三种使用方式5.2使用GradioJavaScriptClient5.2.1安装1.npm方式：node.js2.CDN方式3.在线运行环境：PLAYCODE5.2.2连接到Gradio程序1.通过URL或SpaceID连接2.辅助：duplicate()和hf_token5
  • Webpack、Vite区别知多少？ brrdg_sefg webpack前端node.js
    前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？一、工具定义1、Webpack：是一个强大的静态模块打包工具，它可以将各种类型的文件，如JavaScript、CSS、图片等，作为模块进行打包，并生成最终的静态资源文件。Webpack使用各种loader和plugin来处理
  • Css3 3D转换 黄丫丫07 css33dcss
    特点：近大远小物体后面遮挡不可见三维坐标系：三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的。X轴：水平向右为正Y轴：垂直向下为正Z轴：垂直屏幕向外为正3D位移和3D旋转：主要知识点：3D位移：translate3d（x,y,z）3D旋转：rotate3d(x,y,z)透视：perspective3D呈现transform-style3D位移：translate3d（x,y,z）:Tra
  • CSS3 2D 转换介绍 半点寒12W csscss3css前端
    CSS3中的2D转换（2DTransforms）允许你在二维平面上对元素进行操作，如移动、旋转、缩放和倾斜等，这可以让网页的布局和动画效果更加丰富多样。以下是一些主要的2D转换方法：一、translate（移动）语法：transform:translate(x,y);或者transform:translateX(x);和transform:translateY(y);。其中x和y是长度值（可以是像
  • HTML＜center＞标签 新生派 html前端
    HTML5不支持。标签在HTML4中用于使文本居中对齐。用什么来代替呢？例子居中对齐文本（使用CSS）：h1{text-align:center;}p{text-align:center;}div{text-align:center;}ThisisaheadingThisisaparagraph.Thisisadiv.
  • css3过渡总结 半点寒12W csscss3前端css
    一、过渡的定义与作用CSS3过渡（Transitions）允许CSS属性在一定的时间区间内平滑地过渡，从一个值转变为另一个值。它能够让网页元素的状态变化更加自然、流畅，给用户带来更好的视觉体验。例如，当一个元素从隐藏状态变为显示状态，通过过渡可以使其淡入，而不是生硬地突然出现。二、过渡的属性transition-property（过渡属性）该属性用于指定哪些CSS属性会产生过渡效果。它可以是单个属
  • 深入探讨Web应用开发：从前端到后端的全栈实践 禁默 前端
    目录引言1.Web应用开发的基本架构2.前端开发技术HTML、CSS和JavaScript前端框架与库响应式设计与移动优先3.后端开发技术Node.js（JavaScript后端）Python（Flask和Django）RubyonRailsJava（SpringBoot）4.数据库选择与管理关系型数据库（SQL）非关系型数据库（NoSQL）5.API设计与开发RESTfulAPIGraphQL6
  • 【Springboot】——响应与分层解耦架构 Y小夜 架构springboot后端javaspring
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，设计模式、Python机器学习、Springboot等主页链接：Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G
  • html与css学习笔记（2） 陈王卜 学习笔记
    一、CSS引入方式具体有3种引入方式，语法如下表格所示：引入方式语法内联样式在HTML标签中使用style属性，例如：这是一个红色的div内部样式表在HTML文件的标签内使用标签，例如：div{color:red;}外部样式表使用标签在HTML文件的标签内引入外部CSS文件，例如：对于上述3种引入方式，企业开发的使用情况如下：1.内联样式会出现大量的代码冗余，不方便后期的维护，所以不常用。2.内部
  • Node.js 镜像的全方位指南 ivwdcwso node.js
    Node.js是一门广泛应用于构建服务器端和客户端应用的JavaScript运行时。在容器化环境中，构建和使用Node.js镜像是非常常见的任务。以下是有关Node.js镜像的通常选择、制作流程、不同场景下的应用、安全性最佳实践以及镜像优化的全方位指南。1.选择合适的基础镜像1.1官方Node.js镜像DockerHub提供了官方Node.js镜像，由Node.js官方维护，提供了最新的稳定版本和
  • 包管理工具 npm/yarn/pnpm对比，你选对了码 小姚爱吃辣 yarn
    在前端开发领域，包管理工具是开发者不可或缺的利器。它们不仅帮助我们管理依赖，还能提升项目的构建效率。目前，最常用的三大前端包管理工具分别是npm、Yarn和pnpm。本文将深入探讨这三种工具的优缺点，帮助你在项目中做出最合适的选择。一、npm图片1.什么是npm？npm（NodePackageManager）是随Node.js一起发布的包管理和分发工具。它是目前使用最广泛的JavaScript包管
  • 微信开发者验证接口开发 362217990 微信 开发者 token 验证
    微信开发者接口验证。 Token，自己随便定义，与微信填写一致就可以了。 根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 第一步：填写服务器配置 第二步：验证服务器地址的有效性 第三步：依据接口文档实现业务逻辑 这里主要讲第二步验证服务器有效性。 建一个
  • 一个小编程题-类似约瑟夫环问题 BrokenDreams 编程
            今天群友出了一题：         一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。      &
  • linux复习笔记之bash shell (5) 关于减号-的作用 eksliang linux关于减号“-”的含义linux关于减号“-”的用途linux关于“-”的含义linux关于减号的含义
        转载请出自出处： http://eksliang.iteye.com/blog/2105677        管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有
  • Unix(3) 18289753290 unix ksh
    1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容 什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。 2)条件判断： &&代表and  ||代表or&nbs
  • 关于ListView中性能优化中图片加载问题 酷的飞上天空 ListView
    ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。 具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594   如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。 现在想出一个方法就是每次都添加一个标识，然后设置图
  • 德国总理默多克：给国人的一堂“震撼教育”课 永夜-极光 教育
    http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课　 安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！ 　　德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂
  • 关于Java继承的一个小问题。。。 随便小屋 java
    今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！ //CanFight接口 interface Canfight { void fight(); } //ActionCharacter类 class ActionCharacter { public void fight() { System.out.pr
  • 23种基本的设计模式 aijuans 设计模式
    Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。 　　Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 　　Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。 　　Builder：将一个复杂对象的构建与它的表示分离，使得同
  • 《周鸿祎自述：我的互联网方法论》读书笔记 aoyouzi 读书笔记
    从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.   商业模式不是赚钱模式 一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.   商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 商业模式还包括寻找需求
  • JavaScript动态改变样式访问技术 百合不是茶 JavaScriptstyle属性ClassName属性
      一:style属性 格式:  HTML元素.style.样式属性="值";   创建菜单:在html标签中创建 或者 在head标签中用数组创建   <html> <head> <title>style改变样式</title> </head> &l
  • jQuery的deferred对象详解 bijian1013 jquerydeferred对象
            jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。         每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。    &nb
  • 淘宝开放平台TOP Bill_chen C++c物流C#
    淘宝网开放平台首页：http://open.taobao.com/ 淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform， 是淘宝合作伙伴开发、发布、交易其服务的平台。 支撑TOP的三条主线为：    1.开放数据和业务流程     * 以API数据形式开放商品、交易、物流等业务；  &
  • 【大型网站架构一】大型网站架构概述 bit1129 网站架构
    大型互联网特点 面对海量用户、海量数据 大型互联网架构的关键指标 高并发 高性能 高可用 高可扩展性 线性伸缩性 安全性 大型互联网技术要点   前端优化 CDN缓存 反向代理 KV缓存 消息系统 分布式存储 NoSQL数据库 搜索 监控 安全 想到的问题： 1.对于订单系统这种事务型系统，如
  • eclipse插件hibernate tools安装 白糖_ Hibernate
    eclipse helios(3.6)版 1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址： http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool
  • Jquery easyui Form表单提交注意事项 bozch jquery easyui
    jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下：         1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要
  • Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量 bylijinnan java实现
    import java.util.LinkedList; public class CaseInsensitiveTrie { /** 字典树的Java实现。实现了插入、查询以及深度优先遍历。 Trie tree's java implementation.(Insert,Search,DFS) Problem Description Igna
  • html css 鼠标形状样式汇总 chenbowen00 htmlcss
    css鼠标手型cursor中hand与pointer  Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  Example：CSS鼠标手型效果 <a href="#" style=&qu
  • [IT与投资]IT投资的几个原则 comsci it
          无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......    
  • oracle with语句详解 daizj oraclewithwith as
    oracle with语句详解 转 在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用 例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的 ----------------------------------------------------------------
  • hbase的简单操作 deng520159 数据库hbase
    近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 用ssh登陆安装hbase那台linux后 用hbase shell进行hbase命令控制台! 表的管理 1）查看有哪些表 hbase(main)> list 2）创建表   # 语法：create <table>, {NAME => <family&g
  • C语言scanf继续学习、算术运算符学习和逻辑运算符 dcj3sjt126com c
    /* 2013年3月11日20:37:32 地点：北京潘家园 功能：完成用户格式化输入多个值 目的：学习scanf函数的使用 */ # include <stdio.h> int main(void) { int i, j, k; printf("please input three number:\n"); //提示用
  • 2015越来越好 dcj3sjt126com 歌曲
    越来越好 房子大了电话小了 感觉越来越好 假期多了收入高了 工作越来越好 商品精了价格活了 心情越来越好 天更蓝了水更清了 环境越来越好 活得有奔头人会步步高 想做到你要努力去做到 幸福的笑容天天挂眉梢 越来越好 婆媳和了家庭暖了 生活越来越好 孩子高了懂事多了 学习越来越好 朋友多了心相通了 大家越来越好 道路宽了心气顺了 日子越来越好 活的有精神人就不显
  • java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim feiteyizu mysql
    数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00” 程序使用select 语句从中取数据时出现以下异常： java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date   java.sql.SQLException: Valu
  • Ehcache（07）——Ehcache对并发的支持 234390216 并发ehcache锁ReadLockWriteLock
    Ehcache对并发的支持          在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同
  • mysql中blob,text字段的合成索引 jackyrong mysql
      在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能， 但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找 则速度快 比如： create table abc(id varchar(10),context blog,hash_value varchar(40)); insert into abc(1,rep
  • 逻辑运算与移位运算 latty 位运算逻辑运算
    源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111 （用8位二进制表示一个数） 负数的补码： 符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。   -7 源码： 10000111 ，其绝对值为00000111  取反加一：11111001 为-7补码 已知一个数的补码，求原码的操作分两种情况：
  • 利用XSD 验证XML文件 newerdragon javaxmlxsd
    XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看： http://www.w3school.com.cn/schema/index.asp java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。 以下代码可用在J
  • 搭建 CentOS 6 服务器(12) - Samba rensanning centos
    （1）安装 # yum -y install samba Installed: samba.i686 0:3.6.9-169.el6_5 # pdbedit -a rensn new password:123456 retype new password:123456 …… （2）Home文件夹 # mkdir /etc
  • Learn Nodejs 01 toknowme nodejs
    （1）下载nodejs https://nodejs.org/download/ 选择相应的版本进行下载     （2）安装nodejs 安装的方式比较多，请baidu下 我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 （1）上传服务器 （2）解压 tar -zxvf  node-v0.12.
  • jquery控制自动刷新的代码举例 xp9802 jquery
    1、html内容部分  复制代码代码示例: <div id='log_reload'> <select name="id_s" size="1"> <option value='2'>-2s-</option> <option value='3'>-3s-</option
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他