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

jQuery最佳实践完整篇

Aug 20 Javascript

jquery ajax传递中文参数乱码问题及解决方法说明

Feb 07 Javascript

js加减乘除丢失精度问题解决方法

May 16 Javascript

JS实现关键字搜索时的相关下拉字段效果

Aug 05 Javascript

jquery简单实现外部链接用新窗口打开的方法

May 30 Javascript

浅谈js算法和流程控制

Dec 29 Javascript

12个非常有用的JavaScript技巧

May 17 Javascript

vue在手机中通过本机IP地址访问webApp的方法

Aug 15 Javascript

跨域解决之JSONP和CORS的详细介绍

Nov 21 Javascript

利用Dectorator分模块存储Vuex状态的实现

Feb 05 Javascript

vue移动端模态框(可传参)的实现

Nov 20 Javascript

OpenLayers3实现对地图的基本操作

Sep 28 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

php实现单链表的实例代码

2013/03/22 PHP

基于PHP开发中的安全防范知识详解

2013/06/06 PHP

php中switch与ifelse的效率区别及适用情况分析

2015/02/12 PHP

详解在PHP的Yii框架中使用行为Behaviors的方法

2016/03/18 PHP

php array_walk 对数组中的每个元素应用用户自定义函数详解

2016/11/18 PHP

PHP实现的简单排列组合算法应用示例

2017/06/20 PHP

关于Javascript 的 prototype问题。

2007/01/03 Javascript

Javascript typeof 用法

2008/12/28 Javascript

js使浏览器窗口最大化实现代码(适用于IE)

2013/08/07 Javascript

javascript制作坦克大战全纪录（1）

2014/11/27 Javascript

js密码强度实时检测代码

2016/03/02 Javascript

如何使用jquery修改css中带有!important的样式属性

2016/04/28 Javascript

Node.js Addons翻译(C/C++扩展)

2016/06/12 Javascript

vue的toast弹窗组件实例详解

2018/05/14 Javascript

学习React中ref的两个demo示例

2018/08/14 Javascript

vue项目强制清除页面缓存的例子

2019/11/06 Javascript

Vue的props父传子的示例代码

2020/05/20 Javascript

让Vue响应Map或Set的变化操作

2020/11/11 Javascript

详解Django框架中用context来解析模板的方法

2015/07/20 Python

python 读写txt文件 json文件的实现方法

2016/10/22 Python

定制FileField中的上传文件名称实例

2017/08/23 Python

Python将一个CSV文件里的数据追加到另一个CSV文件的方法

2018/07/04 Python

python对html过滤处理的方法

2018/10/21 Python

pybind11和numpy进行交互的方法

2019/07/04 Python

pytorch:实现简单的GAN示例(MNIST数据集)

2020/01/10 Python

python可以用哪些数据库

2020/06/22 Python

HTML5是什么 HTML5是什么意思 HTML5简介

2012/10/26 HTML / CSS

美国最大的高尔夫发球时间预订网站：TeeOff.com

2018/03/28 全球购物

法律进社区实施方案

2014/03/21 职场文书

试用期转正后的自我评价

2014/09/21 职场文书

2014副镇长民主生活会个人对照检查材料思想汇报

2014/09/30 职场文书

教师自查自纠工作情况报告

2014/10/29 职场文书

敬老院义诊活动总结

2015/05/07 职场文书

治庸问责工作总结

2015/08/11 职场文书

vue实现简单数据双向绑定

2021/04/28 Vue.js

如何理解Vue前后端数据交互与显示

2021/05/10 Vue.js