海岛心
海岛心

【CSS笔记】CSS3美化复选框和单选框

以前在网上看到各种有关css3美化复选框和单选框的例子，今天整理出来，方便以后查看。

此例涉及到：input和lable的绑定，opacity（不透明度）的使用

先上效果：

【CSS笔记】CSS3美化复选框和单选框_第1张图片【CSS笔记】CSS3美化复选框和单选框_第2张图片

 

复选框源码：

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS3美化复选框</title>
    <style type="text/css">
        form {
  border: 1px solid #ccc;
  padding: 20px;
  width: 300px;
  margin: 30px auto;
}

.wrapper {
  margin-bottom: 10px;
}

.box {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  border: 2px solid green;
  vertical-align: middle;
}

.box input {
  display: block;
  opacity: 0;
  position: absolute;
  top:0;
  left:0;
  z-index: 100;
  width: 20px;
  height: 20px;
}

.box span {
  position: absolute;
  top: -10px;
  right: 3px;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  color: green;
}

input[type="checkbox"] + span {
  opacity: 0;
}

input[type="checkbox"]:checked + span {
  opacity: 1;
}
    </style>
</head>
<body>
    <form action="#">
  <div class="wrapper">
    <div class="box">
      <input type="checkbox" checked="checked" id="usename" /><span>√</span>
    </div>
    <lable for="usename">我是选中状态</lable>
  </div>
  
  <div class="wrapper">
    <div class="box">
      <input type="checkbox"  id="usepwd" /><span>√</span>
    </div>
    <label for="usepwd">我是未选中状态</label>
  </div>
</form>
</body>
</html>

 

 

 

 单选框源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS3美化单选框</title>
    <style type="text/css">
        form{
            border: 1px solid #ccc;
            padding: 20px;
            width: 300px;
            margin: 30px auto;
        }
        .wrapper{
            margin-bottom: 10px;
        }
        .box{
            display: inline-block;
            width: 30px;
            height: 30px;
            margin-right: 10px;
            position: relative;
            background: orange;
            vertical-align: middle;
            border-radius: 50%;
        }
        .box input{
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 100;
        }
        .box span{
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            background: #fff;
            margin:-5px 0 0 -5px;
            z-index: 1px;
        }
        input[type="radio"] + span{
            opacity: 0;
        }
        input[type="radio"]:checked + span{
            opacity: 1;
        }
    </style>
</head>
<body>
    <form action="#">
        <div class="wrapper">
            <div class="box">
                <input type="radio" checked="checked" id="boy"
                name="1" />
                <span></span>
            </div>
            <label for="boy">男</label>
        </div>
        <div class="wrapper">
            <div class="box">
                <input type="radio" id="girl" name="1" />
                <span></span>
            </div>
            <label for="girl">女</label>
        </div>
    </form>
</body>
</html>

 

