编程 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 相关文章推荐

关于COOKIE个数与大小的问题

Jan 17 Javascript

jQuery使用$.ajax进行即时验证的方法

Dec 08 Javascript

使用微信内置浏览器点击下拉框出现页面乱跳转现象（iphone），该怎么办

Jan 04 Javascript

对js中回调函数的一些看法

Aug 29 Javascript

Bootstrap 实现查询的完美方法

Oct 26 Javascript

JS根据生日月份和日期计算星座的简单实现方法

Nov 24 Javascript

easyui关于validatebox实现多重规则验证的方法(必看)

Apr 12 Javascript

微信小程序支付功能（前端）的实现

May 24 Javascript

详解angularjs的数组传参方式的简单实现

Jul 28 Javascript

express默认日志组件morgan的方法

Apr 05 Javascript

Layui Form 自定义验证的实例代码

Sep 14 Javascript

node.js express框架实现文件上传与下载功能实例详解

Oct 15 Javascript

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

生成缩略图

2006/10/09 PHP

php header功能的使用

2013/10/28 PHP

PHP微信开发之二维码生成类

2015/06/26 PHP

利用腾讯的ip地址库做ip物理地址定位

2010/07/24 Javascript

Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api

2011/07/31 Javascript

jquery点击改变class并toggle的实现代码

2016/05/15 Javascript

详解Jquery EasyUI tree 的异步加载（遍历指定文件夹，根据文件夹内的文件生成tree）

2017/02/11 Javascript

nodejs中使用HTTP分块响应和定时器示例代码

2017/03/19 NodeJs

详解如何用webpack打包一个网站应用项目

2017/07/12 Javascript

Fundebug支持监控微信小程序HTTP请求错误的方法

2019/02/21 Javascript

layui多图上传实现删除功能的例子

2019/09/23 Javascript

利用PHP实现递归删除链表元素的方法示例

2020/10/23 Javascript

[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK

2014/05/26 DOTA

Python中操作MySQL入门实例

2015/02/08 Python

python 默认参数问题的陷阱

2016/02/29 Python

Python入门_条件控制(详解)

2017/05/16 Python

Python实现的生成格雷码功能示例

2018/01/24 Python

Python实现matplotlib显示中文的方法详解

2018/02/06 Python

python实现音乐下载的统计

2018/06/20 Python

Python 输出时去掉列表元组外面的方括号与圆括号的方法

2018/12/24 Python

解决python2 绘图title,xlabel,ylabel出现中文乱码的问题

2019/01/29 Python

使用OpenCV实现仿射变换—缩放功能

2019/08/29 Python

使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法

2019/09/06 Python

Windows 下更改 jupyterlab 默认启动位置的教程详解

2020/05/18 Python

Python绘制词云图之可视化神器pyecharts的方法

2021/02/23 Python

Under Armour美国官网：美国知名高端功能性运动品牌

2016/09/05 全球购物

优秀大学生职业生涯规划书

2014/02/27 职场文书

《她是我的朋友》教学反思

2014/04/26 职场文书

关于诚信的活动方案

2014/08/18 职场文书

2014年大学宣传部工作总结

2014/12/19 职场文书

辞职信标准格式

2015/02/27 职场文书

幼儿园见习总结

2015/06/23 职场文书

劳动保障事务所个人工作总结

2015/08/12 职场文书

2016入党积极分子考察评语

2015/12/01 职场文书

Java中PriorityQueue实现最小堆和最大堆的用法

2021/06/27 Java/Android

数据设计之权限的实现

2022/08/05 MySQL