原创图片滚动加载...JS 插件，喜欢的拿去 ---minggeJS 之父又来了

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3029 天前的主题，其中的信息可能已经有所发展或是发生改变。

下载地址： https://github.com/drduan/minggeJS/issues/209

MingGe.scrollLoad2.0 滚动加载插件：

MingGe.scrollLoad2.0 插件运行速度非常快，
demo.html 演试采用的大量图片以瀑布流形式滚动测试。
我特意百度了同类型插件，图片太多时滚动超级卡，而且 BUG 较多（我只演试了 3-4 个同类型的插件）。
而 MingGe.scrollLoad 呢滚动时，则非常流畅，这就是 MingGe.scrollLoad 的高效性能。

问： MingGe.scrollLoad 支持 JQUERY 吗？我想用 JQUERY ，不想用不知名的 MingGeJS

作者答：不支持，你不使用 MingGeJS 妄想用 MingGe.scrollLoad 插件，另外 MingGeJS 很出名。

问：为什么不支持 JQUERY ，这么流行的库，你也不支持，是你技术不行吗！

作者答：我极度讨厌 JQUERY ！ MingGe.scrollLoad 开发目的，就是来吸引用户使用 MingGeJS 。如果支持 JQUERY ，那 minggeJS 就没意义了。
说白了就是要强制性迫你使用 MingGeJS ，

如果你反感 MingGeJS ，那你以后也别用我的插件，因为以后所有项目都会基于 MingGeJS 进行开发，请详细了解 minggeJS http://www.shearphoto.com/bbs/forum.php?mod=viewthread&tid=41

问： MingGe.scrollLoad 有教程吗？

作者答： MingGe.scrollLoad 非常简单，看下 DEMO 的源码，有教程的。超级简单，就算智障的看一下也会马上使用。

问： MingGe.scrollLoad 兼容 IE678 吗?

作者答：尘世间所有浏览都支持！

问：这样插件，百度一大堆，有必要重新做轮子吗？

作者答：百度有，百度的事，我只需要做好自己的插件，一个属于 MingGeJS 的插件。 MingGe.scrollLoad 有自己的特色，百度有百度的特色，
再者 MingGe.scrollLoad 并不是你百度所找到可比，关键是 MingGe.scrollLoad 的卓越性能

请勿拿百度来大我，请叫我轮子哥。

问：我能拿 MingGe.scrollLoad ，改成 JQUERY 版本吗？

作者答：不行，是违法行为，我会拿法律的武器惩治你， MingGe.scrollLoad 所有版权归我所有，

MingGe.scrollLoad 歇斯底里就是要故意不支持 JQUERY ，强迫你使用 MingGeJS 作为类库，这叫营销策略。

我允许你改成 JQUERY ，我岂不是倒自己米饭，有可能吗？

基于 MingGeJS 开发（ MingGeJS 插件）

版本号： MingGe.scrollLoad2.0

下载地址： https://github.com/drduan/minggeJS/issues/209

92 条回复 • 2016-02-29 16:57:02 +08:00

minggeJS

2016-01-09 04:21:24 +08:00

演试： http://www.shearphoto.com/load

ufo22940268

2016-01-09 05:27:06 +08:00

有个性，我喜欢

minggeJS

2016-01-09 05:59:38 +08:00

百分之 99 的人应该是用百度回来的 lazyload.js 这个插件，可以告诉大家 lazyload.js 在瀑布流页面下，运算错误的，理直气壮跟大家说 MingGe.scrollLoad 秒 lazyload 一条街，无论是执行效率，还是准确性！呵呵， MingGeJS 值得大家拥有

klmd99

2016-01-09 08:08:20 +08:00

学习了，支持！

Kokororin

2016-01-09 08:50:05 +08:00 via Android

为什么你的 discuz 论坛还用的 jQuery 呢？

minggeJS

2016-01-09 09:14:27 +08:00

discuz 是用来留言用，我只当他留言板而已，还有 disucuz,原封不到没改过的，他有没有用 JQUERY ，我不清楚，凡正我自己不会用，再者，我平生从没 JQUERY 应用项目内，因为极度反感

ljcarsenal

2016-01-09 09:38:32 +08:00 via Android

敢问楼主在哪工作

oott123

2016-01-09 10:03:17 +08:00

不允许修改，和闭源有什么区别

hpeng

2016-01-09 10:08:48 +08:00 via iPhone

@oott123 因为是 js ，无法闭源 23333

