What a Life

「Live for yourself」

实现一个类似纸张堆叠的效果

效果图如下：基本原理就是利用box-shadow。一般想到的是写2个baox-shadow，但出来的效果不好看，会导致每张纸的分界线不清晰。所以写2个阴影不透明的box-shadow 加上 3个阴影透明的box-shadow(有3条边界线)，总共5个。另外box-shadow的第4个值为阴影大小，可以设为负值，表示阴影缩小，这样就能制造出逐渐变窄的效果。代码如下： 1 ...

January 29, 2020

一个密码验证的正则表达式

要求：6-20个字符，字母、数字和特殊符号至少包含2种，不包括空格表达式： 1 /^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z\s]+$)\S{6,20}$/ 说明： ^ 表示行的起始位置 (?![\d]+$) 不能全是数字 (?![a-zA-Z]+$) 不能全是字母 (?![^\da-zA-Z\s]+$) 不能全是特...

December 17, 2019

nodejs中graphql的服务端和客户端实现

先简单介绍一下GraphQL。 GraphQL 是一门出自Facebook，用于api的查询语言，被称作是Restful的替代品，已经有越来越多的公司和系统使用GraphQL来代替Restful。它的几个主要特点是：只返回你想要的数据。传统Restful中返回的是对象的所有字段，而往往我们需要的只是其中几个字段，这样无疑造成了很大的带宽浪费。GraphQL中由你定义你的查询请...

December 10, 2019

openresty使用uuid

主要是使用到了 resty.jit-uuid 这个模块，这个模块并没有集成到 OpenResty 中，可以直接从 github 上下载 jit-uuid.lua 文件，放到 OpenResty 的安装目录下的 lualib/resty 目录里。

December 2, 2019

记一次 centos7 + vue + nginx + uwsgi + django-rest + mysql 的部署过程

弄完了感觉也没那么复杂，但的确花了我2天的时间，主要是因为python版本和虚拟环境的问题。关键的关键是要在虚拟环境中启动uwsgi，它才能找到各种依赖包。安装python3 因为centos7预装的是python2，但现在的程序都用的是pyhton3，所以要装上。下载python3.7.4源码包： 1 wget https://www.python.org/ftp/pyth...

December 1, 2019

Django 数据库迁移到MySQL

默认Django数据库采用的是sqlite3，想迁移到mysql数据库。创建Mysql数据库这没啥好说的，肯定你要先有个数据库吧。更改Django settings配置，修改为使用MySQL数据库 1 2 3 4 5 6 7 8 9 10 11 12 DATABASES = { 'default': { # 'ENGINE': 'django.db.ba...

November 28, 2019

nginx处理跨域问题

什么是跨域同源：当协议、域名、端口一致的时候2个域名是同源的。只要有一项不一致，即为跨域。(子域名或二级域名不同也是跨域) 为什么要设置同源策略限制？假如你登陆了一个银行网站，在没有退出的情况下登录了另一个网站，这个网站悄悄的携带了你银行网站的cookie对银行网站发起了请求，这样就能冒充你做所有的操作，因为银行网站并不知道到底是不是你发起的请求，它看到了你的cookie就认为是你...

November 15, 2019

flexbox改写的一个响应式网页布局实例

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69...

September 16, 2019

网页布局样式小总结

浮动：元素向左或右移动，直到碰到父容器边框或者下一个浮动元素清除浮动：因为浮动元素会脱离文档流，所以会导致页面元素的重叠。而且如果一个父元素只包含浮动元素，会导致父元素高度崩塌（高度为0），比如ul内的所有li元素都浮动时，ul高度会变为0。解决办法是在ul上加上 overflow:hidden，具体原理这里不详述。另外一种方式是使...

September 15, 2019

SpringMVC参数映射原理

方法参数带 @RequestBody 注解 1 2 3 4 @RequestMapping("/testRb") public Person testRb(@RequestBody Person p) { return p; } 贴上 @RequestBody 的说明： Annotation indicating a method par...

August 1, 2019