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)

  • 都2023了还不会Vue3？一篇笔记带你快速入门 Evan-Sky vue3笔记arcgisvue.jsvueelementui前端
    Vue3简介Vue3是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。快速上手创建一个Vue3项目在vue3中推荐使用pnpm，如果没有安装pnpm，请先用npm全局安装：npminstall-gpnpm首先，我们需要通过Vite创建一
  • ElasticSearch的DSL语句使用教程 小段闯天涯 日常开发
    ElasticSearchDSL语句使用转发虚无境的博客大佬文章：https://www.cnblogs.com/xuwujing/p/11567053.html
  • Web前端 2301_78085386 前端
    网页开发学习内容:htmlcssJavaScript两个框架:VUE.jsElementUIUI->userinterface用户界面html(HyperTextMarkupLanguage):超文本标记语言文本:文字字符超文本:网页内容标记:标签标识例如商品上的标签,介绍了商品的信息html语言就是一种标记语言,提供许多的标签,不同的标签功能不同,网页就是通过这些标签描述出来的,最终通过浏览器解
  • 【Python进阶】Python爬虫的基本概念，带你进一步了解Python爬虫！！！ 程序员陌陌 python爬虫开发语言
    一、Python爬虫基本概念网络爬虫，又称为网页蜘蛛或爬虫，是一种自动浏览万维网的程序。它按照一定的算法顺序抓取网页内容，同时将抓取到的数据存储起来，用于进一步的分析和处理。网络爬虫在信息获取、数据挖掘、搜索引擎构建等方面发挥着关键作用。二、工作流程确定目标网站：明确需要抓取数据的网站和具体页面。分析网页结构：使用开发者工具查看网页的HTML结构，确定数据存放的位置。编写爬虫代码：使用Python
  • HTML5新增标签 冰land
    HTML5的特点：语义化标签语义化标签就是尽量使用有相应的结构的含义的Html的标签1.结构更好，更利于搜索引擎的抓取（SEO的优化）和开发人员的维护（可维护性更高，因为结构清晰，so易于阅读）。2.更有利于特殊终端的阅读(手机、个人助理等)尽量使用有结构含义的，少用无语义的，如，无意义，看不出是什么东西，可是一看就知道这里面的是地址，em标签一看就知道这个是强调的内容，区分不同内容语法：说明：h
  • 原生html+js播放flv直播视频流【vue等皆可用】 Odinpeng javascripthtmlvue.jswebrtc
    一、前言最近着手了一个新需求：将某记录仪的实时视频在页面展现。实现步骤：通过WebRtc将直播视频转码为flv/rtsp格式流；通过Vlc或代码中的视频播放器播放视频。常见播放flv直播视频流软件如：VLC、PotPlayer等，好用但无法嵌入代码。在此介绍一种使用原生html+js即可实现直播视频流播放的方式，内网外网皆可用。二、实现引入Bilibili开源Flash视频（FLV）播放器方式一：
  • pcie debug web portal 斐非韭 fpga开发
    https://xilinx.github.io/pcie-debug-kmap/pciedebug/build/html/docs/PCIe_Debug_General_Techniques/index.html34536-XilinxSolutionCenterforPCIExpresshttps://support.xilinx.com/s/article/34536?language=en
  • SEO之搜索引擎的工作原理（一） luckyboy0077 搜索引擎经验分享
    初创企业需要建站的朋友看这篇文章，谢谢支持：我给不会敲代码又想搭建网站的人建议搜索引擎工作过程非常复杂，接下来的几节我们简单介绍搜索引擎是怎样实现网页排名的。下面介绍的内容相对于真正的搜索引擎技术来说只是皮毛，不过对SEO人员已经足够用了。搜索引擎的工作过程大体上可以分成三个阶段：(1)爬行和抓取：搜索引擎蜘蛛通过跟踪链接访问网页，获得页面HTML代码存入数据库。(2)预处理：索引程序对抓取来的页
  • linux网络流程分析（一）---网卡驱动 wang603603 linuxlinux
    转载：https://www.cnblogs.com/gogly/archive/2012/06/10/2541573.html分析linux网络的书已经很多了，包括《追踪LinuxTCP/IP代码运行》《Linux内核源码剖析——TCP/IP实现》，这里我只是从数据包在linux内核中的基本流程来分析，尽可能的展现一个主流程框架。内核如何从网卡接收数据,传统的过程：1.数据到达网卡；2.网卡产生
  • vue中printjs使用指南 陌上烟雨寒 前端vuevue.jsjavascript
    使用攻略参考文档https://printjs.crabbly.com/分页使用css的page-break-after:always来控制在某个DIV之后新开一个页面我是封面我是目录，你不知道我的内容有多长我是正文，我需要从一个新页面开始展示标题栏每页重复打印因为打印时，表格中的thead和tfoot默认会在每一页重复打印，所以只要设置好表格结构就行。html打印{{modelRef.hospi
  • 《CSS 揭秘》每章详细读书笔记 lawler61 原创csscss揭秘读书笔记
    《CSS揭秘》每章详细读书笔记[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eS4SupjZ-1589817256003)(https://raw.githubusercontent.com/lawler61/blog/master/css/css-jiemi-notes/images/logo.jpg)]一、个人站点www.freeze61.me可直接复制html
  • CSS基础 水平垂直居中 呼叫6945 CSS篇css前端css3
    几种实现水平垂直居中方式利用定位+margin:auto利用定位+margin:负值利用定位+transformtable布局flex布局grid布局利用定位+margin:auto先上代码：.father{width:500px;height:300px;border:1pxsolid#0a3b98;position:relative;}.son{width:100px;height:40px;
  • vue.js样式绑定 余月初贰 vue.js前端javascript
    classclass和style是html元素的属性，用于设置元素的样式。我们可以用v-bind来设置样式属性。Vue.jsv-bind在处理class和style是，专门增强了它。表达式的结果练习除了字符串之外，还可以是对象或数组。class属性绑定我们可以为v-bind：class设置一个对象，从而动态的切换class：示例1例子中将isActive设置为true显示了一个绿色的div块，如果
  • 《CSS 揭秘》案例dome kingrome2009 css3动画css揭秘
    本书是一本注重实践的教程，作者为我们揭示了47个鲜为人知的CSS技巧，主要内容包括背景与边框、形状、视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。本书将带领读者循序渐进地探寻更优雅的解决方案，攻克每天都会遇到的各种网页样式难题。史上最全的实例建议不要买书因为电子版的更适合我们下载链接css揭秘pdfdomeDocument*{margin:0;padding:0;}body{backgr
  • CSS 知识点及使用案例 瓦基拉目卡 前端css前端学习方法开发语言改行学it创业创新
    1.CSS三种引入方式1.1行内样式直接在HTML元素上通过style属性定义样式。这是行内样式。1.2内部样式表在HTML文档的部分使用标签定义样式。p{color:blue;font-size:18px;}这是内部样式。1.3外部样式表通过标签在HTML文档的部分链接外部CSS文件。1.3外部样式表通过标签在HTML文档的部分链接外部CSS文件。styles.css文件内容：p{color:g
  • html表单没的csrf保护,表单与csrf保护 翰遴院遴选 html表单没的csrf保护
    ##表单提交和CSRF在本课程中，我们将介绍将表单数据提交到服务器的基本工作流程。在此过程中，我们将介绍一个新概念：`CSRF`(跨站点请求伪造)。###新手建议前面几节我们介绍了如何从数据库中获取数据，使用`Tinker`添加测试数据。接下来我们在页面中实现添加数据并展示。>不论做任何复杂的功能，都是从简单开始，慢慢迭代，这里给新手一个建议，不论做什么都先按照`路由->控制器->视图`的顺序来开
  • 产品调研需要包含哪些内容？ 张旭东XD
    文章来源1：产品市场调研分析报告、竞品分析报告、产品体验报告的区别http://www.woshipm.com/pmd/761346.html文章来源2：一份完整、出色的产品市场调研分析报告应包含哪些内容？https://www.zhihu.com/question/19728800一.目的：摸清市场、确定产品方向、了解其他产品二.行业分析市场规模：说明整个盘子有多大，以论证该领域的分量盈利情况：
  • react 样式和vue样式的区别 资深前端之路 react.jsvue.js前端
    区别一：react：一个页面通常分为2个组件，js或者jsx+css文件。vue:通常分为.vue+css文件区别二：react在写页面样式时，最好其余的样式最好包裹在当前样式下面，不然容易生成全局样式，对其它页面的样式造成影响。vue在页面内使用scoped,使样式只在当前页面内生效。同时还有deep、global来对样式进行向上向下优化。deep可以对当前页面组件内的样式调整；global可以
  • 第 004 期 提高页面渲染速度的 3 个 CSS 技巧 前端GoGoGo7
    提到提高页面渲染速度，我们第一想到的是优化JavaScript。其实通过优化CSS也能提高页面渲染速度。优化方案1.延时渲染屏幕外的内容-content-visibility:auto很长的页面会有大量的内容在屏幕外。如果只渲染屏幕内的内容，屏幕外的内容在出现时才渲染，能大大的节约渲染时间。CSSContainmentModuleLevel2模块新增了content-visibility属性。这个
  • webpack4手动搭建Vue项目 YUELEI118 前端vue.js前端webpack
    小满视频很多解释使用通义灵码搜的,通义灵码的搜索结果也是有错误的全程使用pnpm包管理工具，和npm的用法基本一样学习总结1.多看看webpack官网2.webpack的作用：配置一堆东西，达到运行程序的目的3.无论什么东西都转成js，然后插入到一个空空的html文件中运行4.webpack就是个管理者，管理着一堆loader，一堆loader的作用就是把自己负责的东西弄成js手动搭建Vue项目,
  • Vue3_指令(内置和自定义) 开心小老虎 vue3知识点+组件前端vue.js
    目录一、内置指令1.v-text2.v-html3.v-show4.v-if5.v-else6.v-else-if7.v-for8.v-on9.v-bind10.v-model11.v-slot12.v-pre13.v-once14.v-memo（3.2+）15.v-cloak二、自定义指令1.规则2.钩子一、内置指令1.v-text更新元素的文本内容。{{msg}}2.v-html更新元素的in
  • zedboard——adau1761新工程的设备树修改（二） 夜风~ linuxzedboard开发板开发设备树adau1761pl.dtsi
    本文将介绍下对工程自动生成的设备树进行修改，加入adau1761设备相关的节点信息。在上一篇文章中，加载hdf文件后，使用petalinux-config指令后，会自动生成设备树文件，共如下图中6个设备树文件。设备树的知识总结见：https://www.cnblogs.com/tureno/articles/6399782.html（1）skeleton.dtsi/**Skeletondevice
  • safari中filter: drop-shadow()导致图片展示不出来 史努比的大头 safari前端css
    有时候我们可能需要通过css来改变一个svg图片的颜色，比如让其跟随主题色改变.send-button{overflow:hidden;.send-button-img{filter:drop-shadow(@primary-24px0px0px);transform:translateX(24px);}}上面代码的原理是：drop-shadow(@primary-24px0px0px):这行代码
  • linux 时间 环境变量,Linux环境变量的修改（永久，暂时）以及修改ls显示的时间格式... 喜迁莺 linux时间环境变量
    本文转自：http://blog.sina.com.cn/s/blog_8e21864f01014u9h.htmlLinux修改环境变量，很简单但很重要一、Linux的变量种类按变量的生存周期来划分，Linux变量可分为两类：1.永久的：需要修改配置文件，变量永久生效。2.临时的：使用export命令行声明即可，变量在关闭shell时失效。二、设置变量的三种方法1.在/etc/profile文件中
  • 密码访问单页自定义跳转页面源码 CSDN专家-微编程 HTML项目javascript开发语言ecmascript
    源码介绍密码访问单页自定义跳转页面源码，密码访问单页自定义跳转页面，修改了的密码访问单页，添加了js自定义密码跳转页面。需要正确输入密码才能跳转目标网址。源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面源码截图源码下载密码访问单页自定义跳转页面源码
  • python接口篇-pytest框架 清微清微 python之接口自动化测试pythonpytest测试用例pycharm自动化
    一、pytest框架的使用安装Pytest#安装pipinstallpytest#验证安装pytest--version#展示当前安装的版本pipinstallpytest-html#安装原生态报告模板（自带的，不好用）pipinstallpytest-html#用于生成美观的测试报告pytest用例编写规则(1)模块名必须以test_开头或者_test结尾(如:test_ab.py)(2)测试类
  • 关于html元素的标签 Sylvia_703 前端知识html前端
    一、html元素标签语义化提到html元素的标签，第一个想到的就是标签语义化。现在来聊聊什么是标签语义化：它指的是使用具有明确意义的html元素的标签来组织和描述网页内容，以便更直观地表达内容的含义和结构，让标签的用途和作用更加明确。通俗来讲就是用正确的标签做正确的事情。语义化的优点如下：提高代码的可读性：使用语义化标签可以让开发者和阅读代码的人更容易理解网页的结构和内容。优化搜索引擎（SEO）：
  • 解决uniapp视频层级太高的问题 云123321 uniappuni-app
    刷新可拖动//配置公共方法exportdefault{data(){return{videoUrl:'https://***',weixin_moveable_x:320,weixin_moveable_y:450};},computed:{videoHTML(){return``}},methods:{wx_pro_refresh(){var_this=this;},}};
  • 午课写字 - 2018年11月全集 钮海津
    钮海津，午课写字午课写字-2018年11月全集https://book.yunzhan365.com/lews/przp/index.html
  • 扑捉一只耿鬼（HTML文件） Coisini_甜柚か 游戏web前端htmlcss
    图例：代码：耿鬼body{background:#fff;font-family:'Comfortaa',sans-serif;}*{box-sizing:border-box;}*:before,*:after{content:'';position:absolute;}main{width:400px;height:400px;margin:auto;text-align:center;}.g
  • 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其他