Skip to content

Instantly share code, notes, and snippets.

View WangShuXian6's full-sized avatar
🍉

王树贤 WangShuXian6

🍉
  • 上海心影次元人工智能科技有限公司
  • beijing
View GitHub Profile
@WangShuXian6
WangShuXian6 / index.html
Created October 19, 2017 07:29
Tabs with CSS3 & HTML5 only
<body>
<!--Título-->
<h1>Tabs with CSS3 & HTML5 only</h1>
<!--Contenedor-->
<div id="container">
<!--Pestaña 1 activa por defecto-->
<input id="tab-1" type="radio" name="tab-group" checked="checked" />
<label for="tab-1">Tab 1</label>
<!--Pestaña 2 inactiva por defecto-->
<input id="tab-2" type="radio" name="tab-group" />
@WangShuXian6
WangShuXian6 / index.html
Created November 4, 2017 08:59
Material form
<main>
<form class="form">
<div class="form__cover"></div>
<div class="form__loader">
<div class="spinner active">
<svg class="spinner__circular" viewBox="25 25 50 50">
<circle class="spinner__path" cx="50" cy="50" r="20" fill="none" stroke-width="4" stroke-miterlimit="10"></circle>
</svg>
</div>
</div>
@WangShuXian6
WangShuXian6 / index.html
Created November 13, 2017 15:41
Solving Problems With CSS Grid and Flexbox: The Card UI i
<div class="support-grid"></div>
<div class="band">
<div class="item-1">
<a href="https://design.tutsplus.com/articles/international-artist-feature-malaysia--cms-26852" class="card">
<div class="thumb" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/flex-1.jpg);"></div>
<article>
<h1>International Artist Feature: Malaysia</h1>
<span>Mary Winkler</span>
</article>
@WangShuXian6
WangShuXian6 / verified-OBJ.php
Last active January 9, 2018 12:20
简单验证码系统,待修复
<?php
class Vcode{
//成员属性
private $width;
private $height;
private $type;
private $length;
private $img;
private $code;
private $fontSize;
@WangShuXian6
WangShuXian6 / verified-2.php
Created January 9, 2018 13:08
简单验证码
<?php
$w = 80; //设置图片宽和高
$h = 26;
$str = Array(); //用来存储随机码
$string = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";//随机挑选其中4个字符,也可以选择更多,注意循环的时候加上,宽度适当调整
for ($i = 0; $i < 4; $i++) {
$str[$i] = $string[rand(0, 35)];
$vcode .= $str[$i];
}
session_start(); //启用超全局变量session
@WangShuXian6
WangShuXian6 / upload.class.php
Last active January 10, 2018 13:05
文件上传,包括简单版本和面向对象版本
<?php
/**
* Created by PhpStorm.
* User: mac
* Date: 2018/1/9
* Time: 21:14
*/
class Upload
{
@WangShuXian6
WangShuXian6 / SingletonPattern.php
Created January 12, 2018 10:02
Singleton Pattern,单例模式
<?php
/**
* Created by PhpStorm.
* User: mac
* Date: 2018/1/12
* Time: 17:11
*/
class Person
{
@WangShuXian6
WangShuXian6 / nginx.conf
Created January 24, 2018 10:00 — forked from plentz/nginx.conf
Best nginx configuration for improved security(and performance). Complete blog post here http://tautt.com/best-nginx-configuration-for-security/
# to generate your dhparam.pem file, run in the terminal
openssl dhparam -out /etc/nginx/ssl/dhparam.pem 2048
@WangShuXian6
WangShuXian6 / modal.css
Last active January 27, 2018 09:14
简单模态窗
.modal-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.78);
}
.modal {