艺术海洋
艺术海洋

自定义复选框checkbox样式 纯css+js

复选框作为网页中比较常见的一个组件，有的时候我们需要对它进行美化，但是我们无法直接为其定义样式，所以我们需要一些其它的办法。

表单元素中有label 元素和 for属性，当我们点击label 标签时，对应的表单元素就会有所反应。我们就是依据这个特性来实现的。

html:

<body>
    type="checkbox" id="myCheck">
    <label for="myCheck">label>
body>
  • 1
  • 2
  • 3
  • 4

既然是自定义，我们就要把label 伪装成复选框的样子，比较常见的是方框状，所以我们就有了如下的CSS样式。

#myCheck + label{
    background-color: white;
    border-radius: 5px;
    border:1px solid #d3d3d3;
    width:20px;
    height:20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

这样我们就为label 元素定义为圆角的正方形边框，然后就需要根据复选框的状态进行相应的样式调整。

#myCheck:checked + label{
    background-color: #eee;
}
#myCheck:checked + label:after{
    content:"\2714";
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

上述代码分别为label 元素定义了复选框选中状态时应具有的样式，比如背景色变灰、而且添加了“√”，\2714就是相应的编码。

这样我们就大功告成了，但是别忘了，我们要将自带的checkbox 定义为display:none; 这样就可以隐藏自带的复选框了。

效果图（不要忘记将原来的设为隐藏，这里为展示效果）： 

这里写图片描述

我们在项目中使用到input标签的checkbox的时候，它的默认样式通常无法满足项目需求，主要是它显得有点小而丑。将它根据项目的需求进行改造就是我们要做的事情了，下面讲两种常用的做法。

1.使用背景图片代替选中效果 
主要原理就是将原来的checkbox隐藏：visibility: hidden属性但它依然占据位置，用图片代替它的位置。 
优点就是兼容性好 
效果图： 
效果图

代码：

--html--
<div id="check">
<span><input type="checkbox"class="input_check" id="check1"><label for="check1">label>span>
<span><input type="checkbox"class="input_check" id="check2"><label for="check2">label>span>
div>
  • 1
  • 2
  • 3
  • 4
  • 5
--css--
#check {margin: 20px auto;}
#check .input_check {position: absolute;width: 20px;height: 20px;visibility: hidden;background: #E92333;}
#check span {position: relative;}
#check .input_check+label {display: inline-block;width: 20px;height: 20px;background: url('入驻申请页面3/入驻申请页面/images/gou.png') no-repeat;background-position: -31px -3px;border: 1px solid skyblue;}
#check .input_check:checked+label {background-position: -7px -4px;}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

2.使用css3实现 
主要是利用after，缺点是存在兼容性问题。 
效果 
效果

--html--
<div id="check_css3">
<span><input type="checkbox"class="input_check" id="check3"><label for="check3">label>span>
<span><input type="checkbox"class="input_check" id="check4"><label for="check4">label>span>
div>
  • 1
  • 2
  • 3
  • 4
  • 5
--css--
 #check_css3 {margin: 20px auto;}
  #check_css3 span {position: relative;}
   #check_css3 .input_check {position: absolute;visibility: hidden;}
    #check_css3 .input_check+label {display: inline-block;width: 16px;height: 16px;border: 1px solid #ffd900;} 
    #check_css3 .input_check:checked+label:after {content: "";position: absolute;left: 2px;bottom: 12px;width: 9px;height: 4px; border: 2px solid #e92333;border-top-color: transparent;border-right-color: transparent; -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); transform: rotate(-45deg);}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

以上是两种实现方法的介绍,如果你有更好更快捷的方法。 Tell me please.


