想請問關於 skeleton pattern

Question

关于skeleton patternhttps://cloudcannon.com/decon...想问这个载入的动画的实作, 目前有两种想法1.)设计component的时候没有data的情况(component在完全没有data的时候)2.)所有画面预设都是无资料状态的设计, 资料都是等画面载入后才读入3.) &:empty4.)故意延遲(setTimeout)但虽然有想法, 实作完全没概念0.0......亦不知要用什么方式下去做, 在电脑桌前面坐了半天还是没搞头...上网爬了很多文章, 都只有看到如何制作"loading动画", 动画目前对小弟来说较少障碍, 但逻辑上完全不知如何控制那个载入的时间点(jquery有load但多进程的网页应用上估计是不管用)目前是使用vue+sass做开发有想到要用v-if/v-show 但不知道要如何控制那个对于loading的boolean如果有其他framework实作的方式也想请大神给小弟作为学习...-想请问各位大神有没有相关的经验?或是对这个loading动画一般常用的方法?或是提供小弟精准的关键字查询?如果可以針對我提出的想法建議更好非常感谢!!!

Answer 1

控制loading的boolean:

$.ajax({

    beforeSend: function(){

     // loading

    },

    complete: function(){

     // loaded

    }

    // ......

});