Git Product home page Git Product logo

kissy's Introduction

KISSY

A Powerful Collection Of Modules

kissy NPM downloads Dependency Status Bower version

Vision

模块化,跨终端,高扩展性,组件齐全,接口一致,自主开发,适合多种应用场景

Build

npm install bower -g
npm install
bower install
npm run build

Build your own modules

https://github.com/kissyteam/kissy/blob/master/build-your-own-modules.md

Modules

http://kissyteam.github.io/badgeboard/

Questions?

kissy's People

Contributors

4simple avatar cubee avatar cyjake avatar dev2geek avatar dxq613 avatar fengdi avatar fool2fish avatar gaoli avatar gonghao avatar goto100 avatar jayli avatar jinwei233 avatar keyapril avatar kingfo avatar lifesinger avatar lizzie avatar macji avatar maxbbn avatar moldauder avatar myhere avatar satans17 avatar shuier avatar sorrycc avatar sunnylost avatar suweihua avatar weekeight avatar yhanwen avatar yiminghe avatar yuanyan avatar yyfrankyy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

kissy's Issues

Slider在IE6中有问题

为了调整IE6行高,加了margin,发现在IE6里面垂直滚动文字的位置错了,希望能检查一下

minDate()最小日期显示月份

最小日期为非本月的某天时应该定位到可选月份。
如当前为5月31日,最小日期为3天后,这时应该显示6月份。

Bug for loader.js, dynamic script will not work if url length is over 2,083 chars

Microsoft Internet Explorer has a maximum uniform resource locator (URL) length of 2,083 characters. Internet Explorer also has a maximum path length of 2,048 characters. This limit applies to GET request URLs especially in IE6.
If the dynamic script created with long url, say the length is larger than 2,83 characters, the method getScript in loader.js will not work. Although it is an edge case, I think it is better to fix it at very beggining, otherwise, the cost of fixing this issue might be higher.
For the request data size limitation, Please check details here: http://support.microsoft.com/default.aspx?scid=kb;EN-US;q208427.
Thanks,
Webjspd

Unhandled exception: document.defaultView.getComputedStyle(div, null) is null (FF, hidden iframe)

page1 :

 <div style="display:none" id="i2">
        <iframe src="iframe.html" width="601" height="601" id='i1'></iframe>
   </div>

 <script>   

 KISSY.ready(function(S){
    //alert(S.all("i1").css("height"))


    setTimeout(function(){
        S.all("#i2").show();
    },1000);
 });

 </script>

page2:

 <div style="display:none" id='i1'>
 x
  </div>

 <script>   

 KISSY.ready(function(S){
    var ok=false;
   function run(){
    try{

        S.log(S.all("#i1").css("height"));

        ok=true;
    }catch(e){
        S.log(e);
        }

    if(!ok){
    setTimeout(run,10);
    }
    }

    run();

 });

show方法在某些情况下不可用

当对类似下面的元素使用show方法时,将无法得到预期结果:

<style> .hide{ display: none; } </style>
你看不见我

这时,使用代码KISSY.one('#d').show()。。。。

relatedTarget is unstable in ie

<script src="http://a.tbcdn.cn/s/kissy/1.2.0/kissy-min.js"></script>
<style>
*{margin:0;padding:0;}
</style>
<body>
    <div id="test" style="display:block;font-size:0;background:white;border:1px solid black;">
        <img src="http://img02.taobaocdn.com/tps/i2/T160CEXehsXXXXXXXX-50-50.jpg"/></div>
    <div id="test2" style="width:1000px;height:300px;background:green;"></div>
</body>
<script>
    KISSY.ready(function(S){
        S.one("#test").on("mouseleave",function(e){
            console.log(e.relatedTarget.outerHTML); // sometimes image !!
        })
    })
</script>

seed 文档有误

docs/seed/index.html

“包含 4 个模块”, 是 3 个模块吧。

slideUp和slideDown方法有问题

有一个div:

先使用KISSY.one('#b').slideUp();
先使用KISSY.one('#b').slideDown();

div将不会再显示出来,看代码感觉好像是anim-node-plugin.js中的fx方法部分逻辑有点问题

1.1.6下ajax模块有问题吧?(请关闭)

【已解决,是json格式不对】
请求发出去了,执行不了回调函数callback
代码:
(function(S){
var IO = S.IO;
S.log(IO);
S.one('#btn').on('click',function(){

S.ajax({
    type: 'GET',
    url: 'data-json.jsp',
    data: null,
    success: function(data, textStatus, xhr) {
        alert('ss');
        S.log(data);
    },
    dataType:'json'
});

});

//IO.get('data-json.jsp', 't=1', function(data){
//}, 'json');

})(KISSY);

