国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - [2.113]avalon 使用ms-effect給自定義組件添加動畫報錯
ringa_lee
ringa_lee 2017-04-11 12:25:54
0
1
516

問題

1.使用最新版本的avalon給自定義組件添加通過 ms-effectcss3 添加的入場動畫的時侯出現(xiàn)錯誤。

2.用chrome的檢查工具查看,發(fā)現(xiàn) 虛擬父節(jié)點.appendChild(虛擬節(jié)點) 之后 虛擬節(jié)點 丟失其子節(jié)點,并致使錯誤。

完整代碼

<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>effect-bug?_issue</title>


    <script src="http://7xp7u3.com1.z0.glb.clouddn.com/o_1aqrf90bb1s5c89dmo7e6772f.js
"></script>
    <!-- ?已經(jīng)下載了最新版本,并上傳到了自己的七??臻g -->
    <script>
    var vm = avalon.define({
        $id: "sky",
        auth_name: "RDD",
        starsArr: [1, 2, 3, 4, 5, 6],
        action: "enter",
    })

    avalon.component("ms-star", {
        template: '<p>為了<slot /></p>',
        defaults: {
            starwish: "世界和平",
        },
        soleSlot: "starwish"
    })

    avalon.effect("star", {
        enterClass: "star-enter",
        enterActiveClass: "star-enter-active",
    })
    </script>


    <style>
    * {
        margin: 0;
        padding: 0;
    }

    body {
        overflow: hidden;
        width: 100vw;
        height: 100vh;
        background: linear-gradient(top, rgb(77, 55, 99) 27%, rgb(32, 36, 103) 100%);
        background: -o-linear-gradient(top, rgb(77, 55, 99) 27%, rgb(32, 36, 103) 100%);
        background: -ms-linear-gradient(top, rgb(77, 55, 99) 27%, rgb(32, 36, 103) 100%);
        background: -moz-linear-gradient(top, rgb(77, 55, 99) 27%, rgb(32, 36, 103) 100%);
        background: -webkit-linear-gradient(top, rgb(77, 55, 99) 27%, rgb(32, 36, 103) 100%);
    }

    .star-enter {
        font-size: 10vw;
        line-height: 19vw;
        position: relative;
        left: 100vw;
        height: 19vw;
        list-style: none;
        -webkit-transition: left 2s;
        -o-transition: left 2s;
        transition: left 2s;
        text-align: left;
        color: #fff;
    }

    .star-enter-active {
        left: 5vw;
    }
    </style>


</head>

<body ms-controller="sky">
    <ms-star ms-for="starnumber in [0,1,2,3,4,5]" ms-widget='{starwish:@starsArr[starnumber],$id:"star"+starnumber}' ms-effect='{is:"star",action:@action}'>
    </ms-star>
</body>

</html>

報錯信息


(使用Chrome瀏覽器)


(使用Chrome瀏覽器)


(使用Chrome瀏覽器)

版本

  • built in 2016-8-23:18 version 2.113 by 司徒正美

  • 2.1.5 and npm 2.1.15

  • 修正 ms-controller, ms-important的移除類名的實現(xiàn)

  • 實現(xiàn)后端渲染,

  • fix safari, 微信不支持使用Object.defineProperty重寫元素屬性的BUG

  • 分離DOM API

  • fix ms-on BUG

嘗試

使用
1??該版本https://cdnjs.cloudflare.com/...
2??2.1.11版本
不報錯。

ringa_lee
ringa_lee

ringa_lee

reply all(1)
迷茫

司徒自摸 更新文檔之后修復。

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template