你可能感兴趣的:(js+css)

  • js+css 锚点菜单 bobringtheboys javascriptcss开发语言
    {{item.label}}我是内容1我是内容2我是内容3我是内容4我是内容5exportdefault{name:"",components:{},mixins:[],props:{},computed:{},watch:{},data(){return{//初始化菜单navList:[{label:"菜单1",},{label:"菜单2",},{label:"菜单3",},{label:"菜单
  • js+css制作导航栏下划线跟随动画，App+H5点击效果 千叶KE vuecssjavascript
    2023.2.7更新这个做法有很多缺陷，有其他更好的解决方案，已经更新在新文章里了，感兴趣的朋友可以去新文章里看↓js+css制作导航栏下划线跟随动画，自适应元素尺寸变化，自定义下划线样式，Vue/Uniapp_千叶KE的博客-CSDN博客导航栏下划线跟随动画，自适应元素尺寸变化，自定义下划线样式https://blog.csdn.net/qq1219579255/article/details/
  • js+css制作导航栏下划线跟随动画，自适应元素尺寸变化，Vue/Uniapp 千叶KE javascriptvue.jscss
    以前也写过一个差不多的，但上一个写的存在很多问题，尤其是css要使用justify-content:space-around才能正常计算下滑宽度，导致了在很多场景都不实用，其实那一天就想到更好的解决办法了，但是因为懒......就一直没更新文章......最终效果图↓1.使用Vue制作一个没有动画的初始导航栏HTML代码{{item}}JS代码exportdefault{data(){return
  • JS和CSS实现的原生轮播图 她说她一如既往的爱我 javascriptcss开发语言
    JS+CSS实现滑动轮播图使用JS加CSS来实现的幻灯片，主要使用的是CSS的transform属性中的translate来实现，适合与用户交互的轮播图，展现轮播图的数量，用户可自由进行选择。Document*{margin:0;padding:0;list-style:none;}.cardBox{width:600px;height:300px;box-shadow:0010pxgray;bo
  • 秋招面试总结 秀秀的奇妙旅行 #前端面试题目汇总面试+科研的总结前端面试vue.js1024程序员节
    一、第一次面试刚结束自己的第一个面试，来记录一下这次面试的体验以及需要加强的部分面试前边会根据你的项目提一些问题，比如我用的vue，那开始肯定要提问你vue的问题，所以vue必须要好好掌握一下，而且肯定会结合项目来的（权限管理之类的）后边就直接提问js+css的一些内容（面试官肯定直接根据列的题目提纲问了，这边没啥问题，当然也要防止他再回去结合项目问，）最后还问了对自己的工作有什么期望（提升前端技
  • Taro+vue3+NutUI实现微信小程序的购物车功能 BSCIO_599 vuetypescripthtmlcss
    这个功能主要是使用原生的标签+js+css实现的，目前在项目中属于定制化开发，后期可以考虑封装成组件，简单的记录一下  {{item?.name}}{{getDistance(item?.positionLatitude,item?.positionLongitude,state.currentLat,state.currentLon)}}  {{item?.name}}物资数量{{item?.q
  • 制作简易计算器（js+css） 黑糖厚乳拿铁 javascriptcss开发语言
    实现效果：实现功能：+-*/Document*{margin:0;padding:0;outline:none;}body{background-color:#bdbdbd}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:800px;background-co
  • js+css实现颜色选择器 PHP隔壁老王邻居 htmljsjavascriptcss开发语言
    颜色选择器.color-box{width:50px;height:50px;border:1pxsolid#000;cursor:pointer;}提交varcolorBox=document.querySelector('.color-box');varcolorValue=document.querySelector('#color-value');colorBox.addEventList
  • JS+CSS音量条 亿个小目标
    VolumeBar.all{width:500px;height:80px;margin:100pxauto;position:relative;}.bar{width:500px;height:20px;border-radius:10px;background:#aaa;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;cu
  • VUE开发一个组件——Vue list列表滑动删除 web秀
    前言滑动删除，在很多APP软件里面可以见到，比如淘宝的订单列表，QQ微信的聊天记录等等，今天就来看看JavaScript是如何实现这个功能的，之所以说是vue，主要是框架是vue啦，主要还是JS+CSS部分。VUE开发一个组件——Vuelist列表滑动删除页面部分页面就超级简单咯，遍历一个列表，添加touchstart和touchend事件，并添加删除按钮。如果滑动就添加move类样式，向左滑动6
  • js+css实现简单轮播图效果 weixin_47510624 htmlhtmljavascriptcss
    js+css实现简单轮播图效果首先把基本轮播图的界面和样式写好12345>>css样式如下`：*{margin:0;padding:0;}#box{width:500px;height:300px;position:relative;margin:20pxauto;}.bt{width:50px;height:70px;background-color:rgba(0,0,0,0.2);positi
  • 滑动门套滑动门css,JS+CSS实现带小三角指引的滑动门效果 凉凉不凉 滑动门套滑动门css
    本文实例讲述了JS+CSS实现带小三角指引的滑动门效果。分享给大家供大家参考。具体如下：这是一款JS+CSS带小三角指引的滑动门，有朋友说在IE6下看不到效果，其实能看到，因为那个小三角颜色比较淡，有时候因显示器的原因看不太清，其实这个颜色是自己可以控制的，改一下就行了，带三角指引后，使整个滑动门的结构更清淅，导向性更合理。运行效果截图如下：在线演示地址如下：具体代码如下：/p>"http://w
  • js+css实现两个dom元素之间的连线 喯啵儿灞 前端jscssjqueryhtml
    刷论坛时，看到有小伙伴提问不依赖图形化工具，怎么实现两个div之间的连线，看着追问的人不少，顺题发挥了下，下面代码实现两个dom元素中心坐标的连线，首先引入jquery（任意版本），主要是为了方便dom操作，当然改成原生js也可以Document.item{height:100px;width:200px;position:absolute;z-index:2;}#one{background:r
  • js+css实现进度条 海阔天空BM CSS3JSjs+css实现进度条css3jshtml5
    其实实现进度条的方法最简单的就是先定义好这个标签的背景颜色这样容易区分，还要设置好高端，一开始宽度为0，随之宽度的增宽进度条也会随之变长。.propess{backgroundColor:skyblue;height:10px;width:0;}如果想体验更好一些，让进度条有一个外边框，则需要在这个标签外层在包围一层div,给外层的div,设置好边框颜色，这个div的宽度设置的要跟进度条最长的宽度
  • 使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果（精问） weixin_34248118 前端数据结构与算法后端ViewUI
    使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果（精问）一、总结一句话总结：进度条动画效果用animation，自动效果用setIntelval二、使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果前言我个人非常喜欢js+css的强大表现能力,这也是我喜欢前端开发的原因之一,后端通常都是在和数据打交道,很多东西都是抽象的数据结构,不直观也不美观,而前端着重于界面视图的渲染以及
  • JS+CSS随机点名详细介绍复制可用(可自己添加人名) 远近高低各不同 javascriptcss开发语言
    想必大家也想拥有一个可以随机点名的网页，接下来我为大家介绍一下随机点名，可用于抽人，哈哈*{margin:0;padding:0;}.box{width:850px;/*我固定死了高度如果需要修改黑色背景的高度请修改这部分*/height:1000px;background-color:black;margin:0auto;position:relative;}.box>div{width:200
  • html+手机端+遮掩层,纯js+css遮挡层Demo Alysa其诗闻 html+手机端+遮掩层
    *{margin:0;padding:0;list-style-type:none;}a,img{border:0;}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;width:100%;height:100%;_padding:020px00;background:#f6f4f5;display:none;}.s
  • 【web实现右侧弹窗】JS+CSS如何实现右侧缓慢弹窗动态效果『附完整源码下载』 拄杖盲学轻声码 web页面开发-源码demoCSS前端开发前端javascriptcss
    文章目录写在前面涉及知识点页面效果1、页面DOM创建1.1创建底层操作dom节点1.2创建存放弹窗dom节点2、页面联动功能实现（关闭与弹出）2.1点击非右侧区域实现关闭2.2点击叉叉及关闭按钮实现关闭功能3、完整源码包下载3.1百度网盘3.2123云盘3.3邮箱留言总结写在前面已经一个月没有更新博文了，过了个国庆公司也忙了，后面尽量控制更新频率，其实之前我写过一个类似的文章，但是还是觉得当时做的
  • Js+Css 制作简易柱状图 一位不愿透露姓名的大英俊 收藏css函数图片javascript
    fei={jsimg:{}}fei.jsimg.histogram=function(x,y,data){this.width=800;//图片宽度this.height=300;//图片高度this.barwidth=50;//柱子宽度this.x=x||[1,2,3,4,5,6];//x轴刻度this.y=y||["ZB1","ZB2","ZB3","ZB4","ZB5","ZB6"];//y
  • js+css实现磨砂效果制作 马奇德德 周记生活小玩意儿javascriptcss开发语言
    一直很喜欢新海诚的作品，前几天又温故了一遍《天气之子》，还是会被阳莱和帆高的故事感动。效果图：废话少说，直接上代码html部分天气之子{现在开始天晴了相比于蓝天，我更想选择阳莱一起勇敢地爱下去}遇见你css(scss)部分body{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:100v
  • JS+CSS实现长文本中间省略效果（文件名中间省略但不省略后缀名） 洛千陨 vue.js前端javascript
    文本中间省略1.纯CSS实现原博客：https://juejin.cn/post/6966042926853914654目的：文件名过长时中间省略但不省略文件后缀实现关键：txt元素为不需要省略情况，即长度不需要换行，title元素为需要省略情况。利用相对定位，当txt元素不需要换行时，title元素在视图内；当txt元素需要换行时，title元素进行覆盖。title元素利用浮动将内容拆成两端，在
  • 前端实现轮播图的三种方法。 李现分现 html前端js前端javascriptcss
    轮播图，作为前端学习的经典案例，涉及了各种知识点，包括动画函数，js基础知识以及逻辑思路等，一辈子只做一次。下面总结实现轮播图的三种方法，从易到难，大家选择性学习。轮播图一、Vue.js实现轮播图二、js+css实现轮播图（移动端）index.htmlimgcssindex.cssjsindex.js三、纯js实现轮播图（动画函数）index.htmlcssindex.cssimgjsindex.
  • Vue中js+css鼠标悬停拖动、移动小图片，大图片也移动 我就是DaLing呀！ 鼠标移动vuejs图片移动
    效果图：页面代码：//主要显示的大图片//右下角小图//鼠标移动的图层记得在data中定义变量url（图片路径）css：#box_BigImg{width:70%;height:95%;position:relative;margin:autoauto;box-shadow:3px3px10px0#111111;/*给图片施加阴影效果*/}.leftcon{width:170px;height:1
  • JS+CSS实现内凹导航栏 倾斜的水瓶座 CSSjavascriptcss导航栏
    在移动互联网时代，导航栏是一个非常重要的元素，它能够帮助用户快速找到所需的信息。下面使用JS+CSS实现一个内凹导航栏，内凹导航栏则是一种比较流行的设计风格，它能够让导航栏看起来更加立体和美观，视觉效果也非常不错。这个内凹导航栏比较个性化，可以在微信小程序中，使用自定义导航栏功能，实现内凹导航栏。实际效果下面一步一步实现内凹导航栏创建一个html纯CSS实现内凹导航栏引入字体文件字体文件使用的是i
  • 【Java Web基础】（十三）侧边菜单导航（JS+CSS） passer__jw767 JavaWeb基础
    效果图是这样的：JSP：SideBarNavProblemsAProblemsa1problemsa2problemsa3problemsa4problemsa5problemsa6problemsa6problemsa6problemsa6problemsa6problemsa6problemsOtherBProblemsa1problemsa2problemsa3problemsa4probl
  • 【Html】js+css实现平滑滚动 少莫千华 语言-JavaScript语言-HTMLhtmljavascriptcss
    效果示例Documentbutton{bottom:0;position:fixed;z-index:999;left:0;background:rgb(94,171,255);border:1pxred;color:white;font-size:large;font-family:'';}img{position:relative;cursor:not-allowed;width:100%;h
  • js实现表格首行首列固定滑动 请叫我大豆包 前端H5js
    js+css实现table首行首列的冻结效果。这个方案是把表格分为4块，首行首列不可滑动，利用onscroll动态根据内容设置冻结首行首列内容。html左上左上首列首列首行标题首行标题首行标题内容内容内容jsvarright_div2=document.getElementById("right_div2");right_div2.onscroll=function(){varright_div2
  • 使用JS+CSS的网易云轮播图的实现（完整代码） willwe
    一个网易云轮播图的实现Document/*一些简单的初始化文件*/*{margin:0;padding:0;}a{text-decoration:none;}li{list-style-type:none;}/*更改图片的大小*/img{width:100%;border-radius:20px;box-shadow:5px5px5pxrgba(0,0,0,0.2);}/*确定盒子的大小*/.bo
  • 关于this和$(this)的使用问题 会写代码的心理师 C#
    最近要做一个js+css动画效果，大体效果就是一张图片，点击的时候就让他匀速运动到页面最上方，然后把这个图片自己删除。反复尝试了很多次，发现this和$(this)有时候会用混，导致很多效果不方便处理。this得到的是一个html，你可以直接对他使用style改变样式。$(this)得到的是一个jquery对象，你可以使用addclass直接添加样式，然后remove（）直接删除自己。我最后的JS
  • js+css实现简单的弹框动画 ps酷教程 前端学习cssjavascriptcss3
    效果图只是一个简单的演示demo，但是可以后面可以优化样式啥的刚开始元素的display为none，然后，为了给元素展示时添加一个动画，首先要添加样式类名show，让它覆盖display:none，变得可见。然后，添加元素放大的动画样式类名隐藏的时候，也需要有动画，并且动画结束完成之后，元素的display应当恢复成原来的none，也就是变得不可见。因此，需要监听动画完成事件。Document/*
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他