allce231

2016-01-09 10:10:48 +08:00

狂妄自大

xgfan

2016-01-09 10:23:55 +08:00

还好我不写 js

SourceMan

2016-01-09 10:30:57 +08:00 via iPhone

不错，支持了

whtsky

2016-01-09 10:41:00 +08:00 via iPad

“请叫我轮子哥”

SCaffrey

2016-01-09 10:44:21 +08:00 via iPad

这帖子什么鬼啊

SCaffrey

2016-01-09 10:47:36 +08:00 via iPad

https://www.v2ex.com/t/164415

EPr2hh6LADQWqRVH

2016-01-09 10:52:06 +08:00 via iPhone

明哥太谦虚了，直接说我是明哥就行了

kfll

2016-01-09 10:53:20 +08:00 via iPhone

=_=说句实在话… minggejs 里面至今还能看到 alert ……

yangzj1992

2016-01-09 10:58:09 +08:00

jquery 的开发者和你有世仇吧...

xwartz

2016-01-09 11:17:12 +08:00

明哥你怎么不继续更新 minggeJS 了，这还怎么超 jQuery

minggeJS

2016-01-09 11:25:29 +08:00

@xwartz 换一下推广路线， minggeJS 作为优秀类库若然没有插件来配合，用户量上不去的，所以走开发小插件的路线，赢取更多用户份额

allce231

2016-01-09 11:28:45 +08:00

长亭外古道边芳草连天

xwartz

2016-01-09 11:31:08 +08:00

@minggeJS 但是现在大家都不喜欢用库了，都是用 mvc mvvm 一套搞定了，明哥你还要加油啊

LWXYFER

2016-01-09 11:31:36 +08:00

@justjavac 嘿嘿

doublleft

2016-01-09 11:34:35 +08:00

明哥我是阿里巴巴集团树新风事业部, 对你的项目很有兴趣, 希望取得联系.

minggeJS

2016-01-09 11:37:26 +08:00

@doublleft QQ399195513

fyhqy

2016-01-09 11:52:29 +08:00

不错。支持下 mingge

jsthon

2016-01-09 11:55:03 +08:00 via Android

开始总感觉“演试”是错别字，特意查了一下，果然我还是太年轻了啊！支持明哥！

4641585

2016-01-09 12:19:34 +08:00

@doublleft tree new bee ？

kiwi95

2016-01-09 12:27:23 +08:00

中二病

banricho

2016-01-09 12:27:47 +08:00

期待明哥的 Angular

Lxxyx

2016-01-09 12:29:44 +08:00

@doublleft = =。你这么逗别人真的好么。。

minggeJS

2016-01-09 12:33:40 +08:00

@Lxxyx 狗眼看人低

quericy

2016-01-09 12:36:37 +08:00

@doublleft 树新风事业部哈哈哈

ck65

2016-01-09 12:46:13 +08:00 via iPhone

心疼 @Lxxyx 其次心疼明哥😂

XadillaX

2016-01-09 13:26:03 +08:00 via Android

@doublleft b 别逗

XadillaX

2016-01-09 13:26:33 +08:00 via Android

@doublleft _(:з」∠)_ 多打了个字

s0f

2016-01-09 14:08:10 +08:00

蛤蛤。。厉害

mcwanderer

2016-01-09 14:23:02 +08:00

树新风事业部膜拜

rwx

2016-01-09 14:41:34 +08:00

连「轮子哥」的外号都有人抢注了

usb

2016-01-09 15:07:49 +08:00

中二请对应自己的需要在下列导航中自由选择。
中国器官捐献网 http://www.organdonation.org.cn
中国红十字会 http://www.redcross.org.cn/hhzh/
中国殡葬协会 http://www.chinabz.org
中国残联 http://www.cdpf.org.cn
中国精神病协会 http://www.zhjsb.cn
中国司法部 [监狱] http://www.moj.gov.cn
中华人民共和国最高检察院 http://www.spp.gov.cn
中华人民共和国最高人民法院 http://www.court.gov.cn

tuimaochang

2016-01-09 15:10:57 +08:00

"树新风"事业部-_-#

ybh37

2016-01-09 15:26:09 +08:00

树新风事业部

klmd99

2016-01-09 15:37:14 +08:00

@4641585 这英语水平 new bee!

Andy1999

2016-01-09 15:50:02 +08:00

等了半个小时还没处理完

我还能说什么呢？

minggeJS

