timi先生
timi先生

分享一个玉质按钮

先看效果：
分享一个玉质按钮_第1张图片
再看代码：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
  <style>
    * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      --purple: #5b01ff;
      --dark-purple: #5c4dff;
      --white: #fff;
    }

    @font-face {
      font-family: "slava";
      src: url("https://matthieucaron.fr/static/slava-antipov-10809640af9a4997f777e8ed39e70f0e.ttf");
    }

    @property --c1 {
      syntax: "";
      initial-value: 1%;
      inherits: false;
    }

    @property --c2 {
      syntax: "";
      initial-value: 25%;
      inherits: false;
    }

    @property --t1 {
      syntax: "";
      initial-value: 6%;
      inherits: false;
    }

    @property --t2 {
      syntax: "";
      initial-value: 15%;
      inherits: false;
    }

    body {
      --c1: 1%;
      --t1: 6%;
      --t2: 15%;
      --c2: 25%;
    }

    @keyframes test {
      from {
        --c1: 1%;
        --t1: 17%;
        --t2: 27%;
        --c2: 37%;
      }

      to {
        --c1: 100%;
        --t1: 100%;
        --t2: 100%;
        --c2: 100%;
      }
    }

    .wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s ease-in-out;
    }

    .container {
      padding: 3rem 25rem;
    }
    .container-02 {
      padding: 3rem 25rem;
      -webkit-mask-image: linear-gradient(
              65deg,
              #000 var(--c1),
              transparent var(--t1),
              transparent var(--t2),
              #000 var(--c2)
      );
      animation: 6s ease-in 0s infinite reverse test;
    }

    body {
      min-height: 100vh;
      width: 100%;
      background-color: var(--purple);
      display: grid;
      place-items: center;
    }

    button {
      border: none;
      cursor: pointer;
      display: inline-flex;
      height: auto;
      position: relative;
      overflow: hidden;
      transition: all 0.2s;
      color: var(--white);
      padding: 8px;
      border-radius: 200px;
      background: linear-gradient(180deg, #7a78ff, transparent);
      background-color: var(--dark-purple);
    }
    .inner-button {
      background: linear-gradient(180deg, #7a78ff, transparent);
      border-radius: 200px;
      background-color: var(--dark-purple);
      padding: 24px 104px;
      display: block;
    }

    .button-02 {
      border: none;
      display: inline-flex;
      height: auto;
      color: var(--white);
      padding: 9px 18px;

      box-shadow: rgb(0 0 0 / 50%) 0px 7px 8px -9px,
      rgb(64 56 255) 0px -8px 11px inset;
      border-radius: 200px;
      background-image: linear-gradient(
              hsl(238deg 100% 69%),
              hsl(238deg 100% 69%),
              #5e60fe 84%,
              #5b5dfe 90%,
              #3f3dff 100%
      );
    }
    .inner-button-02 {
      font-family: "slava", sans-serif;
      background-image: linear-gradient(
              hsl(0deg 0% 100% / 50%),
              #6f70fe 40%,
              #0008ff00 50%,
              #0005ff00
      );
      box-shadow: 2px -11px 2px -1px #ffffff0a;
      border-radius: 28px;
      background-color: transparent;
      padding: 10px 72px;
      display: block;
      font-size: 28px;
      line-height: 55px;
      color: #bd9eff;
    }

    @keyframes slidein {
      from {
        right: -300px;
        top: -60px;
        border-radius: 0px;
        filter: blur(10px);
        opacity: 0.3;
      }

      to {
        right: 500px;
        top: -92px;
        border-radius: 100px;
        filter: blur(32px);
        opacity: 0.6;
      }
    }

    .button-02.light {
      border: none;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: inline-flex;
      filter: brightness(1.05);
      height: auto;
      color: var(--white);
      padding: 9px 18px;

      box-shadow: #b8bcfe 1px 1px 0px 0px inset, #b8bcfeb0 1px 1px 1px inset;
      border-radius: 200px;
      background-image: linear-gradient(
              hsl(240deg 94% 73%),
              hsl(240deg 98% 74%),
              #7b7cff 84%,
              #7576ff 90%
      );
    }

    .inner-button-02.light {
      font-family: "slava", sans-serif;
      background-image: linear-gradient(
              hsl(0deg 0% 100% / 50%),
              #7b7bff 40%,
              #7576ff 50%
      );
      border-radius: 28px;
      background-color: transparent;
      padding: 10px 72px;
      display: block;
      font-size: 28px;
      line-height: 55px;
      color: #bd9eff;
    }

    .inner-button-02.light span {
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      background-image: url("https://image.shutterstock.com/image-illustration/white-black-glossy-background-blurred-260nw-1670612818.jpg");
      background-size: cover;
      background-position: center;
    }

  style>
head>
<body>

<div class="wrapper">
  <div class="container-02" style="position: absolute; z-index: 10;">
    <button class="button-02 normal">
      <span class="inner-button-02">Buttonspan>
    button>
  div>
  <div class="container" style="position: absolute; z-index: 5;">
    <button class="button-02 light">
      <span class="inner-button-02 light"><span>Buttonspan>span>
    button>
  div>
div>
<p style="color:white;position:absolute;bottom:40px;left:0;right:0;font-family:Inter, sans-serif;text-align:center">
  Design by
  <a target="_top" href="https://blog.csdn.net/qq_35241329?type=blog" style="color:white;font-family:Inter,
   sans-serif">@TiMi先生a>p>
body>
html>

你可能感兴趣的:(CSS,css,css3,html)

  • CSS基础知识总结复习 天山小雏菊 知识总结复习csscss3前端
    一、CSS定义CSS是用来定义页面元素的样式设置字体与颜色设置位置和大小添加动画效果二、CSS基本规则的结构h1{/*选择器h1(给页面所有的h1定义样式)*/color:white;/*属性color:属性值white*/font-size:14px;/*属性:属性值就是一个声明*/}三、在页面中使用CSS的方法外链嵌入p{margin:2px;}内联hello四、选择器选择元素的方式按照标签名
  • CSS知识复习2 Savior｀L 前端css前端
    文章目录盒子模型CSS长度单位元素的显示模式修改元素的显示模式盒子模型的组成关于默认高度盒子内边距（padding）盒子边框（border）盒子外边距（margin）注意事项margin塌陷margin合并处理内容溢出隐藏元素方式样式继承默认样式布局小技巧浮动浮动特点浮动影响以及解决方法浮动相关属性定位相对定位绝对定位固定定位粘性定位定位层级布局版心常用布局名词重置默认样式盒子模型CSS长度单位p
  • javascript引入方式 你这个小猪 javaSE前端HTMLJavajavascript
    2，JavaScript引入方式JavaScript引入方式就是HTML和JavaScript的结合方式。JavaScript引入方式有两种：内部脚本：将JS代码定义在HTML页面中外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中2.1内部脚本在HTML中，JavaScript代码必须位于与标签之间代码如下：alert(数据)是JavaScript的一个方法，作用是将参数数据以浏
  • Redis中常见的基础和高级数据结构
    Redis数据类型eg：大写代表属于redis的关键字，小写代表可填值String定义：存储字节序列（二进制安全的字符串），包括文本、序列化对象和二进制数组，并允许实现计数器和bit操作。作为Redis中其他数据类型的存储单元，如：List、Set、Hashes。命令：命令|文档—Commands|DocsSETkeyvalue：设置键值对命令参数：nx：如果键已存在则失败，可以实现简易的不可重入
  • Fatal error: Host key verification failed“
    https://www.wizlab.it/code/lftp-fix-fatal-error-host-key-verification-failed.html
  • 使用Java实现MP3音乐播放器
    原文链接：http://www.cnblogs.com/haoxia/archive/2009/06/03/1495419.html使用Java实现MP3音乐播放器JavaSound是一个小巧的低层API，支持数字音频和MIDI数据的记录/回放。在JDK1.3.0之前，JavaSound是一个标准的Java扩展API，但从Java2的1.3.0版开始，JavaSound就被包含到JDK之中。由于J
  • 2024年12月30日Github流行趋势
    项目名称：free-programming-books项目地址url：https://github.com/EbookFoundation/free-programming-books项目语言：HTML历史star数：343,398今日star数：246项目维护者：vhf,eshellman,davorpa,MHM5000,kadhirash项目简介：免费提供的编程书籍。项目名称：public-a
  • 原生cesium 实现 多图例展示+点聚合(base64图标)
    个人简介：某大型测绘遥感企业资深Webgis开发工程师，软件设计师(中级)、CSDN优质创作者作者：柳晓黑胡椒❣️专栏：cesium实践(原生)若有帮助，还请关注➕点赞➕收藏，不行的话我再努努力需求背景解决思路解决效果index.vue需求背景1.需要展示多个站点图例的图表及闪烁效果2.需要考虑层级高时，多图例的点聚合效果，且点聚合显示需要采用设计的圆形图标解决思路闪烁效果：采用css3的anim
  • Android性能实战——Systrace分析实例（十二） c小旭 Android性能优化android性能优化
    上一篇文章我们得到了一个html文件，这里我们来通过拿到的trace.html文件来分析一些耗时场景。一、简单场景分析1、快捷键使用在开始分析案例之前我们先来看一下快捷键的使用，可以加快查看Systrace的速度，下面是一些常用的快捷键。W：放大Systrace,放大可以更好地看清局部细节S：缩小Systrace,缩小以查看整体A：左移D：右移M：高亮选中当前鼠标点击的段（可以快速标识出这个方法的
  • 大学生HTML期末大作业——HTML+CSS+JavaScript传统文化 无·糖 Web前端期末大作业html课程设计css大学生前端大作业期末作业
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目传统文化精美设计5页含注册登录二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • 【Tailwind CSS】bg-red-50 和 bg-blue-50 的用法详解
    文章目录一、TailwindCSS中的颜色背景类1.背景颜色的命名规则2.bg-red-50和bg-blue-50的颜色特点二、bg-red-50和bg-blue-50的基本用法示例三、bg-red-50和bg-blue-50的设计理念1.bg-red-50的使用场景2.bg-blue-50的使用场景四、实际应用场景解析1.信息提示框的使用2.页面分区的背景色3.使用交替背景色提升阅读性五、配合其
  • 【Tailwind CSS】font-light 和 my-4 的样式详解 Peter-Lu #Tailwindcss前端react.jsjavascripttypescript
    文章目录一、`font-light`与字体粗细的控制1.`font-light`的作用2.`font-weight`的等级划分3.使用示例二、`my-4`与垂直外边距的控制1.`my-4`的作用2.Tailwind的边距控制系统3.使用示例三、`font-light`和`my-4`的实际应用场景1.用于标题和描述文本的排版2.用于卡片组件的内容分隔3.用于导航菜单的轻量提示四、设计风格的提升：使用
  • Turndown 项目教程 卓桔洋
    Turndown项目教程turndownAnHTMLtoMarkdownconverterwritteninJavaScript项目地址:https://gitcode.com/gh_mirrors/tu/turndown项目介绍Turndown是一个用JavaScript编写的HTML到Markdown转换器。它旨在与CommonMark规范兼容，并提供了多种选项来定制输出样式。Turndown
  • HTML 语言代码
    HTML语言代码引言HTML，即超文本标记语言（HyperTextMarkupLanguage），是构建网页和互联网应用的基础。自1990年发明以来，HTML一直是网页设计和开发的核心技术。本文将详细介绍HTML语言的起源、发展、基本结构、常用标签以及在实际应用中的重要性。HTML语言的起源与发展起源HTML的发明者是蒂姆·伯纳斯-李（TimBerners-Lee），他在1989年发明了万维网（W
  • 移动端turn.js挖坑总结 进击的金城武
    【1】高版本的jquery会导致turning的过程中page溢出半屏。正确版本：【2】可通过css修改翻书的底部颜色及其透明度，默认为transparent。.flipbook.page{background-color:/*底部色*/}【3】在turn.js的源文件2734行通过修改x,y的值可调整peel的大小与角度。flipMethods._showFoldedPage.call(this
  • 豆瓣8.6分神作：这本《JavaScript DOM编程艺术》，凭什么让前端人读了12年仍奉为圭臬？ 阿蒙Armon 前端javascript开发语言
    豆瓣8.6分神作：这本《JavaScriptDOM编程艺术》，凭什么让前端人读了12年仍奉为圭臬？如果你是Web开发者，一定听过这样的困惑：“学了一堆JavaScript语法，却还是写不出流畅的动态交互？”“懂HTML和CSS，可面对DOM操作总觉得隔层纱？”别急，有一本豆瓣8.6分、5星好评占比47.4%的经典，早就为这些问题准备好了答案——它就是《JavaScriptDOM编程艺术（第2版）》
  • Web-API-day1 DOM 文档对象模型 码哥DFS 前端javascript
    获取DOM对象1.querySelector(")满足条件第一个元素2.querySelectorAll(")满足条件的元素集合返回伪数组3.了解其他方式1）getElementById2)getElementByTagname操作元素内容修改DOM文本内容1)innerText将文本内容添加/更细到任意标签位置，文本包含的标签不会被解析2)innerHTML将文本内容添加/更细到任意标签位置，文
  • 3、微服务整合Swagger3.0 - 网关Gateway聚合接口 cch记录JAVA 系统接口文档Swaggerknife4j微服务gateway架构springbootjava后端
    1、SpringBoot快速整合Swagger3.02、微服务整合Swagger3.0-抽取为公共模块3、微服务整合Swagger3.0-网关Gateway聚合接口4、微服务整合Swagger3.0-使用方法5、微服务Swagger3.0升级为Knife4j一、实现的效果访问http://{ip}:{port}/swagger-ui/index.htmlspringfox-swagger提供的分组
  • 23、探索OOCSS方法：构建模块化和可维护的CSS代码 wood5 前端架构师的必修课：代码测试与文档OOCSSCSS方法论模块化CSS
    探索OOCSS方法：构建模块化和可维护的CSS代码1.OOCSS概述OOCSS（Object-OrientedCSS）是一种编写CSS的方法论&
  • CSS模块化开发 7Maggie_C Web前端CSS
    CSS模块化一、文件结构常见文件结构一个项目的CSS最基本结构通常是下面这样的：-base.css-common.css-pages.css复杂一点的项目可能是这样分：-base.css-header.css-footer.css-sidebar.css-forms.css-icons.css-buttons.css-dropdown.css-modals.css-layout.css-index
  • XHTML 简介 lly202406 开发语言
    XHTML简介概述XHTML（eXtensibleHyperTextMarkupLanguage）是一种基于XML（可扩展标记语言）的标记语言，它是一种更加严格和标准化的HTML版本。XHTML的目的是提供一种更加稳定和可扩展的Web内容表示方法，以确保网页在各种设备上都能得到正确的显示。随着Web技术的发展，XHTML逐渐成为构建高质量网页内容的首选标准。XHTML的发展历程XHTML的起源可以
  • CSS3 文本效果详解 lly202406 开发语言
    CSS3文本效果详解引言随着Web技术的发展，CSS3为前端设计师和开发者提供了丰富的文本效果选项。这些效果不仅能够增强网页的美观性，还能提升用户体验。本文将详细介绍CSS3中的文本效果，包括文本阴影、文本描边、文本装饰、文本换行、文本大小写等，并探讨如何在实际项目中应用这些效果。文本阴影文本阴影是CSS3中最常见的文本效果之一。它可以为文本添加阴影，使其更加立体，提升视觉效果。基本语法text-
  • js中的FileReader对象 牧天白衣. #JavaScriptjavascript前端开发语言
    一个简单的例子来理解：读取用户上传的Excel文件（.xlsx），解析内容，并以表格形式在页面上显示出来。它依赖一个外部库：XLSX.js（即SheetJS），用于解析Excel数据。代码index.htmlDocument上传Excel文件index.js//读取excel并提取列内容constUploadFie=document.querySelector("#excelFile")Uploa
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站（英雄联盟） 无·糖 Web前端期末大作业html课程设计css美食游戏javascript大作业
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目游戏网站（英雄联盟）含注册登录13页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、
  • 前端全部文档 loodcover 任澎涛前端xhtmljavascript
    HTML基础1.HTML文件中的DOCTYPE是什么作用？HTML超文本标记语言:是一个标记语言,就有对应的语法标准DOCTYPE即DocumentType，网页文件的文档类型标准。主要作用是告诉浏览器的解析器要使用哪种HTML规范或XHTML规范来解析页面。DOCTYPE需要放置在HTML文件的标签之前，如：...(目前主流)...(早期)2.HTML、XML、XHTML之间有什么区别？它们都属
  • HTML第八章 定位网页元素 北城以北_软考必过 html前端css3html5
    第八章定位网页元素文章目录第八章定位网页元素1.定位position1.1static默认值1.2relative相对定位1.3absolute绝对定位1.4fixed固定定位2.z-index属性3.网页元素透明度1.定位position1.1static默认值static默认值，没有定位，以标准流方式显示1.2relative相对定位relative相对定位，偏移设置：top、left、rig
  • 前端技术博客汇总文档 长路 ㅤ    文章目录汇总前端技术HTML5CSS3JavaScriptVue.js
    文章目录前言前端技术博客汇总链接基础知识点HTMLCSSJavaScript基础语法ES6语法扩展知识点Ajax&Fetch与跨域请求Canvas模块化WebpackNode.jsvite框架与实战VueVue.jsVue-routerVuexvue-cli(脚手架)微信小程序性能提升开源生态组件使用资料获取前言博主介绍：✌目前全网粉丝4W+，csdn博客专家、Java领域优质创作者，博客之星、阿
  • web渗透之指纹识别1 合作小小程序员小小店 网络安全物联网网络安全网络攻击模型计算机网络
    web渗透之指纹识别1前端技术：前端中我们需要掌握一些基础html,javascrip,jquery,bootstrap,前端框架vue.js,vue,angular,React等，在前端中可以利用的东西还是很多的，我们可使用xss配合csrf以及一些攻击漏洞进行弹框，获取cookie，劫持，绕过，跳转，跨域，重定向，重放，控制节点，挂暗链接，甚至隐藏我们的请求等。如果要说怎么在识别中使用，我们可
  • 使用 C# 发送电子邮件（支持普通文本、HTML 和附件）
    在日常开发或自动化任务中，发送电子邮件仍然是最常用的数据传递方式之一。通过代码发送邮件，不仅可以提高效率，还能实现批量通知、报表推送等功能。本文将介绍如何使用C#发送包含普通文本、HTML正文以及附件的电子邮件，并提供完整的示例代码。本文使用FreeSpire.Emailfor.NET，可通过NuGet安装：Install-PackageFreeSpire.Email使用C#创建邮件消息Spire
  • RAG实战指南 Day 8：PDF、Word和HTML文档解析实战 在未来等你 RAG实战指南RAG向量检索LLMAI开发知识库
    【RAG实战指南Day8】PDF、Word和HTML文档解析实战开篇欢迎来到"RAG实战指南"系列的第8天！今天我们将深入探讨PDF、Word和HTML文档解析技术，这是构建企业级RAG系统的关键基础。在实际业务场景中，80%以上的知识都以这些文档格式存储，能否高效提取其中的结构化信息，直接决定了RAG系统的知识覆盖面和回答质量。通过本文，您将掌握：主流文档格式的解析原理与技术选型针对不同文档类型
  • Dom 周华华 JavaScripthtml
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他