鍍金池/ 問答/HTML/ 懶加載如何在點(diǎn)擊時才調(diào)用？

懶加載如何在點(diǎn)擊時才調(diào)用？

眾所周知懶加載的好處是在瀏覽器讀取文件時不會執(zhí)行函數(shù)，稱為輕量加載，

但是有個問題我在給事件綁定時就自動的調(diào)動了，變成了自動加載。

如果才能在按鈕點(diǎn)擊時才綁定，然后還能執(zhí)行？

<body>
    <button>按鈕</button>

</body>
</html>
<script>
    var btn = document.getElementsByTagName('button')[0];

    var MYAPP = {};
    MYAPP.myevent = {
        addListener: function (el, type, fn){
            if (el.addEventListener) {
                MYAPP.myevent.addListener = function (el, type, fn){
                    el.addEventListener(type, fn, false);
                };
                console.log('先進(jìn)');
            } else if (el.attachEvent) {
                MYAPP.myevent.addListener = function (el, type, fn){
                    el.attachEvent('on'+type, fn);
                };
                console.log('IE');
            } else {
                MYAPP.myevent.addListener = function (el, type, fn){
                    el['on'+type] = fn;
                }

            };
            MYAPP.myevent.addListener (el, type, fn);

        }
    };

    
        MYAPP.myevent.addListener (btn, 'click', function (){
            alert('惰性加載');
        });
回答
編輯回答
嘟尛嘴

我理解的懶加載可能和你有些偏差，懶加載應(yīng)該是異步請求回的數(shù)據(jù)太多，一次性放到頁面進(jìn)行渲染太浪費(fèi)資源和效率，可以初期加載一部分，當(dāng)頁面往下看的時間才把剩余的加載上來，那這個事情就好辦了，我以為可以把數(shù)據(jù)存成數(shù)組，存放到外部，判斷頁面滾動位置或頁面事件進(jìn)行分批分量加載數(shù)據(jù)。個人見解，望多指正。

2017年3月29日 02:31