你可能感兴趣的:(【CSS笔记】CSS3美化复选框和单选框)

  • 形象理解线性代数的本质（三） 矩阵的升维和降维 _躬行_ 线性代数机器学习基础矩阵线性代数
    引子：降维打击科幻小说《三体》里一种很魔幻的攻击方法——降维打击，以其神奇的作用方式和巨大的威力刷新了我们的三观。而在矩阵乘法计算中，这种降维打击时刻存在着。本节讲解一下矩阵乘法中造成的升维和降维。一、矩阵的降维还用游戏的例子，有4个角色，每个人都有不同的能力，将其用矩阵表示出来现在我们要评估他们的两种能力：领兵打仗的能力和协同将领的能力只要将两个矩阵相乘，就能根据方法X对象的法则评估出他们这两种
  • 快图设计：一款强大的Vue图片编辑器 姚婕妹
    快图设计：一款强大的Vue图片编辑器项目地址:https://gitcode.com/gh_mirrors/vu/vue-fabric-editor在数字化时代，图片编辑工具已成为设计师和开发者的必备利器。今天，我要向大家推荐一款基于fabric.js和Vue开发的插件化图片编辑器——快图设计（vue-fabric-editor）。这款开源项目不仅功能强大，而且易于扩展，非常适合需要轻量级图片编辑
  • KNN算法实例_手写识别系统 V文宝 机器学习算法
    创建一个简单的书写识别系统，使用KNN算法来识别手写数字。分别使用手写KNN算法和调用scikit-learn库来实现。在数据处理过程中，将使用一个常见的手写数字数据集，如MNIST数据集。数据集我们将使用MNIST数据集，它包含60000个训练样本和10000个测试样本。每个样本是一个28x28像素的灰度图像，表示0-9之间的手写数字。手写KNN算法我们首先手写一个KNN算法来实现书写识别系统。
  • 芯片时钟树结构（H-tree,Fishbone,FlexH,Mesh等）的对比、应用实例及未来趋势 赛卡 人工智能服务器云计算边缘计算
    引言在先进制程芯片设计中，时钟树综合（ClockTreeSynthesis,CTS）的优化程度直接影响芯片的时序收敛、功耗分布和面积利用率。随着工艺节点演进至5nm及以下，时钟网络的复杂性和设计约束呈现指数级增长。本文将深入解析H-tree、Fishbone、FlexHtree及Clockmesh四种主流时钟树结构的技术特性，结合服务器芯片、GPU及AI芯片的实战案例，并探讨主流EDA工具对CTS
  • 高安全可靠CAN FD芯片ASM1042的技术特性与应用前景 国科安芯 产品单片机嵌入式硬件架构fpga开发
    1.ASM1042简介ASM1042是国科安芯推出的一款高性能CANFD（CANwithFlexibleData-Rate）收发器芯片，专为高可靠性场景设计。该芯片基于ISO11898-2:2016和ISO11898-5:2007物理层标准开发，支持最高5Mbps的数据传输速率，适用于汽车、航天、军工及工业控制等领域。其核心特性包括：高耐压设计：总线保护电压最高达±70V（H型号），共模输入电压范
  • Linux进程和计划管理命令 IT 小旋风 linux
    查看进程查看静态的进程统计信息命令：ps选项a：显示当前终端下的所有进程信息u：使用以用户为主的格式输出进程信息x：显示当前用户在所有-e：显示系统内的所有进程信息-l：使用长格式显示进程信息-f：使用完整的格式显示进程信息示例：若想以用户为主的格式查看当前终端下的所有进程信息，可以使用命令psau，会看到类似如下的输出（部分示例数据）：plaintextUSERPID%CPU%MEMVSZRSS
  • 蓝桥杯常见算法模板（Python组） -777. 蓝桥杯算法
    目录1.二分1.整数二分（二分答案）：2.浮点数二分（考不到）2.前缀和、差分1.前缀和一维：二维：2.差分一维：二维：3.贪心4.线性DP1.最长上升子序列（子序列问题一般下标从一开始）2.最长公共子序列3.常见背包模型1.0-1背包2.完全背包3.多重背包4.混合背包5.二维费用背包6.分组背包5.搜索1.DFS模板：1.子集问题2.全排列问题2.BFS6.数据结构1.并查集2.树状数组3.树
  • Python进程与线程：分布式进程 梧桐树0429 python分布式开发语言
    在Python中，当我们面临选择使用线程（Thread）还是进程（Process）时，进程往往因其更高的稳定性和可扩展性而被优先考虑。特别是，进程能够跨越多台机器进行分布，而线程则受限于同一台机器的多个CPU核心。Python的multiprocessing模块不仅支持多进程，其managers子模块更是提供了将多进程分布到多台机器上的能力。通过managers模块，我们可以轻松编写分布式多进程程
  • kotlin与MVVM的结合使用总结（三） 每次的天空 kotlin前端开发语言
    在MVVM（Model-View-ViewModel）架构中，ViewModel（VM层）起到了连接视图（View）和数据模型（Model）的桥梁作用。它负责处理业务逻辑、管理数据状态，并将数据以一种可观察的方式提供给视图。以下将深入讲解在Kotlin中如何实现MVVM的VM层，并结合代码进行说明。创建ViewModel类ViewModel类负责处理业务逻辑和管理数据状态，并将数据以LiveDat
  • 别让理性毁了爱情 盐论君 创业创新社交电子娱乐传媒
    去过的地方越多，你就越能体会到文明一词的含义。当一个地区把抢婚当作是一种文化传统，并视女方反抗的越强烈婚后生活越幸福时，那么以此为判断标准的理性将会践踏一切人们坚守的底线和美德。这只是人们用理性扭曲婚姻和爱情的一个极端，现实中更常见的是‘相亲市场’，甚至有人将其打造成了一种娱乐节目，这已经完全与爱情无关，只是一种理性数据对人性本能的嘲讽，结果绝不是童话中公主和王子幸福生活在一起，而是将一个人的志气
  • Python 进程与线程-分布式进程 赔罪 分布式python开发语言
    目录分布式进程小结分布式进程在Thread和Process中，应当优选Process，因为Process更稳定，而且，Process可以分布到多台机器上，而Thread最多只能分布到同一台机器的多个CPU上。Python的multiprocessing模块不但支持多进程，其中managers子模块还支持把多进程分布到多台机器上。一个服务进程可以作为调度者，将任务分布到其他多个进程中，依靠网络通信。
  • 30个节点的Doris集群，每个节点有2块7TB的SSD盘，12块8TB的机械盘，分区和分桶的最佳实践 fzip DorisDoris分区分桶
    针对30个节点（每个节点配备2块7TBNVMe盘+12块8TBSATA盘）的Doris集群，以下是分区与分桶的最佳实践方案：一、硬件资源规划与存储优化存储介质分层•NVMe盘：用于存储热数据分区（如最近3天数据）、元数据和高频查询表，利用其高IOPS特性提升实时查询性能。•SATA盘：存储冷数据分区（如历史数据）、大宽表和批量导入的中间数据，通过成本优势支撑海量存储。磁盘负载均衡•每个节点的14块
  • 定了！粉丝破800w的陈雷老师确认出席创客匠人5000人的“全球创始人IP领袖高峰论坛” 创小匠 tcp/ip大数据人工智能
    正式官宣！全网粉丝800W+、中医学博士——陈雷，确认应邀参加创客匠人5000人“全球创始人IP领袖高峰论坛”，共襄知识服务领域的年度盛宴！由创客匠人发起的“全球创始人IP领袖高峰论坛”将在2024年12月26日-28日在厦门市国际博览会议中心隆重举行。大会邀请到众多行业内的顶尖大咖和领袖人物亲临现场，围绕“IP、趋势、战略、创新、增长”五大关键词，分享他们的宝贵经验和独到见解。这将是2024年底
  • 双软企业认定干货大放送：条件、流程、时间全知晓 卧涛西安17391873147 大数据经验分享
    在科技飞速发展的当下，双软企业认定成为众多软件企业关注的焦点。那么，究竟什么是双软企业？认定双软企业又需要满足哪些条件、经历怎样的流程、耗费多长时间呢？今天，就为大家带来满满的干货，一文讲透双软企业认定那些事儿，要是看完还有疑问，欢迎找小编咨询哦！一、什么是双软企业双软企业，简单来说，是指软件企业和软件产品经过相关部门的认定，符合特定标准的企业。软件企业认定侧重于企业的整体研发、生产经营等情况，而
  • FLASK，ORM(mysql)，12条查询练习语句 毛毛是一只狗 《Python专栏》flaskORM
    ORM查询语句练习，创表数据在flask课件里，在我资源里可以下载查询所有用户数据查询有多少个用户查询第1个用户查询id为4的用户[3种方式]查询名字结尾字符为g的所有数据[开始/包含]查询名字不等于wang的所有数据[2种方式]查询名字和邮箱都以li开头的所有数据[2种方式]查询password是123456或者email以itheima.com结尾的所有数据查询id为[1,3,5,7,9]的用
  • AI大模型推理加速：技术与实践详解 AI大模型学习者 人工智能
    近年来，AI大模型在自然语言处理、计算机视觉等领域取得了突破性进展。然而，大模型的推理速度却成为其落地应用的瓶颈。本文将详细探讨AI大模型推理加速的技术手段和实践经验，并结合具体案例进行分析。一、挑战与机遇1.1挑战庞大的参数量:大模型通常拥有数十亿甚至数千亿个参数，例如GPT-3拥有1750亿个参数。如此庞大的参数量导致模型文件体积巨大，加载和推理都需要消耗大量的内存和计算资源。复杂的计算图:大
  • 书法绘画类毕业论文文献都有哪些？ 六维论文推荐 人工智能机器学习大数据数据挖掘编程语言
    本文是为大家整理的书法绘画主题相关的10篇毕业论文文献，包括5篇期刊论文和5篇学位论文，为书法绘画选题相关人员撰写毕业论文提供参考。1.[期刊论文]中国唐代书法与西方现代派绘画的异同——以欧阳询和马蒂斯为例期刊：《美与时代（中旬刊）·美术学刊》|2021年第003期摘要：元代赵孟頫提出"书画同源"一词,意为书法和绘画关系密切,二者的产生和发展相辅相成.书法的源头本来就是极简的图像,并且发展成为真正
  • 掌握Visual C++ 2019 Build Tools的高效开发方法 心言星愿
    本文还有配套的精品资源，点击获取简介：VisualStudioBuildTools中的VisualC++2019BuildTools是针对C++开发的关键组件，提供了编译和构建项目的轻量级解决方案。本文详细介绍了VisualC++2019BuildTools的核心组件，如MSVC编译器、C++运行时库、WindowsSDK等，以及如何进行安装配置、使用场景、实践应用和最佳实践。通过本文的学习，读者
  • micropython入门指南电子版_MicroPython入门指南 EchiTie
    Python是一种脚本语言，是一款非常容易使用的脚本语言，语法简介、使用简单、功能强大、容易扩展。有非常多的库可以使用。网络功能和计算功能也很强。方便的和其他语言配合使用。完全开源，受到原来越多的开发者青睐。不过由于受到硬件成本、运行性能、开发习惯等原因。没有在通用嵌入式方面得到太多应用。所以microPython应运而生。MicroPython可以在多种嵌入式硬件平台上运行,目前已经有STM32
  • C# JIEBA.NET分词器开发指南 老胖闲聊 C#c#.net开发语言
    JIEBA.NET是Jieba分词器的.NET实现版本。Jieba是一个流行的中文分词工具，最初是用Python编写的，而JIEBA.NET将其移植到了.NET平台。它的核心功能是将连续的中文文本切分成有意义的词语（分词），并支持关键词提取、词性标注等功能。以下将通过JIEBA.NET的工作原理、分词过程拆解和案例实战三部分来进行详细讲解：一、工作原理1.分词的基本原理中文分词是将连续的中文字符序
  • Go语言入门基础详解 老胖闲聊 gogolang开发语言后端
    一、语言历史背景Go语言由Google工程师RobertGriesemer、RobPike和KenThompson于2007年设计，2009年正式开源。设计目标：兼具Python的开发效率与C的执行性能内置并发支持（goroutine/channel）简洁的类型系统现代化的包管理跨平台编译能力//经典HelloWorld示例packagemain//声明包名import"fmt"//导入标准库fu
  • Docker 构建 nginx-redis-alpine 项目详解 TechStack 创行者 #服务器容器Linuxdocker容器运维nginxredis
    Docker构建nginx-redis-alpine项目详解一、课程概述嘿，朋友们！今天咱们要深入探索一个超级实用的项目——nginx-redis-alpine！这个项目可不简单，它包含了好多重要的知识点，像文件目录结构、核心文件的作用及配置、自签名证书的生成，还有镜像构建和容器运行等等。我保证，跟着我一步步走，你就能彻底搞懂这个项目的实现原理和各种应用场景，让你在Docker世界里更加游刃有余！
  • DHCP实验 「J1e」 网络协议信息与通信网络
    DHCP实验实验拓扑图1-1实验需求按照图示为R1配置IP地址配置R1为DHCP服务器，提供服务的地址池为192.168.1.0/24网段，网关为192.168.1.254，DNS服务器地址为202.103.24.68，202.103.0.117192.168.1.10-192.168.1.20为专用地址段，要求不能用于自动分配PC8和PC9都能获取到192.168.1.0/24网段的IP地址实验
  • Java 方法引用（Method Reference）从入门到精通 秋‍. JAVA开发语言java方法引用
    方法引用概述方法引用（MethodReference）是Java8引入的一种简洁的Lambda表达式写法。它允许我们直接引用已有的方法，而不必重复实现Lambda代码，使代码更加简洁、可读性更强。方法引用的基本语法如下：类名::静态方法名对象名::实例方法名类名::实例方法名类名::new//构造方法引用主要类型引用静态方法引用特定对象的实例方法//需要形参和返回值类型一样引用某个类的任意对象的实
  • SpringBoot整合RabbitMq qq_45923849 java-rabbitmqspringbootrabbitmq
    1.引入依赖org.springframework.bootspring-boot-starter-amqp2.application.yml文件配置spring:rabbitmq:host:192.168.101.129port:5672username:adminpassword:adminvirtual-host:/3.编写配置类主要是声明RabbitTemplate，创建交换机和队列并进行
  • FastAPI 使用教程：将函数改造成可调用的 API（附完整示例） Lunar* 开发与工具使用fastapi
    引言FastAPI是一个现代化、快速（高性能）、基于标准Python类型提示构建的Web框架，非常适合开发RESTfulAPI。如果你有现成的Python函数，并希望通过HTTP请求调用它，FastAPI可以帮助你快速实现。在本文中，我们将介绍如何使用FastAPI将已有函数改造成API，并通过GET和POST请求调用它。同时，我们还会展示如何在服务运行时，自定义主机地址、端口号以及启用SSL证书
  • 基于分组 NMS 的检测模型后处理改进 Lunar* 目标检测算法与优化目标检测深度学习python
    引言在目标检测任务中，后处理阶段的非极大值抑制（Non-MaximumSuppression,NMS）是至关重要的一环，主要用于去除高度重叠的冗余预测框。然而，在某些场景中，不同类别的目标可能会被网络同时预测为多个相近的类别，例如：交通工具检测场景：同一辆车可能被误检测为“自行车”和“电动车”。动物检测场景：同一只动物可能被误检测为“狼”和“狗”。家电检测场景：同一台设备可能被误检测为“微波炉”和
  • 深入理解信息检索之BM25算法 Lunar* 算法与优化自然语言处理人工智能
    1.BM25算法简介BM25算法，全称为"BestMatching25"，是由StephenRobertson和KarenSpärckJones在1990年代初基于早期的概率排名模型（如二元独立检索模型）发展而来。它通过一种概率论的方法来衡量文档与用户查询之间的相关性。2.BM25的核心原理BM25算法的核心在于两个主要的概念：逆文档频率（IDF）和词频（TF）调整。逆文档频率（IDF):IDF用
  • 【Python】使用Python连接ClickHouse进行批量数据写入 音乐学家方大刚 ClickhousePythonpythonclickhouseoracle
    有许多时候眼泪就要流那扇窗是让我坚强的理由小小的门口还有她的温柔给我温暖陪伴我左右曾经的乡音悄悄地隐藏说不出的诺言一直放心上李健《异乡人》在本教程中，我们将探讨如何使用Python连接到ClickHouse数据库，并执行批量数据写入操作。ClickHouse是一个用于在线分析处理查询（OLAP）的列式数据库管理系统，它能够以极高的速度进行数据查询和更新操作。环境准备首先，确保你的环境中已安装Cli
  • linux课程总结 mightySheldor linux课程
    linux世界很大，我想去学学。从第一周到现在，每周的博客分享对我的帮助很大。不仅将自己学到的东西写下来加深了印象，同时也方便自己和别人日后查阅。虽然只是入门讲解，但是希望能对像笔者一样的菜鸟有帮助。一、每周bolg汇总下面是对每周blog的一个导航和概述。第一周：浅谈计算机是如何工作的通过这个简单的c程序，大致分析了计算机的工作情况，主要是栈的调用。冯诺依曼机指出程序与数据一样存贮，按程序编排的
  • LeetCode[位运算] - #137 Single Number II Cwind javaAlgorithmLeetCode题解位运算
    原题链接：#137 Single Number II  要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现三次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间   难度：中等   分析： 与#136类似，都是考察位运算。不过出现两次的可以使用异或运算的特性 n XOR n = 0, n XOR 0 = n，即某一
  • 《JavaScript语言精粹》笔记 aijuans JavaScript
    0、JavaScript的简单数据类型包括数字、字符创、布尔值（true/false）、null和undefined值，其它值都是对象。 1、JavaScript只有一个数字类型，它在内部被表示为64位的浮点数。没有分离出整数，所以1和1.0的值相同。 2、NaN是一个数值，表示一个不能产生正常结果的运算结果。NaN不等于任何值，包括它本身。可以用函数isNaN(number)检测NaN,但是
  • 你应该更新的Java知识之常用程序库 Kai_Ge java
    在很多人眼中，Java 已经是一门垂垂老矣的语言，但并不妨碍 Java 世界依然在前进。如果你曾离开 Java，云游于其它世界，或是每日只在遗留代码中挣扎，或许是时候抬起头，看看老 Java 中的新东西。 Guava Guava[gwɑ:və]，一句话，只要你做Java项目，就应该用Guava（Github）。 guava 是 Google 出品的一套 Java 核心库，在我看来，它甚至应该
  • HttpClient 120153216 httpclient
    /** * 可以传对象的请求转发，对象已流形式放入HTTP中 */ public static Object doPost(Map<String,Object> parmMap,String url) { Object object = null; HttpClient hc = new HttpClient(); String fullURL
  • Django model字段类型清单 2002wmj django
    Django 通过 models 实现数据库的创建、修改、删除等操作，本文为模型中一般常用的类型的清单，便于查询和使用： AutoField：一个自动递增的整型字段，添加记录时它会自动增长。你通常不需要直接使用这个字段；如果你不指定主键的话，系统会自动添加一个主键字段到你的model。(参阅自动主键字段) BooleanField：布尔字段,管理工具里会自动将其描述为checkbox。 Cha
  • 在SQLSERVER中查找消耗CPU最多的SQL 357029540 SQL Server
    返回消耗CPU数目最多的10条语句 SELECT TOP 10    total_worker_time/execution_count AS avg_cpu_cost, plan_handle,    execution_count,    (SELECT SUBSTRING(text, statement_start_of
  • Myeclipse项目无法部署，Undefined exploded archive location 7454103 eclipseMyEclipse
    做个备忘！ 错误信息为：       Undefined exploded archive location 原因：           在工程转移过程中，导致工程的配置文件出错； 解决方法：    
  • GMT时间格式转换 adminjun GMT时间转换
    普通的时间转换问题我这里就不再罗嗦了，我想大家应该都会那种低级的转换问题吧，现在我向大家总结一下如何转换GMT时间格式，这种格式的转换方法网上还不是很多，所以有必要总结一下，也算给有需要的朋友一个小小的帮助啦。 1、可以使用 SimpleDateFormat SimpleDateFormat    EEE-三位星期 d-天 MMM-月 yyyy-四位年
  • Oracle数据库新装连接串问题 aijuans oracle数据库
    割接新装了数据库，客户端登陆无问题，apache/cgi-bin程序有问题，sqlnet.log日志如下： Fatal NI connect error 12170.   VERSION INFORMATION:         TNS for Linux: Version 10.2.0.4.0 - Product
  • 回顾java数组复制 ayaoxinchao java数组
    在写这篇文章之前，也看了一些别人写的，基本上都是大同小异。文章是对java数组复制基础知识的回顾，算是作为学习笔记，供以后自己翻阅。首先，简单想一下这个问题：为什么要复制数组？我的个人理解：在我们在利用一个数组时，在每一次使用，我们都希望它的值是初始值。这时我们就要对数组进行复制，以达到原始数组值的安全性。java数组复制大致分为3种方式：①for循环方式 ②clone方式 ③arrayCopy方
  • java web会话监听并使用spring注入 bewithme Java Web
            在java web应用中，当你想在建立会话或移除会话时，让系统做某些事情，比如说，统计在线用户，每当有用户登录时，或退出时，那么可以用下面这个监听器来监听。        import java.util.ArrayList; import java.ut
  • NoSQL数据库之Redis数据库管理(Redis的常用命令及高级应用) bijian1013 redis数据库NoSQL
    一 .Redis常用命令         Redis提供了丰富的命令对数据库和各种数据库类型进行操作，这些命令可以在Linux终端使用。         a.键值相关命令         b.服务器相关命令 1.键值相关命令       &
  • java枚举序列化问题 bingyingao java枚举序列化
    对象在网络中传输离不开序列化和反序列化。而如果序列化的对象中有枚举值就要特别注意一些发布兼容问题: 1.加一个枚举值 新机器代码读分布式缓存中老对象，没有问题，不会抛异常。 老机器代码读分布式缓存中新对像，反序列化会中断，所以在所有机器发布完成之前要避免出现新对象，或者提前让老机器拥有新增枚举的jar。 2.删一个枚举值 新机器代码读分布式缓存中老对象，反序列
  • 【Spark七十八】Spark Kyro序列化 bit1129 spark
    当使用SparkContext的saveAsObjectFile方法将对象序列化到文件，以及通过objectFile方法将对象从文件反序列出来的时候，Spark默认使用Java的序列化以及反序列化机制，通常情况下，这种序列化机制是很低效的，Spark支持使用Kyro作为对象的序列化和反序列化机制，序列化的速度比java更快，但是使用Kyro时要注意，Kyro目前还是有些bug。 Spark
  • Hybridizing OO and Functional Design bookjovi erlanghaskell
      推荐博文： Tell Above, and Ask Below - Hybridizing OO and Functional Design 文章中把OO和FP讲的深入透彻，里面把smalltalk和haskell作为典型的两种编程范式代表语言，此点本人极为同意，smalltalk可以说是最能体现OO设计的面向对象语言，smalltalk的作者Alan kay也是OO的最早先驱，
  • Java-Collections Framework学习与总结-HashMap BrokenDreams Collections
            开发中常常会用到这样一种数据结构，根据一个关键字，找到所需的信息。这个过程有点像查字典，拿到一个key，去字典表中查找对应的value。Java1.0版本提供了这样的类java.util.Dictionary(抽象类)，基本上支持字典表的操作。后来引入了Map接口，更好的描述的这种数据结构。  &nb
  • 读《研磨设计模式》-代码笔记-职责链模式-Chain Of Responsibility bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 业务逻辑：项目经理只能处理500以下的费用申请，部门经理是1000，总经理不设限。简单起见，只同意“Tom”的申请 * bylijinnan */ abstract class Handler { /*
  • Android中启动外部程序 cherishLC android
    1、启动外部程序 引用自： http://blog.csdn.net/linxcool/article/details/7692374 //方法一 Intent intent=new Intent(); //包名 包名+类名（全路径） intent.setClassName("com.linxcool", "com.linxcool.PlaneActi
  • summary_keep_rate coollyj SUM
    BEGIN /*DECLARE minDate varchar(20) ; DECLARE maxDate varchar(20) ;*/ DECLARE stkDate varchar(20) ; DECLARE done int default -1; /* 游标中 注册服务器地址 */ DE
  • hadoop hdfs 添加数据目录出错 daizj hadoophdfs扩容
    由于原来配置的hadoop data目录快要用满了，故准备修改配置文件增加数据目录，以便扩容，但由于疏忽，把core-site.xml, hdfs-site.xml配置文件dfs.datanode.data.dir 配置项增加了配置目录，但未创建实际目录，重启datanode服务时，报如下错误： 2014-11-18 08:51:39,128 WARN org.apache.hadoop.h
  • grep 目录级联查找 dongwei_6688 grep
           在Mac或者Linux下使用grep进行文件内容查找时，如果给定的目标搜索路径是当前目录，那么它默认只搜索当前目录下的文件，而不会搜索其下面子目录中的文件内容，如果想级联搜索下级目录，需要使用一个“-r”参数： grep -n -r "GET" .   上面的命令将会找出当前目录“.”及当前目录中所有下级目录
  • yii 修改模块使用的布局文件 dcj3sjt126com yiilayouts
    方法一：yii模块默认使用系统当前的主题布局文件，如果在主配置文件中配置了主题比如: 'theme'=>'mythm', 那么yii的模块就使用 protected/themes/mythm/views/layouts 下的布局文件； 如果未配置主题，那么 yii的模块就使用  protected/views/layouts 下的布局文件， 总之默认不是使用自身目录 pr
  • 设计模式之单例模式 come_for_dream 设计模式单例模式懒汉式饿汉式双重检验锁失败无序写入
                    今天该来的面试还没来，这个店估计不会来电话了，安静下来写写博客也不错，没事翻了翻小易哥的博客甚至与大牛们之间的差距，基础知识不扎实建起来的楼再高也只能是危楼罢了，陈下心回归基础把以前学过的东西总结一下。   *********************************
  • 8、数组 豆豆咖啡 二维数组数组一维数组
      一、概念       数组是同一种类型数据的集合。其实数组就是一个容器。   二、好处       可以自动给数组中的元素从0开始编号，方便操作这些元素   三、格式   //一维数组 1,元素类型[] 变量名 = new 元素类型[元素的个数] int[] arr =
  • Decode Ways hcx2013 decode
    A message containing letters from A-Z is being encoded to numbers using the following mapping: 'A' -> 1 'B' -> 2 ... 'Z' -> 26 Given an encoded message containing digits, det
  • Spring4.1新特性——异步调度和事件机制的异常处理 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • squid3(高命中率)缓存服务器配置 liyonghui160com
        系统:centos 5.x   需要的软件:squid-3.0.STABLE25.tar.gz 1.下载squid wget http://www.squid-cache.org/Versions/v3/3.0/squid-3.0.STABLE25.tar.gz tar zxf squid-3.0.STABLE25.tar.gz &&
  • 避免Java应用中NullPointerException的技巧和最佳实践 pda158 java
    1) 从已知的String对象中调用equals()和equalsIgnoreCase()方法，而非未知对象。 　　总是从已知的非空String对象中调用equals()方法。因为equals()方法是对称的，调用a.equals(b)和调用b.equals(a)是完全相同的，这也是为什么程序员对于对象a和b这么不上心。如果调用者是空指针，这种调用可能导致一个空指针异常 Object unk
  • 如何在Swift语言中创建http请求 shoothao httpswift
    概述：本文通过实例从同步和异步两种方式上回答了”如何在Swift语言中创建http请求“的问题。 如果你对Objective-C比较了解的话，对于如何创建http请求你一定驾轻就熟了，而新语言Swift与其相比只有语法上的区别。但是，对才接触到这个崭新平台的初学者来说，他们仍然想知道“如何在Swift语言中创建http请求？”。 在这里,我将作出一些建议来回答上述问题。常见的
  • Spring事务的传播方式 uule spring事务
    传播方式：        新建事务       required       required_new   - 挂起当前         非事务方式运行       supports   &nbs
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他