https://www.oyjz.cn/svn-slimming.html

目前主流的版本管理软件为git或svn，虽说现在使用git作为版本管理软件越来越多，但svn依旧仍有大量公司使用，svn使用中会发现，随着版本记录越来越多，svn库也越来越大，这时候进行svn检出、查询或者提交都会变慢，这个时候，我们可以删除部分无效的历史版本记录，进行瘦身，减少磁盘占用及提高响应。

视频播放插件 DPlayer
官网地址 https://dplayer.diygod.dev/zh/
代码仓库 https://github.com/DIYgod/DPlayer

快速开始
我们先尝试初始化一个最简单的 DPlayer
加载播放器文件:

<div id="dplayer"></div>
<script src="DPlayer.min.js"></script>

在 js 里初始化:

const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    video: {
        url: 'demo.mp4',
    },
});

一个最简单的 DPlayer 就初始化好了，它只有最基本的视频播放功能

// http://**.com/?A=abc4444+++
$queryParts = explode('&',$_SERVER["QUERY_STRING"]);
$params = array();
foreach ($queryParts as $param) {
	$item = explode('=', $param);
	$params[$item[0]] = $item[1];
}

echo ($params['A']);

PHP 端的解码与编码

$a = urlencode(iconv("UTF-8", "UTF-8", "鲜花"));
echo $a.'<hr>';
$b = iconv("UTF-8", "UTF-8",urldecode("%E9%B2%9C%E8%8A%B1"));
echo $b;

JS 前端的编码和解码

var a = encodeURI("鲜花");      
console.info(a);
var b = decodeURI(a);
console.info(b)

// 紧邻input之后的图片元素
input[type="radio"] + img {
	padding: 20px;
	border-radius: 3px;
	border: 2px solid #f1f1f1;
	cursor: pointer;
}
// 在input之后的span元素 （与input同一父级）
input[type="radio"] ~ span {
	display: none;
}
input[type="radio"]:checked + img {
	border: 2px solid #00aec4;
	cursor: default;
}
input[type="radio"]:checked ~ span {
	content: ' ';
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url('../img/checked.png?v=@{version}') no-repeat center center;
}

// 页面的 visibilityState属性可能返回三种状态 prerender，visible 和 hidden 
// 监听 visibility change 事件 
document.addEventListener('visibilitychange', function() {
	// 页面变为不可见时触发 
	if (document.visibilityState == 'hidden') {
		console.info('visibilityState 我离开了')
	} 
	// 页面变为可见时触发 
	if (document.visibilityState == 'visible') { 
		console.info('visibilityState 我进来了')
	} 
});
// 页面的 hidden属性,false,true;
document.addEventListener('visibilitychange',function(){
    var isHidden = document.hidden;
    if(isHidden){
        console.info('isHidden 我离开了')
    } else {
        console.info('isHidden 我进来了')
    }
});

// 是否是手机端
var iswap = function(){
	if (/(Mobile|Android|WAP|NetFront|JAVA|OperasMini|UCWEB|WindowssCE|Symbian|Series|webOS|SonyEricsson|Sony|BlackBerry|Cellphone|dopod|Nokia|samsung|PalmSource|Xphone|Xda|Smartphone|PIEPlus|MEIZU|MIDP|CLDC)/i.test(navigator.userAgent)) {
		return "android";
	}else if(/(iPhone)/i.test(navigator.userAgent)) {
		return "iphone";
	}else{
		if(/(mozilla|chrome|safari|opera|m3gate|winwap|openwave)/i.test(navigator.userAgent)) {
			return false;
		}else{
			if(getUrlPre('mobile')) {
				return true;
			}else{
				return false;
			}
		}
	}
}

1. CodeIf：[https://unbug.github.io/codelf] 变量名命名困难患者福音，输入中文即可推荐各种英文变量名
2. DocsChina：[https://www.docschina.org ] 各种常用组件插件的官方文档（中文文档）
3. any-rule：[http://github.com/any86/any-rule] 各种正则表达式，一查既有
4. tool.lu：[https://tool.lu] 各种工具大全，应有尽有
5. baomitu：[https://cdn.baomitu.com] 各种前端静态资源库，各种历史版本都可查
6. typora：[https://www.typora.io] 一款写作App，提供既是读者又是作者的无缝体验（支持Markdown）
7. 549.tv：[http://www.549.tv] 追剧狂和电影爱好者福音，各种资源应有尽有

// 重写选择框
input[type='radio'] {
	width: 1px;
	height: 24px;
	opacity: 0;
	display: none;
}
// 未选中
label {
	background-image: url(/hrloo/rz/img/tpl/radio_nor2.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	width: 74px;
	._f(n,14px,34px); 
	color: #666666;
	display:inline-block;
	padding-left: 22px;
}
// 选中
input[type="radio"]:checked + label {
	background-image: url(/hrloo/rz/img/tpl/radio_hov.png);
}
// 禁用
input[type="radio"]:disabled + label {
	background: #ddd;
}
// 禁用 选中
input[type="radio"]:checked:disabled + label {
	background: #ddd;
}

Node-Crawler Crawler参数手册