2016-01-09 15:55:23 +08:00

@Andy1999 下载到本机运行，服务器宽带不够

BoiledEgg

2016-01-09 16:05:44 +08:00

树新蜂事业部 23333333333333

polandeme

2016-01-09 16:51:42 +08:00

@minggeJS 宽带 !== 带宽吧

laosb

2016-01-09 17:04:29 +08:00

@polandeme @minggeJS 岂是「宽带！==带宽」，明明就是「宽带！=带宽」

polandeme

2016-01-09 17:17:14 +08:00

@laosb [233...

enda

2016-01-09 17:21:26 +08:00

老实说我从来没用过 LazyLoad ，正因为我反感 LazyLoad 。
为什么我反感，因为我完全有开发 LazyLoad 的能力， LazyLoad 的底层我都了如指掌。
虽说我反感 LazyLoad ，但是 LazyLoad 却在测试界占有大量的用户份额，
之后我有个想法，不如重新开发一个属于自己思想，自己架构的 LazyLoad 。
我给了他一个霸气的名字： MingGeLazyLoad ，
它的名字叫 MingGeLazyLoad ， MingGe 就是我的大名，一看到 LazyLoad 名字，
就知道作者是我，知道它是国产的，让别人知道国产 LazyLoad 一样做得很出色，出众。
我是 MingGe ，请支持国产 minggeLazyLoad ，因为我们都是中国人。

Outshine

2016-01-09 17:30:18 +08:00

@justjavac 还有 30 分钟到达战场！

Taivas

2016-01-09 17:36:49 +08:00

前来膜拜。。。

pepsin

2016-01-09 17:37:54 +08:00

https://github.com/pepsin/Ase 那我趁机推广我的框架好了.

一个极简反人类框架, 比 VanillaJS 多一点点方便. 体积巨小. 文档什么的没有, 因为代码太少了, 随便看看就明白了. 希望大家用这个, 别用 mingge jquery 啥的了.

binux

2016-01-09 17:45:28 +08:00 via Android

报告 lz 插件不支持 w3m 浏览器

minggeJS

2016-01-09 17:45:41 +08:00

@pepsin 你太极品了，我一看你代码知道你新手 NodeList.prototype.xxxxx 几十句，看了一下马上就关了！

minggeJS

2016-01-09 17:50:05 +08:00

@pepsin
NodeList.prototype.bind = function(event_name, func) {
var nodes = this;
for (var i = 0; i < nodes.length; i++) {
if (nodes[i].tagName) {
nodes[i].addEventListener(event_name, func);//["on" + event_name] = func;
}
};
return nodes;
};

开什么玩笑了，是你的杰作？

nyanpath

2016-01-09 17:56:36 +08:00

请联系唯一 qq: 337845818

hellokittyer

2016-01-09 18:02:18 +08:00 via Android

bat 的国产货拿来用都要三思，楼主么，快去树新风事业部

chemzqm

2016-01-09 18:04:20 +08:00

突然想起来我也有个 dom 模块 https://github.com/chemzqm/dom ，特点是只有 Dom 操作...
虽然我自己并不用，但是喜欢简洁的可以拿去，测试齐全，支持 npm component 安装

falcon05

2016-01-09 18:28:28 +08:00 via iPhone

我就问一句，不用还是不是中国人？

iyangyuan

2016-01-09 18:47:33 +08:00 via iPhone

@pepsin
你这个代码的确有很大问题，别的我看不出来，单说事件，不能直接让浏览器注册这么多事件，效率太低，一般是自己管理事件，只在 root 注册，然后自己实现事件调度，我也没具体实践过，说错勿怪

pepsin

2016-01-09 18:55:55 +08:00

@iyangyuan 这个当时要兼容 IE5.5 以上到所有平台浏览器, 似乎那个没什么先进的办法, 就采取这种糙办法了. 效率嘛, 其实还好, 这个生产上用好久了. 也没什么差异.

minggeJS

2016-01-09 19:07:33 +08:00

@pepsin 我不是针对你，因为我天天也被人针对,明白被人针对的感受，我技术应该算比较厉害的。我观你代码五分钟，你的代码写得不是路，完全新手入门水平，面向对象也不怎么操作，对原型了解不清淅

minggeJS

2016-01-09 19:14:34 +08:00

@pepsin
var Select = function(selector, context) {
//var sizzleExist = (typeof Sizzle != "undefined");
if (context) {
return context.querySelectorAll(selector);
} else {
return document.querySelectorAll(selector);
}
};

什么玩意！你有脸拿出来代码完全不会去缩短一下，最离谱的是，这样叫选择器了

nowcoder

2016-01-09 20:10:13 +08:00

@doublleft 别黑。

shyling

2016-01-09 20:29:47 +08:00

@minggeJS 能不能加你 qq 学习一下吖 0 0

chemzqm

2016-01-09 20:33:40 +08:00

@iyangyuan 是谁规定的不能？只是做普通页面，多注册些事件能对性能能有啥影响？代码该如何写要看项目实际需要的好吧。

@minggeJS 虽说这封装跟不封装没啥区别，但是怎么就不可以算选择器了？

pepsin

2016-01-09 20:35:43 +08:00

@chemzqm 哈哈, 多说无益. 咱们都是新手, 还是虚心接受指导吧.

zsx

2016-01-09 20:37:47 +08:00

@chemzqm

明哥是说这才叫选择器

theohateonion

2016-01-09 20:51:04 +08:00

还是把 mingge 屏蔽了安静

sox

2016-01-09 20:54:47 +08:00

@whtsky 这是侮辱了轮子，不，侮辱了哥。

deadEgg

2016-01-09 22:51:48 +08:00

我觉得你是在污染环境

ryd994

2016-01-09 23:06:51 +08:00

@theohateonion 我本来也想屏蔽的，后来一想，看楼下评论也是一大乐趣……

Andy1999

2016-01-09 23:09:17 +08:00 via iPhone

@ryd994 +1 一天下来抄到不少代码

iyangyuan

2016-01-09 23:09:45 +08:00

@chemzqm 本来我不想回了，但是我还是想说，既然你写的是框架级别的东西，既然你要给别人用，就负责任一些，至于具体这么些，随你便，与我何干

chemzqm

2016-01-09 23:23:15 +08:00

@iyangyuan 那几行代码能叫框架？只是玩笑话吧。
有句话叫过早优化是万恶之源，说的就是过早把项目设计的复杂化导致维护困难，人家又不是 bug ，只是不适合用于性能有要求的环境罢了，做前端的东西最傻的就是苛求完美，你追求易用，高性能，必然是会牺牲简单性和灵活性的

zongwan

2016-01-10 00:29:36 +08:00

谈一个伤感的话题
如果有一天明哥老了。。。 minggejs 还是 minggejs 吗。。。
会不会改成 mingshujs 。。。 mingyejs 。。。
建议发布分支 minggeneveroldjs 或者 mingge17foreverjs

freaks

2016-01-10 00:38:45 +08:00

看到了 mingge 小时候的照片,觉得是有故事的男人

df4VW

2016-01-10 02:16:25 +08:00

@ryd994 +1 ，要调节调节生活嘛！

pepsin

2016-01-10 12:28:45 +08:00 via Android

@iyangyuan 我忘了说另一点了，那个框架是一个大东西的基础，移动适用，所有代码压缩后希望在 10k 内。

minggeJS

2016-01-10 12:44:17 +08:00

@pepsin 看了你代码好害怕啊！

NodeList.prototype.removeClass = function(class_name) {
var nodes = this;
return nodes.each(function(node) {
node.className = node.className.split(class_name).join(" ");

});
}
这是 removeClass 是这样写的吗，你逻辑能强点好不！

NodeList.prototype.xxxx 一大堆，能开源是好事，但是代码乱七八遭

面向对象估计你刚学一个星期左右，连 this 都不会用，你反醒一下，加强自己技术

还有这句

var Select = function(selector, context) {
//var sizzleExist = (typeof Sizzle != "undefined");
if (context) {
return context.querySelectorAll(selector);
} else {
return document.querySelectorAll(selector);
}
};

连续两次 return xxxx.querySelectorAll ，你没事吧 ,麻烦你全部重写！

Balthild

2016-01-10 14:19:44 +08:00 via Android

如果有人看了你的算法，不直接改，而是用你的算法来直接重写 jq 版本，这可是不违反版权的哦。版权只保护程序本身，算法是归专利权管的。

Corps

2016-01-10 14:28:21 +08:00

老实说我从来没用过 Google ，正因为我反感 Google 。为什么我反感，因为我完全有开发 Google 的能力， google 的底层我都了如指掌。虽说我反感 Google ，但是 Google 却在搜索界占有大量的用户份额，之后我有个想法，不如重新开发一个属于自己思想，自己架构的 Google 。我给了他一个霸气的名字： MingGeYmSearch ，它的名字叫 MingGeSearch ， MingGe 就是我的大名，一看到 MingGeSearch 名字，就知道作者是我，知道它是国产的，让别人知道国产 Google 一样做得很出色，出众我是 MingGe 请支持国产 MingGeSearch ，因为我们都是中国人。

minggeJS

2016-01-10 21:29:32 +08:00

MingGe.scrollLoad2.51 发布了

MingGe.scrollLoad 的开发专门针对 lazyload 来强爆的

MingGe.scrollLoad 无论执行效率还是准确性都在 lazyload 之上，秒杀 lazyload 一条街，

首先 lazyload 在瀑布流页面下是执行不正确的，我提供的 demo.html 采用的就是瀑布流，不信代入 lazyload 接口试试

其次 lazyload 是不兼容 IE678 的， lazyload 很认真讲就是水货一件

还有 lazyload 执行效率非常差，作者水平很一般，可能作者 JQUERY 中毒太深了，大家对比一下自然明白。

下载地址 https://github.com/drduan/minggeJS/issues/209

Niphor

2016-01-10 23:57:13 +08:00

"日你马， IDC 投诉，不演试"

别这样...

Technetiumer

2016-01-11 02:30:49 +08:00 via Android

然而“轮子哥”已经被占了，知乎上有个非常知名的轮子哥(vczh)。。。。。。

来个 MingGeVCZH ？

老实说我从来没用过 HTML ，正因为我反感 HTML 。为什么我反感，因为我完全有开发 HTML 的能力， HTML 的底层我都了如指掌。虽说我反感 HTML ，但是 HTML 却在搜索界占有大量的用户份额，之后我有个想法，不如重新开发一个属于自己思想，自己架构的 HTML 。我给了他一个霸气的名字： MingGeHTML ，它的名字叫 MingGeHTML ， MingGe 就是我的大名，一看到 MingGeHTML 名字，就知道作者是我，知道它是国产的，让别人知道国产 HTML 一样做得很出色，出众我是 MingGe 请支持国产 MingGeHTML ，因为我们都是中国人。

MingGeHTML ， MingGeCSS

Technetiumer

2016-01-11 02:49:52 +08:00 via Android

老实说我从来没听说过轮子哥，为什么我没听说过轮子哥，因为我完全有当轮子哥的能力，当轮子哥要做什么我都了如指掌。虽说我没听说过轮子哥，但是轮子哥却在知乎界占有大量的份额，之后我有个想法，不如在 V2EX 重新打出一个属于自己的轮子哥名号。我给了他一个霸气的名字： MingGe 轮子哥，他的名字叫 MingGe 轮子哥， MingGe 就是我的大名，一看到 MingGe 轮子哥名字，就知道是我，我是 MingGe 请支持 V2EX 的 MingGe 轮子哥，因为我们都是 V 友。

Technetiumer

2016-01-11 03:08:52 +08:00

玩笑，勿打， (逃
----------

MingGe 轮子哥 v0.2

老实说我从来没听说过轮子哥，为什么我没听说过轮子哥，因为我完全有当轮子哥的能力，当轮子哥要做什么我都了如指掌。虽说我没听说过轮子哥，但是轮子哥却在知乎界占有大量的份额，之后我有个想法，不如在 V2EX 重新打出一个属于自己的轮子哥名号。我给了我一个霸气的名号： MingGe 轮子哥，我的名号叫 MingGe 轮子哥， MingGe 就是我的大名，一看到 MingGe 轮子哥名号，就知道是我，我是 MingGe 请支持 V2EX 的 MingGe 轮子哥，因为我们都是 V 友。

----------

MingGeCSS v0.1

老实说我从来没用过 CSS ，正因为我反感 CSS 。为什么我反感，因为我完全有开发 CSS 的能力， CSS 的底层我都了如指掌。虽说我反感 CSS ，但是 CSS 却在搜索界占有大量的用户份额，之后我有个想法，不如重新开发一个属于自己思想，自己架构的 CSS 。我给了他一个霸气的名字： MingGeCSS ，它的名字叫 MingGeCSS ， MingGe 就是我的大名，一看到 MingGeCSS 名字，就知道作者是我，知道它是国产的，让别人知道国产 CSS 一样做得很出色，出众我是 MingGe 请支持国产 MingGeCSS ，因为我们都是中国人。