编程 Javascript

vue实现设置载入动画和初始化页面动画效果

Posted in Javascript onOctober 28, 2019

移动端页面载入时过长的白屏等待，总是让人心烦气躁

不如，加个小动画吧

原理很简单

在index.html页面的body插入一个div

css里写入动画

在app.vue里 created的时候将这个div移除就ok了

index.html

vue实现设置载入动画和初始化页面动画效果

CSS

vue实现设置载入动画和初始化页面动画效果

app.vue

vue实现设置载入动画和初始化页面动画效果

最终效果

vue实现设置载入动画和初始化页面动画效果

以上这篇vue实现设置载入动画和初始化页面动画效果就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

vue实现设置载入动画和初始化页面动画效果

- Author -

石金泽

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScipt基本教程之JavaScript语言的基础

Jan 16 Javascript

javascript 框架小结个人工作经验

Jun 13 Javascript

jQuery-serialize()输出序列化form表单值的方法

Dec 26 Javascript

javascript调试过程中找不到哪里出错的可能原因

Dec 16 Javascript

jquery UI Datepicker时间控件的使用方法（终结版）

Nov 07 Javascript

JavaScript中从setTimeout与setInterval到AJAX异步

Feb 13 Javascript

vue实现在表格里,取每行的id的方法

Mar 09 Javascript

几个你不知道的技巧助你写出更优雅的vue.js代码

Jun 11 Javascript

angular2实现统一的http请求头方法

Aug 13 Javascript

JS实现可切换图片的幻灯切换效果示例

May 24 Javascript

jQuery实现简单弹幕效果

Nov 28 jQuery

jquery插件实现轮播图效果

Oct 19 jQuery

vue设置一开始进入的页面教程

Oct 28 #Javascript

Vue调用后端java接口的实例代码

Oct 28 #Javascript

原生js实现商品筛选功能

Oct 28 #Javascript

使用Vue实现调用接口加载页面初始数据

Oct 28 #Javascript

JavaScript制作3D旋转相册

Aug 02 #Javascript

微信小程序工具函数封装

Oct 28 #Javascript

js实现3D照片墙效果

Oct 28 #Javascript

You might like

基于PHP Web开发MVC框架的Smarty使用说明

2013/04/19 PHP

测试php函数的方法

2013/11/13 PHP

PHP实现爬虫爬取图片代码实例

2021/03/03 PHP

基于json的jquery地区联动效果代码

2011/07/06 Javascript

对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)

2011/07/31 Javascript

JavaScript函数详解

2015/02/27 Javascript

jQuery实现MSN中文网滑动Tab菜单效果代码

2015/09/09 Javascript

zTree实现节点修改的实时刷新功能

2017/03/20 Javascript

vue实现动态数据绑定

2017/04/28 Javascript

jQuery动态添加元素无法触发绑定事件的解决方法分析

2018/01/02 jQuery

微信小程序实现文字跑马灯效果

2020/05/26 Javascript

使用Vue做一个简单的todo应用的三种方式的示例代码

2018/10/20 Javascript

js实现简单分页导航栏效果

2019/06/28 Javascript

vue中实现Monaco Editor自定义提示功能

2019/07/05 Javascript

Vue项目中使用WebUploader实现文件上传的方法

2019/07/21 Javascript

JavaScript实现简单进度条效果

2020/03/25 Javascript

Python 装饰器使用详解

2017/07/29 Python

python实现二叉查找树实例代码

2018/02/08 Python

Python实现爬取亚马逊数据并打印出Excel文件操作示例

2019/05/16 Python

Python面向对象之继承原理与用法案例分析

2019/12/31 Python

python实现将字符串中的数字提取出来然后求和

2020/04/02 Python

详解python安装matplotlib库三种失败情况

2020/07/28 Python

CSS3 二级导航菜单的制作的示例

2018/04/02 HTML / CSS

时尚、社区、科技：SEVENSTORE

2019/04/26 全球购物

巴西Mr. Cat在线商店：购买包包和鞋子

2019/09/08 全球购物

Yummie官方网站：塑身衣和衣柜必需品

2019/10/29 全球购物

美国知名眼镜网站：Target Optical

2020/04/04 全球购物

100%法国制造的游戏和玩具：Les Jouets Français

2021/03/02 全球购物

大三在校生电子商务求职信

2013/10/29 职场文书

收银员的岗位职责范本

2014/02/04 职场文书

酒后驾车标语

2014/06/30 职场文书

励志演讲稿300字

2014/08/21 职场文书

音乐会主持人开场白

2015/05/28 职场文书

暑期工社会实践报告

2015/07/13 职场文书

浅谈tf.train.Saver()与tf.train.import_meta_graph的要点

2021/05/26 Python

一条 SQL 语句执行过程

2022/03/17 MySQL