王新阳

Masonry 官网：https://masonry.desandro.com/
imagesLoaded 官网：https://imagesloaded.desandro.com/
参考：https://www.jianshu.com/p/71ba8a69cf0f

<style>
.list .item{padding:10px;width:25%;}
.list .item img{max-width:100%;}
@media(max-width:1199px){
	.list .item{padding:8px;width:33.333333%;}
}
@media(max-width:575px){
	.list .item{padding:5px;width:50%;}
}
</style>
<div class="list">
	<div class="items"><img src="img1.jpg"></div>
	<div class="items"><img src="img2.jpg"></div>
	......
</div>
<script src="masonry.pkgd.min.js"></script>
<script src="imagesloaded.pkgd.min.js"></script>
<script>
var myList=$('.list');
myList.masonry({
	itemSelector: '.item',
	percentPosition: true,
});
myList.imagesLoaded().progress(function(){
	myList.masonry('layout');
});

//ajax加载简略示例
$('#abc').click(function(){
	var items=$('<div class="item"><img src="img2.jpg"></div><div class="item"><img src="img3.jpg"></div>');
	myList.append(items).masonry('appended',items);
	myList.imagesLoaded().progress(function(){myList.masonry('layout');});
/*
	//数组方式加载
	var items=[$('<div class="item"><img src="img2.jpg"></div>'), $('<div class="item"><img src="img3.jpg"></div>')];
	$.each(items, function(key, item){
		myList.append(item).masonry('appended',item);
		item.imagesLoaded().progress(function(){myList.masonry('layout');});
	});
*/
});
</script>

参考：https://www.jianshu.com/p/b38255b96006

添加用户

方法一：

create user '用户名'@'本机名'  indentified by '密码'
grant all(权限) on 数据库名.*(表)  '用户名'@'本机名' indentified by '密码'

方法二：

/*添加新用户test_usr*/
USE mysql;
INSERT INTO USER(`Host`,`User`,`Password`, `ssl_cipher`, `x509_issuer`, `x509_subject`) VALUES('%','test_usr',PASSWORD('test_pwd'),'','','');
FLUSH PRIVILEGES;

/*给test_usr赋予数据库test_db的管理权*/
GRANT ALL PRIVILEGES ON test_db.* TO test_usr@`%`;
FLUSH PRIVILEGES;

方法三：

/*直接添加新用户text_usr，密码为test_pwd，并赋予数据库test_db的管理权*/
GRANT ALL PRIVILEGES ON test_db.* TO test_usr@'%' IDENTIFIED BY 'test_pwd';
FLUSH PRIVILEGES;

IDENTIFIED BY 'test_pwd' 表示用户不存在时自动添加，并设置密码为test_pwd

/*单独指定权限权限*/
GRANT SELECT ON test_db.* TO test_usr@`%`;
GRANT UPDATE ON test_db.* TO test_usr@`%`;
GRANT DELETE ON test_db.* TO test_usr@`%`;
GRANT INSERT ON test_db.* TO test_usr@`%`;
/*或*/
GRANT select,update,delete,insert ON test_db.* TO test_usr@`%`;

MYSQL创建远程管理员

CREATE USER '账号'@'%' IDENTIFIED BY '密码';
GRANT ALL PRIVILEGES ON *.* TO '账号'@'%' WITH GRANT OPTION;
FLUSH PRIVILEGES;

删除用户

方法一 删除用户同时删除与之对应的管理权限

DROP USER test_usr@`%`;
FLUSH PRIVILEGES;

方法二

/*删除用户*/
DELETE FROM mysql.user WHERE Host = '%' AND User = 'test_usr';
/*删除此用户管理的数据库管理权限（管理的数据库本身不变）*/
DELETE FROM mysql.db WHERE Host='%', User='test_usr';
FLUSH PRIVILEGES;

操作权限列表

修改密码

方法一：使用 SET PASSWORD 命令

mysql -u root -p
set password form root@localhost=password('新密码');

方法二：UPDATE直接编辑user表，然后刷新权限

update mysql.user set `password`=password('新密码') where user='用户名' and Host ='localhost';
flush privileges;

1、数组不再支持大括号调用，必须使用中括号。 $array{0} 会报错：

Severity: 8192
Array and string offset access syntax with curly braces is deprecated 

2、switch 中使用 continue 会出现警告：

Severity: Warning
"continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"?

需要根据实际情况改为 break (仅退出switch) 或 continue 2 (退出for/foreach等)

.demo{
    transform-style:preserve-3d;
    perspective:300px;
}
.demo p{
    transition:ease .5s;
}
.demo p:hover{
    transform:rotateY(180deg);
}

.demo1{
	color:#f35626;
	background-image:-webkit-linear-gradient(92deg, #f35626, #feab3a);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	-webkit-animation:hue 10s infinite linear;
}
@-webkit-keyframes hue {
	from{
		-webkit-filter:hue-rotate(0deg);
	}
	to{
		-webkit-filter:hue-rotate(-360deg);
	}
}

甲乙丙丁

@keyframes masked-animation {
	0% {background-position:0 0;}
	100% {background-position:-100% 0;}
}

.demo2{
	background-image:-webkit-linear-gradient(left,#55ccd3,#584498,#55ccd3,#584498,#55ccd3);
	-webkit-background-size:200% 100%;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	-webkit-animation:masked-animation 2s linear infinite;
}

戊己庚申

SELECT 'SET FOREIGN_KEY_CHECKS = 0;'
UNION
SELECT CONCAT( 'drop table ', table_name, ';' )
FROM information_schema.tables
WHERE table_schema='数据库名' AND table_name LIKE '表前缀%'
UNION
SELECT 'SET FOREIGN_KEY_CHECKS = 1;'

复制生成的结果，执行之！

2、定义某元素下的变量
.look{
  --borderColor: #ccc;
}

设置视频背景透明

https://www.zhangxinxu.com/wordpress/2019/05/mp4-video-background-transparent/

https://www.zhangxinxu.com/wordpress/2015/05/css3-mix-blend-mode-background-blend-mode/

video {
    mix-blend-mode: screen;
}

poster布满视频画面

video {
    object-fit: cover;
}

可取值：fill、contain、cover