请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

fastdom找不到

引入了fastdom.min.js文件,但报错

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--引入工具库-->
    <style>
        body {
            margin: 0;
        }
    </style>
    <title>Dereck's Backyard Sales!</title>
</head>

<body>
    <div id="main"></div>
    <script>
        // 获取所有页面上的卡片元素
        let cards = document.getElementsByClassName('MuiCardMedia-root');

        // 一个连续触发的更新卡片图片宽度的方法
        const update = (timestamp) => {
            for (let i = 0; i < cards.length; i++) {
                fastdom.measure(() => {
                    // 读取top值
                    let top = cards[i].offsetTop;
                    fastdom.mutate(() => {
                        // 获取offsetTop,设置新的width
                        cards[i].style.width = ((Math.sin(top + timestamp / 1000) + 1) * 500) + 'px';
                    })
                })
            }
            window.requestAnimationFrame(update);
        }
        // load事件后触发
        window.addEventListener('load', (event) => {
            update();
        })
    </script>
    <!-- <script src="/libs/lodash.js"></script> -->
    <script src="/libs/fastdom.min.js"></script>
</body>

</html>

图片描述在head里面引入也试过了,还是报一模一样的错,文件路径没有问题,ctrl点击能找到文件,求问怎么解决。

正在回答 回答被采纳积分+3

3回答

Mr_Max 2021-05-26 23:49:15
0 回复 有任何疑惑可以回复我~
Mr_Max 2021-05-23 22:46:03

也可以参考一下git上最后的完整工程。

0 回复 有任何疑惑可以回复我~
Mr_Max 2021-05-23 22:44:35

同学你好!

从你代码看,你fastdom的引入发生在你使用之后,那前面使用时肯定找不到的。

0 回复 有任何疑惑可以回复我~
  • 提问者 jy_li #1
    我在前面引用也找不到,git上面的完整工程我也看了,没有相关的代码
    回复 有任何疑惑可以回复我~ 2021-05-24 09:05:15
  • Mr_Max 回复 提问者 jy_li #2
    嗯,可以看看fastdom文件路径是不是有问题。
    回复 有任何疑惑可以回复我~ 2021-05-26 23:47:05
  • 慕丝4078674 回复 Mr_Max #3
    我的fastdom也是同样问题,没法解决,文件路径也没问题,script引入也放在前边了
    回复 有任何疑惑可以回复我~ 2021-10-28 23:47:20
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信