width: 200,
margin: 5,
speed: 200,
tagName: ‘div’,
mark: ‘fall’,
delTime: 3000,
control: “#falls:first-child”
};
var topList = [],
leftList = [],
settings = $.extend(defaults, setting),
$Obj = $(this),
Olist,
Ol,
Olength = 0,
rows,
Fwidth = settings.width + settings.margin,
Swidth,
Mwidth,
msie;
var clone, down = false,
sour, targ, cur = {
curX: 0,
curY: 0
},
sou = {
souX: 0,
souY: 0
},
tag = {
tagX: 0,
tagY: 0
},
i = 0;
var min, minIndex;
var init = function() {
rows = (settings.row == 0) ? Math.floor(($(window).width() - 40) / Fwidth) : settings.row;
Swidth = Fwidth * rows;
Lwidth = Fwidth * (rows + 1);
$Obj.css(“width”, Swidth)
};
var append = function() {
init();
Olist = $Obj.children(settings.tagName + “[name!='” + settings.mark + “']”);
Olist.css({
“position”: “absolute”
});
if ($Obj.children(settings.tagName + “[name='” + settings.mark + “']”).length > 0) {
topList = $Obj.data(“List”).tL;
leftList = $Obj.data(“List”).lL
} else {
topList.length = 0;
leftList.length = 0;
$Obj.removeData(“List”);
for (var i = 0; i < rows; i++) {
leftList.push(Fwidth * i);
topList.push(0)
}
}
};
var direction = function(elem) {
min = Math.min.apply({},
topList);
minIndex = $.inArray(min, topList);
topList[minIndex] += elem.outerHeight() + settings.margin;
$Obj.css(“height”, Math.max.apply({},
topList))
};
var orient = function() {
Olist.find(“img”).bind(“load”,
function() {
Ol = $(this).parents(“#falls>” + settings.tagName);
Ol.attr(“name”, settings.mark)
});
var timeout = setTimeout(function() {
Olist.each(function() {
var Ol = $(this);
if (Ol.attr(“name”) == settings.mark) {
direction(Ol);
Ol.css({
top: min,
left: leftList[minIndex]
}).fadeIn(settings.speed)
} else {
Ol.remove()
}
})
},
settings.delTime);
$Obj.data(“List”, {
tL: topList,
lL: leftList
})
};
var reset = function() {
init();
Olist = $Obj.children(settings.tagName + “[name='” + settings.mark + “']”);
topList.length = 0;
leftList.length = 0;
for (var i = 0; i < rows; i++) {
leftList.push(Fwidth * i);
topList.push(0)
}
Olist.each(function() {
direction($(this));
$(this).stop().animate({
top: min,
left: leftList[minIndex]
},
settings.speed)
});
$Obj.data(“List”, {
tL: topList,
lL: leftList
})
};
$(document).ready(function() {
append();
orient();
$(window).unbind(“resize”).resize(function() {
var _w = $(window).width();
if (_w < Swidth || _w > Lwidth) {
reset()
}
});
if (! ($.browser.msie && $.browser.version == “6.0”)) {
$(document).unbind(“mousemove mouseup”).mousemove(function(event) {
if (down) {
var eve = event || window.event;
clone.show();
var xx = (eve.pageX || eve.clientX) - cur.curX;
var yy = (eve.pageY || (eve.clientY + document.documentElement.scrollTop)) - cur.curY;
clone.css({
“top”: yy,
“left”: xx
});
var scroll = $(document).scrollTop();
if (eve.clientY > ($(window).height() - 100) && (document.documentElement.scrollTop + $(window).height()) < $(document).height()) {
document.body.scrollTop += 5
} else if (eve.clientY < 100) {
document.body.scrollTop -= 5
}
};
return false
}).mouseup(function() {
down = false;
try {
clone.hide(200)
} catch(e) {} finally {
setTimeout(function() {
$(“.clone”).remove()
},
};
return false
});
var listChange = function(_sub) {
var _sleft = sou.souX / Fwidth;
var _tleft = tag.tagX / Fwidth;
topList[_tleft] -= _sub;
topList[_sleft] += _sub;
$Obj.css(“height”, Math.max.apply({},
topList))
};
$Obj.unbind(“mousedown mouseup”).mousedown(function(e) {
var event = e || window.event;
var elem = $(event.target || event.srcElement);
sour = elem.parents(settings.tagName + “[name='” + settings.mark + “']”);
if (elem.is(settings.control)) {
sou.souX = parseInt(sour.css(“left”));
sou.souY = parseInt(sour.css(“top”));
cur.curX = (event.pageX || event.clientX) - sou.souX - settings.margin * 2;
cur.curY = (event.pageY || (event.clientY + document.body.scrollTop)) - sou.souY - settings.margin * 2 - 10;
down = true;
try {
$(“.clone”).remove();
clone = sour.clone(false, true);
clone.attr(“name”, “clone”);
clone.addClass(“clone”);
$Obj.append(clone)
} catch(e) {
$(“.clone”).remove()
}
};
return false
}).mouseup(function(event) {
if (down) {
var eve = event || window.event;
var elem = $(eve.target || eve.srcElement);
targ = elem.parents(settings.tagName + “[name='” + settings.mark + “']”) || elem;
if (targ.is(settings.tagName + “[name='” + settings.mark + “']”)) {
var current = $Obj.children(“:first”);
var top, t1 = 0;
var sub = targ.height() - sour.height();
tag.tagX = parseInt(targ.css(“left”));
tag.tagY = parseInt(targ.css(“top”));
if (tag.tagY != sou.souY || tag.tagX != sou.souX) {
while (current.length != 0) {
t1 = 0;
top = parseInt(current.css(“top”));
if (current.css(“left”) == sou.souX + “px”) {
if (top > sou.souY) {
t1 += sub
}
}
if (current.css(“left”) == tag.tagX + “px”) {
if (top > tag.tagY) {
t1 += -sub
}
}
top += t1;
current.css({
“top”: top
});
current = current.next()
}
souX = sour.css(“left”);
souY = sour.css(“top”);
tagX = targ.css(“left”);
tagY = targ.css(“top”);
listChange(sub);
targ.css({
“top”: souY,
“left”: souX
});
sour.css({
“top”: tagY,
“left”: tagX
});
clone.stop().animate({
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。
我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取
片转存中…(img-RQw2cs6y-1713507561710)]
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
[外链图片转存中…(img-fTwCC1er-1713507561710)]
最后
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。
我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取
[外链图片转存中…(img-Kz2RzOTG-1713507561710)]
397
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