spurious tbody in ie<8

    var str='<table><thead><tr><th>测试</th></tr></thead></table>';
    var a=S.DOM.create(str);
    alert(a.innerHTML);

Switchable组件init事件疑问

Switchable组件的 EVENT_BEFORE_INIT 和 EVENT_INIT 事件
在 _init() 方法中触发,

但是,不知道怎么设置这两个事件,请教。

使用suggest时提示框返回乱码

我是刚注册的新手,下载了1.1.7版本后,用IE7打开了src/suggest目录下的demo.html,在输入框中输入中文后,返回的下拉提示框全是乱码,不知是什么原因?能否说明一下,谢谢!

NodeList slice error in ie<9

(function(S){
        var $ = S.all;
        alert($("li",".box").slice(0,1).html());
        // negative parameter  is not ok
        alert($("li",".box").slice(-1).html());//在IE6下undefind
        // single parameter is not ok too
       $('li').slice(1).length); 
    })(KISSY);

yui3 ok :

YUI().use('node', function(Y) {
        var $ = Y.all;
        var  node1 = $("li",".box").slice(0,1);
        alert(node1.get("innerHTML"));
        var node2 = $("li",".box").slice(-1);
        alert(node2.get("innerHTML"));
});

submit can not be stopped in ie when bubbling

    <div id='t'>
        <form id='f'>
             <input type='submit' id='s'/>
        </form>
    </div>
    <script>
        KISSY.use("node", function (S,Node) {
            var $ = Node.all,
                    ret = [];

            $("#t").on("submit", function (e) {
                e.preventDefault();
                e.stopPropagation();
            });

            $('#s')[0].click();

            setTimeout(function () {

                $("#t").on("submit", function (e) {
                    ret.push(1);
                    e.preventDefault();
                    e.stopPropagation();
                });

                $("#f").on("submit", function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                });

                $('#s')[0].click();

                setTimeout(function () {
                    alert(ret.length == 0);
                }, 100);
            }, 100);
        });
    </script>

在4月份无法设置3月31日,calendar的bug

设置Date时应该按年月日顺序设置。

--- kissy/src/calendar/calendar-page.js
@@ -181,9 +181,9 @@
                     if (e.target.hasClass('disabled'))return;
                     var selectedd = Number(e.target.html());
                     var d = new Date();
+                   d.setYear(cc.year);
+                   d.setMonth(cc.month);
                     d.setDate(selectedd);
-                    d.setMonth(cc.month);
-                    d.setYear(cc.year);
                     //self.callback(d);
                     //datetime的date
                     cc.father.dt_date = d;

非bug

web.js里开头的注释写成lang了

calendar 问题

通过tab键来选择开始和结束日期,TAB到第二个输入框时,第一个日历弹出框没有关闭

nice api

look
Keep It
Simple & Stupid, Short & Sweet, Slim & Sexy...
Yeah!

so
KISSY.Event.on('.el','click',fn,{propagation:false,delay:200,buffer:200,scope:this,prevent:false})

switchable 完善

  1. 增加 add remove (董晓庆/承玉)
  2. 不在可视区域则停止自动滚动 (乔花)
  3. 增加参数,可内部记录运行实例 (释然)
  4. 增加触屏支持(拔赤)
  5. css3 情况下直接使用 css3 动画设置

DOM html method

var S = KISSY;
var $ = S.all;
var node = $('<div class="outer"><div class="inner"><div class="test">text</div></div></div>');
var inner = node.one('.inner');
inner.remove();
// if i remove it from it's original node point , then call the html() method ,the result string will include '_ks_data_1323409006718="66"' in IE

alert(inner.html())

KISSY1.1.6的S.Carousel组件有bug

例如生成一个Carousel的实例:
var c = new S.Carousel('#demo',{
/* config */
});
在这段代码后的所有代码都不会执行了,应该是S.Carousel内部出错了,1.1.6之前的版本则没有问题

datalazyload 卸载事件

Event.remove(win, RESIZE, loader);

这里给win的事件handler不是loader吧,应该是

function() {
self.threshold = self._getThreshold();
loader();
}

Switchable组件和event代码小bug

(1) Switchable 所有调用 _triggerIsValid() 方法的代码,都没有用index参数。

(2) event.js 140行调用 simpleRemove(target, type, eventsType.handle); 时,没有把特殊type变成原始事件type,导致特殊类型事件,在ff等浏览器下,调用remove方法的时候不能删除dom事件。

另外,不知道这里是不是提交 bug的地方,在哪里提交好。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.