drduan / minggejs

MingGeJS1.9.4.2016完美正式版

HEAD

English version is here.

PS 1.95版本

1：继续加强 创建节点 接口，新增多类型数据传入 。

2：新增 prepend appendTo prependTo before after ，完全和JQ一一模一样，，而且带事件克隆效果，这些接口分别做了大量的工作，createNode接口，继续存在，保留参数传入

3：先前取 单个对象 需要 $("div").nodeList[0],一直惹起各方用户反感，纷纷说“JQ都不是这样的，作者技术不够吧”，因此我又做了大量工作，现在可以$("div")[0] 可以这样取了

4：选择器接口深度修复，细节不详，以及执行效率增强，可以告诉大家，比JQ最小快2倍，逻辑不比JQ少，ZEPTO更甩开他几条街。

5：新增克隆节点 ， $("div").clone(参数) 参数为TRUE时，连事件一起克隆，包括子节点。参数非TRUE时，只克隆节点，包括子节点，这个接口和JQ一模一样的，具体看JQ的方档；

6：新增add map 接口，具体请看JQ方档，反正一模一样的；

7： filter 新增可以传入FUNCTION 示例 $("div").filter(function(){ return this.nodeType==1; })，和JQ一模一样的；

8：新增依赖加载接口（非标准型）,$.createScript；

