序
前一段时间有很多朋友来问我各种问题，比如java怎么学，c，c++，c#，java，还有php等等，到底学哪个好，哪个好就业？其中不乏刚毕业找不到工作的学生，我对此也是很有感触，回想当初那最最艰难的日子，我的确很了解这种焦急的心态。其实我个人感觉，编程语言都大同小异，无非是语法变一变，当然，如果你为了快速上手，我还是优先推荐java。
2024年08月19日
前一段时间有很多朋友来问我各种问题，比如java怎么学，c，c++，c#，java，还有php等等，到底学哪个好，哪个好就业？其中不乏刚毕业找不到工作的学生，我对此也是很有感触，回想当初那最最艰难的日子，我的确很了解这种焦急的心态。其实我个人感觉，编程语言都大同小异，无非是语法变一变，当然，如果你为了快速上手，我还是优先推荐java。
2024年08月19日
后台权限管理系统
相关：
spring boot + mybatis + layui + shiro后台权限管理系统
springboot + shiro之登录人数限制、登录判断重定向、session时间设置
2024年08月19日
国庆长假终于结束了，博主想到以往这个时候，自己就已经回到学校，和一群基友扯扯犊子，顺便吹吹牛，好不快活，可惜这种生活不会再有了。虽说如此，但是参加了工作以后，毕竟有更多的时间去做自己想做的事情，没有了学校里的那么多约束，也不再需要为了考试忙活个半天，想来也是不错的。
好的，再次回到这个系列。
2024年08月19日
//选中的列，进行数据导出
html布局：
<form id="infoTableForm">
<input type="checkbox" class="choose-input" name="checked[]" value="24">
</form>
<a href="javascript:void(0);" data-url="/admin/export"
class="js-checkdata">导出选中数据</a>
//相关js处理
$html.off('click','.js-checkdata').on('click','.js-checkdata',function(){
var $self = $(this);
$self.attr('href',$self.attr('data-url')+"?"+$('#infoTableForm').serialize());
});
//获取选中的元素，用数组的形式存起来。
var tmp=[];
$('.choose-input:checked').each(function () {
tmp.push($(this).val());
});
2024年08月19日
【复玥网节日破坏小飞机[1]】是托管在复玥网上的一个脚本。在任意网页可以插入该脚本，然后就可以召唤出一个小飞机。飞机具有破坏网页的功能。在当前网页上生成一个小飞机后，你能：
2024年08月19日
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1) 完美拖拽</title>
<link rel="stylesheet" href="../css/common.css">
<style>
.wrap{
width: 300px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin: -100px 0 0 -150px;
border: 2px solid black;
}
h1{
text-align: right;
height: 30px;
border-bottom: 2px solid black;
line-height: 30px;
font-size: 14px;
}
a{
cursor: pointer;
}
ul{
padding: 20px;
}
li{
line-height: 30px;
font-size: 14px;
}
</style>
</head>
<body>
<div class="wrap">
<h1><a>点击可回放拖拽轨迹</a></h1>
<ul>
<li>Drag:false</li>
<li>offsetTop:</li>
<li>offsetLeft:</li>
</ul>
</div>
<script>
window.onload = function () {
var isBox = document.getElementsByClassName("wrap")[0];
var isBack = document.getElementsByTagName("a")[0];
var isCon = document.getElementsByTagName("li");
var drag = false,isNum = [],time = null;
isCon[1].innerHTML = "offsetTop:" + isBox.offsetTop;
isCon[2].innerHTML = "offsetLeft:" + isBox.offsetLeft;
isBox.onmousedown = function () {
drag = true;
isCon[0].innerHTML = "Drag:" + drag;
};
document.onmouseup = window.onblur = isBox.onlosecapture = function () {
drag = false;
isCon[0].innerHTML = "Drag:" + drag;
};
document.onmousemove = function (event) {
//不拖拽时事件不触发
if (!drag) {return false;}
// 获取视口属性值
var isEvent = event || window.event;
var boxLeft = isEvent.clientX;
var boxTop = isEvent.clientY;
var rightLimit = document.documentElement.clientWidth - isBox.offsetWidth;
var bottomLimit = document.documentElement.clientHeight - isBox.offsetHeight;
//拖拽并限制宽高
isBox.style.left = boxLeft + 150 + 'px';
(rightLimit <= isBox.offsetLeft) && (isBox.style.left = rightLimit + 150 + 'px');
(isBox.offsetLeft <= 0) && (isBox.style.left = boxLeft + 150 + 'px');
isBox.style.top = boxTop + 100 + 'px';
(bottomLimit <= isBox.offsetTop) && (isBox.style.top = bottomLimit + 100 + 'px');
(isBox.offsetTop <= 0) && (isBox.style.top = 100 + 'px');
//输出宽高，并计入宽高
isCon[1].innerHTML = "offsetTop:" + isBox.offsetTop;
isCon[2].innerHTML = "offsetLeft:" + isBox.offsetLeft;
isNum.push([isBox.offsetTop,isBox.offsetLeft]);
return false
};
//拖拽回放
isBack.onclick = function () {
clearInterval(time);
time = setInterval(function () {
var num = isNum.pop();
if (isNum.length >= 1) {
isBox.style.top = num[0] + 100 + 'px';
isBox.style.left = num[1] + 150 + 'px';
isCon[1].innerHTML = "offsetTop:" + isBox.offsetTop;
isCon[2].innerHTML = "offsetLeft:" + isBox.offsetLeft;
}else {
clearInterval(time);
}
}, 30);
}
}
</script>
</body>
</html>
2024年08月19日
JavaScript基础系列
JavaScript是一种基于对象和事件驱动的客户端脚本语言。
JavaScript的注释
2024年08月19日
javascript简称js，是一种脚本语言，用来操作HTML中的节点，产生动态效果。包括三大模块。
ECMAScript：