9：新增可以这样创节点 $("

123

")，还有 $([1,2,3,4]) 这样传入 还有 $( document.getElementsByTagName("div")) 节点列表传入，DOM传入等，非常人性化；

10：新增 MingGe.noConflict() 方法让渡变量 $ 的 MingGe 控制权。

该方法释放 MingGe 对 $ 变量的控制。

该方法也可用于为 MingGe 变量规定新的自定义名称.

对的，这个接口和JQ一样的，麻烦大家移步看JQ方档这个接口的详解

11：以及N多API进行深度调整

可以说1.95是MingGeJs一个**更开放，更放纵的版本，能完全用“全面改革开放”来形容这次的更新，所有API，做到密不透风，非常严格！ 目的就是，用户开心，我就开心，没有用户我就不开心。 MinggeJS经历过好几次的重大的更新，我一直好努力，好努力，我失去好多私人时间， 对于MingGeJS我越踩越深了！我无法自拨了。 我的好想在国内范围能取代JQ的位置，MinggeJS真的可以做到比JQ优秀，求大家给个机会我，给个机会MingGeJS 我希望大家可以试用一下，用来应付大型项目完全能驾驭。我知道网络上很多对minggeJS的负面评论，你要记住，只是1.6第一个版本的事 ,是我完成一个星期就发布的版本，无可否认，用垃圾来形容是对的，但是1.95已经走向成熟。1.6之前的代码已经基本消失。 MingGeJS已经做了大量单元测试，绝不可能有严重BUG，最后说一声：“给个机会MingGeJS,给个机会作者，真的想取代JQ的位置”

---

PS:MingGeJS 1.9.3.完美正式版 升级

1：新增取兄弟节点API接口 $(XXX).siblings(),$(XXX).prev(),$(XXX).prevAll(),$(XXX).next(),$(XXX).nextAll()。我不介绍了，和JQUERY的接口一样的。

2：新增content 取文本节点， 不介绍了和JQUERY一样的。

3：修复选择器为 为“”号时，取不出节点，例如$("").filter("*"),已深度修复。

4：修复children取出来的子节点有误。

5: 修正特殊情况下$(xxx)指向被错误劫持的问题！

6: 以及部份API细节作了深度调整。

---

     结语：minggeJS并不单单山寨JQUERY，更多的是融入我自己**。minggeJS的CSS3动画做得不错的，比ZEPTO动画要好是肯定的，

　　　　　　　　例如串联动画，zepto是没有的，所以minggeJS非常合适合来做手机端，做各种复杂的ＣＳＳ３动画， 另外minggeJS支持模块及插件形式分离开发，大致用法基本和JQUERY一致，有部份函数用法则有所稍略 请大家看DEMO.html演试！（DEMO.html已大幅度更新）

            我是mingge,请支持国产MingGeJs

---

继优秀作品shearphoto截图插件，本人又再推出国产山寨JQUERY，为什么我要开发一个山寨JQUERY？老实说我从来没用过JQUERY，正因为我反感JQUERY。 为什么我反感，因为我完全有开发JQUERY的能力，JQUERY的底层我都了如指掌。
我开发插件一直都是用原生JS，大家可以看下我前面的作品shearphoto就是用原生JS写的。 虽说我反感JQUERY，但是JQUERY却在前端界占有大量的用户份额，之后我有个想法，不如重新开发一个属于自己**，自己架构的JQUERY。有了想法就要实现我山寨JQUERY之路 继优秀作品shearphoto截图插件，本人又再推出国产山寨jQuery，为什么我要开发一个山寨jQuery？老实说我从来没用过jQuery，正因为我反感jQuery。 为什么我反感，因为我完全有开发jQuery的能力，jQuery的底层我都了如指掌。 我开发插件一直都是用原生JS，大家可以看下我前面的作品shearphoto就是用原生JS写的。 虽说我反感jQuery，但是jQuery却在前端界占有大量的用户份额，之后我有个想法，不如重新开发一个属于自己**，自己架构的jQuery。有了想法就要实现我山寨jQuery之路

pr/60

我给了他一个霸气的名字：MingGeJs，

MingGeJs是什么？它是我一个星期完成的作品，它是一个JS类库，它拥有和jQuery相同的语法，相同函数，相同的函数用法， 但是动画，选择器性能，函数 效率都在JQ之上，同时兼容IE 6 7 8，同时与jQuery相兼容

它的名字叫MingGeJs，MingGe就是我的大名， 一看到插件名字，就知道作者是我，知道它是国产的，让别人知道国产类库一样做得很出色，出众

本人文化程度不高，初中毕业！半句英文都不会，但是我相信只要肯努力一样可以实现自己的梦想。MingGeJS的梦想有点大胆，就是在全球范围内，占据

jQuery百分之50以上的用户份额。MingGeJs已在GIT开源，欢迎各路前端高手对MingGeJs类库进行评测！

我是mingge 请支持国产minggeJS类库，因为我们都是**人。

下面我介绍一下minggeJS几大优点。

minggeJS具有以下优点 1：选择器执行速度胜出jQuery， 以十万个DIV节点测试，分别用minggeJS与jQuery选择器取出指定节点测试： jQuery结果 ： IE7以上：花时1800毫秒 IE7 花时 8135毫秒 IE6 花时超过30-40秒之间，浏览器随机卡死。 minggeJS结果： IE7以上：花时1500毫秒 IE7花时 5132毫秒 IE6花时 23-35秒之间 浏览器也有卡死现象，但次数少。 花时越少，选择器性能越强，从结果来看，minggeJS大获全胜。 司徒正美也开发了一个号称世界最快的选择器，我也测试了下，从结果来看和我不分上下的！ 还有一点值得提提，居闻jQuery的选择器不是自己公司原创的，是用第三方选择器改出来的！minggeJS的选择器问心无愧地说全部是我原创开发的
2：众所周之，JQUERY的动画原理是采用定时器方原理，minggeJS原理不同，minggeJS的动画采用的是CSS3过渡原理，遗憾的是minggeJS的动画不支持IE678。 minggeJS并不是第一个采用CSS3过渡动画，zepto的动画也是采用这个原理，可惜zepto动画做得真心差，zepto是不支持串联式动画的，用zepto做复杂动画，简直是一大败笔。 minggeJS则支持动画串联，支持高效准确回调，支持接口查询是否正在动画等，可以告诉大家用minggeJS做手机动画，绝对是最佳的选择！
3：语法，函数用法，函数名称，都与JQUERY一致，只要会JQUERY，你就会更用minggeJS,易学易用，马上上手。部份函数用法稍有不同，例如mingge新建节点是用$(XX).createNode(),比JQUERY方便很多！ minggeJS不单单是山寨JQUERY，更多的是融入了自己的**，想法！ 4：文件体积20K左右，后期升级可能会维持在40K左右，我自己的想法就是希望不超过40K。 5： minggeJS后期的发展，更多是想往手机端发展，即使战不胜JQUERY，能战胜zepto也是赏心悦目的事。再者就是动画方面，打算采用两种模式供用户选择，1种是CSS3，第2种CSS2定时器方式，定时器方式，估计以插件方式发布！

minggejs's Issues

1.7 中新增的 `jsonp` 考虑不周导致在多次使用时出错

测试代码:

<script>
    $.getJSON('11.php?action=getWeather&callback=?', function(v){
        console.log(1111111111);
        console.log(v);
    });
    $.getJSON('11.php?action=getNews&callback=?', function(v){
        console.log(22222222222);
        console.log(v);
    });
</script>

出错信息:

11.php 的代码为:

<?php

echo $_GET['callback'], '(', time() , ');';

出错原因, 自己想.

明哥，我用不习惯github，都是英文，能不能换到国内的代码托管网站

https://gitcafe.com/
http://git.oschina.net/
到时候第一时间來粉你

Nah, why bother.

Whatever, nothing.

ajax 方法中 async 没有默认值, 导致不指定该参数的情况下 success 不会被触发.

    $.ajax({
        url: "README.md",
        type: "GET",
        success: function(ret) {
            alert(ret);
        }
    });

明哥的微博和主页

微博: http://weibo.com/u/1509569521/home?topnav=1&wvr=6
----已经更改过

获取display的方式有问题

var create = document.createElement(tag),
bodys = document.body,
returns;
create.style.visibility = "hidden";
bodys.appendChild(create);
returns = system.original("display", system.oStyleValue(create));
 bodys.removeChild(create);

这样的获取方式会被当前页面的css影响到，不一定就是所需的默认display值。
新建一个iframe来做获取吧，保证环境干净的

1.7 版本中的 on 方法仍未实现兼容 `jQuery`

目前的问题仍与之前一样.

既然说了兼容, 总不能让之前基于 jQuery 写的代码,在切换到 MingGeJS 之后, 运行效果不对吧.

@drduan 你说是吧?

ajax 方法中 `type` 没有默认值, 导致相同的代码, `jQuery` 下ok, 但 MingGeJs 下出错.

    $.ajax({
        url:'README.md',
        success:function(ret){
            alert(ret);
        }
    });

demo页面的链接

https://rawgit.com/drduan/minggeJS/master/demo.html

重复造轮子的典型

我眼中的明哥MingGe

一开始是在thinkPHP群和JFinal群看到明哥的宣传，Mingge.js。
乍一看，挺那啥的。。。但是仔细想想，能做出这样的东西，多多少少还是有些内容，明哥应该在他们公司算是一号角色吧=。=

后来看到shearkphoto，就觉得还是挺有技术含量的，明哥还在群里教小盆友使用。

但是，凡事都有两面性
本身开源这个行为就是要放弃个人对代码的影响，而靠大家的力量一起来完善这个类库。
搞个自己绰号当类库名，着实是有违开源之路。明哥也自己考虑考虑这件事情吧= =。

反过来想想，明哥不也给大家带来不少欢乐么-，-

提几点建议

1. 建议支持模块化接入，比如commonjs, amd, cmd等支持
2. 建议提供不同版本语法支持，比如ES6等
3. 建议国际化。 请不要喷我。这里指的代码里面不要有中文的状态。

load 方法实现不完整, 加载的内容中JS代码不会执行

<div id="load"></div>
<script>
    $('#load').load('12.html');
</script>

12.html

<input type="input" id="xx" />
<script type="text/javascript">
$('#xx').val(new Date().toLocaleString());
</script>

remove 方法实现有问题, 当节点没有 parentNode 时导致代码出错

<script>
    $(document).remove();
</script>

世人总是希望他人按照自已希望的方式生活

世人总是希望他人按照自已希望的方式生活，否则，就会被攻击，或被视为异类、小丑...

如果英年早逝的图灵生活在社会容忍度更高的社会，悲剧就不会发生，人类社会遭受如此巨大损失的确令人惋惜。你当然远远不够资格和图灵相比，我只是从某个角度来类比这个社会。

虽然minggeJS里确实有很多槽点，虽然我也不认为你有什么非凡的才干，能抵得上图灵的万分之一，虽然你有些行为表现的也令我反感、严重生理不适...但我认为好多人这样调侃、攻击你是错误的。

开源总是要鼓励的。

提个建议

changelog什么的建议用markdown啊，用txt实在太掉价了。。。

建议添加上代码格式检查

如题，加油～

---

fecs小尾巴

objToUrl 在对 key/value 进行拼接时未对内容进行 encode 导致拼接的参数有误

<script>
    var a = {"url":"http://test.com/123.xyz?x=1&y=2"};

    alert($.objToUrl(a));
</script>

正确的情况下后端接收到的url的值是: http://test.com/123.xyz?x=1&y=2
但你的代码发送的是 http://test.com/123.xyz?x=1, 因为后面的 &y=2 变成了另一个参数(y).

抱歉

抱歉。

htmlVal 方法中未正确检测 nodeList 中是否有内容,而直接使用其内容, 导致产生异常

虽然有 try/catch, 但此处完全可以不用 try/catch.

        htmlVal: function(hv, str) {
            try {
                var isIndex;
                if (D.isTxt(str)) {
                    D.each.call(this.nodeList,
                    function() {
                        system.isIndex(hv, this) && (this[hv] = str);
                    });
                    return this;
                }
                var html = this.nodeList[0][hv];//这里会出错, 解决办法: return this.nodeList.length ? this.nodeList[0][hv] : null;
                return this.nodeList[0] ? html: null;
            } catch(e) {
                return null;
            }
        },

$('#sdflaksjdflaksjdflkjasldfjkasdf').html();//命中一个页面中不存在的东东, 就可以引起异常

没有Promise的实现

何谈兼容jQuery？

提点建议

代码我是懒的看，但写注释是一个好的习惯，整篇代码下来一行注释都没（最上面的声明除外），甚至连一个分隔函数的空行都不舍得打有什么好处呢？只会使你的代码更难被看懂并且越来越难以维护，会使想给你的代码添砖加瓦的人望而却步。

单元测试和自动化构建是好东西，而你却忽略了他们。

parent 方法未能正确处理没有 `parentNode` 节点的节点, 导致 js 出错

<script>
    alert($(document).parent().parent());
</script>

你们别说明哥了，我不知道你们写不写的出来，反正我写不出来。

我是菜鸟，我挺明哥，明哥加油！！！
Ps:明哥我粉你了，快粉我

Please use English in github

Why you guys always use Chinese in github?
PS:Some people even do not has the qualification to abuse others

统一回复下。
我认为github上不仅仅是**人，我们就应该用英文来交流，方便所有人来交流。
有些脑子有包的人认为我是装逼。
第一，我英语并不好，我装逼为什么要选自己不了解的领域？
第二，我本身是个非常讨厌装逼的人。
我只是随意说说，有几个说我装逼的，我也不知道哪里让你觉得了。
如果你非要说我装逼，那我只能说，我操**。哈哈
个人理解不同，别不了解我的想法就给我瞎扣帽子。
我还觉着你骂我装逼就是旨在说明自己英语好呢，是一种装逼于无形的手法，你怎么解释？

喜欢装逼的人，看谁都是在装逼。

关于我那个KWSD之前README用中文的。
那个是我两年前的项目，当时没有这个意识。
前阵子在一个项目下面看到有人用中文提issue然后别人要求他改成用英文，我才有的感触。
所以我虽然英语不好提个英文issue错误百出。
包括这里speak English say Chinese也充分证明我把英语还给了老师。
@hoosin 同学一个劲嘲讽我装逼我也是没看懂。

继续打脸, 新发布的 1.7 版本中对 $.toJSON 实现有误, 生成的JSON串不正确.

<script src="MingGe_Min_1.7.js"></script>
<script>


var a = {
    b:'sdf\n\r"\'sdfasd'
};

alert($.toJSON(a));


</script>

正确的应该为下面这样:

还是那句话, 自己没能力就别 tree new bee.

做人要脚踏实地, 把自己吹到天上,只会引来更多人喷你, 看不起你.

回家洗洗睡吧, 别出来丢**人的脸了.

<script>
    var MingGe = {};

    MingGe.isSb = 'S"B';

    alert($.toJSON(MingGe));
</script>

自己拿你的代码试, 看你转出来的JSON串是个什么玩意.

建议命名采用拼音

方法都用拼音命名才符合国情，大家说是不是啊！！！

建议将代码模块化，更容易维护

可以借鉴其他开源项目的实践，将代码模块化，然后经过构建，形成发布的文件。
这样子比较利于维护。
虽然你有驾驭单文件 1000+ 行数的能力，但要照顾下其他的贡献者。

on 方法实现错误, 导致多次使用时, 绑定的事件只有最后一个.

测试代码:

<input type="button" id="test" value="test" />
<script>
    $('#test').on('click', function(){
        alert(1);
    });

    $('#test').on('click', function(){
        alert(2);
    });

    $('#test').on('click', function(){
        alert(3);
    });
</script>

https://coding.net/u/lulin/p/minggeJS/git

说好的国产呢？

https://coding.net/u/lulin/p/minggeJS/git

明哥请收下我的膝盖

提个建议

新版本要不就添加个 release，写个更新日志
不要好多个 新版本更新内容.txt 咧

isHtml5() 在IE低版本浏览器下报错.

<script>
    alert($.isHtml5());
</script>

你们别闹了，什么 minggeJS 什么超越 jQ，不过是事件营销而已

别折腾了，跟凤姐一个套路。
该干嘛干嘛去吧。

大家也是够闲的

我怀疑明哥在监狱里呆时间太久了，出来之后粪发图墙。

建议给出完善的文档，要不怎么用

还有，MarkDown写的也有待提高~

明哥我爱你，爱明哥的进来

被楼主的才华所吸引！JQuery 定义了牛逼，而明哥定义了**！我对明哥的敬仰如滔滔江水，绵绵不绝！明哥还缺打下手的吗，看门的那种！！！

removeClass报错

测试代码

<div class="a">随便看看</div>
<script>
    $('.a').removeClass().addClass('c');
</script>

预期结果

<div class="c">随便看看</div>

实际结果

Uncaught TypeError: Cannot read property 'addClass' of undefined

开源协议呢？

是开源的吧？希望我没理解错，那么开源协议是什么？不写开源协议是挑战不了jQuery的。

1.7 中新增的 width, height, top, left 在当前选择器未命中内容时 出错

<script>
    $('#asdfasdfasdfasdf').width();
</script>
<script>
    $('#asdfasdfasdfasdf').height();
</script>
<script>
    $('#asdfasdfasdfasdf').top();
</script>
<script>
    $('#asdfasdfasdfasdf').left();
</script>

你们提交的request，我大明哥都没merge

你们在瞎提交什么

README中错别字很多

望再审视一遍

load 方法实现不完整, 不支持加载目标页面的局部

<div id="load"></div>
<script>
    $('#load').load('12.html #xyz');
</script>

12.html

<input type="input" id="xx" />
<script type="text/javascript">
$('#xx').val(new Date().toLocaleString());
</script>
<div id="xyz">nnnnnnnnnnnnnnnnnnn</div>

既然牛b吹起来了, 说要兼容 jQuery, 那么请实现这些目前不支持的功能.
否则你让那些目前使用 jQuery的代码,怎么无痛切换到你的 MingGeJS 下呢?

求支持IE5.4.3.2.1

明哥这么叼，求支持IE6之前的版本。

is 方法实现有问题, 当 当前选择器无命中内容时, 代码出错

<script>
    $('#laksjdflakjsdlfkjalskdjflajksdflkajlskfdalsjflkajsd').is(':animate');
</script>

出错截图:

点个赞

其他不能说明什么，但开源认真的精神值得学习，这是学者的精神

能不能给代码添加点注释啊

目前只能纯靠功力来看你的代码

明哥 加油

~~

卧槽，再次安利一发基友的 morn-js。真·支持到IE6，真·性能高过jQuery（虽然其实差不多）

基友去年在MSRA实习的时候顺手写的。

GitHub 地址：https://github.com/icymorn/morn-js