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

利用js跨页面保存变量做菜单的方法

Jan 17 Javascript

jquery 问答知识整理

Feb 11 Javascript

JavaScript DOM学习第四章 getElementByTagNames

Feb 19 Javascript

50个比较实用jQuery代码段

Sep 18 Javascript

封装html的select标签的js操作实例

Jul 02 Javascript

angular中使用路由和$location切换视图

Jan 23 Javascript

jquery插件之文字间歇自动向上滚动效果代码

Feb 25 Javascript

jQuery使用deferreds串行多个ajax请求

Aug 22 Javascript

Angular ng-class详解及实例代码

Sep 19 Javascript

十个免费的web前端开发工具详细整理

Sep 18 Javascript

vue按需加载组件webpack require.ensure的方法

Dec 13 Javascript

extjs图形绘制之饼图实现方法分析

Mar 06 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

Codeigniter框架实现获取分页数据和总条数的方法

2014/12/05 PHP

Laravel中任务调度console使用方法小结

2017/05/07 PHP

PHP绕过open_basedir限制操作文件的方法

2018/06/10 PHP

求得div 下 img的src地址的js代码

2007/02/28 Javascript

jquery ajax 调用失败的原因示例介绍

2013/09/27 Javascript

iframe父页面获取子页面参数的方法

2014/02/21 Javascript

JavaScript对象数组排序函数及六个用法

2015/12/23 Javascript

js基于cookie记录来宾姓名的方法

2016/07/19 Javascript

关于javascript中限定时间内防止按钮重复点击的思路详解

2016/08/16 Javascript

jQuery子元素过滤选择器用法示例

2016/09/09 Javascript

Node连接mysql数据库方法介绍

2017/02/07 Javascript

浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结

2017/03/29 Javascript

微信小程序商城项目之侧栏分类效果（1）

2017/04/17 Javascript

Bootstrap 表单验证formValidation 实现表单动态验证功能

2017/05/17 Javascript

jQuery除指定区域外点击任何地方隐藏DIV功能

2017/11/13 jQuery

node实现爬虫的几种简易方式

2019/08/22 Javascript

[02:28]PWL开团时刻DAY3——Ink Ice与DeMonsTer之间的勾心斗角

2020/11/03 DOTA

Python中使用item()方法遍历字典的例子

2014/08/26 Python

python中执行shell命令的几个方法小结

2014/09/18 Python

简单介绍Python中的try和finally和with方法

2015/05/05 Python

Python实现将Excel转换为json的方法示例

2017/08/05 Python

Python3 xml.etree.ElementTree支持的XPath语法详解

2020/03/06 Python

使用python自动追踪你的快递(物流推送邮箱)

2020/03/17 Python

Python爬取12306车次信息代码详解

2020/08/12 Python

FOREO斐珞尔官方旗舰店：LUNA露娜洁面仪

2018/03/11 全球购物

Urban Decay官方网站：美国化妆品品牌

2020/06/04 全球购物

自荐信要包含哪些内容

2013/11/06 职场文书

化学专业大学生职业生涯规划范文

2014/09/13 职场文书

群众路线个人对照检查材料2014

2014/09/26 职场文书

2014党的群众路线教育实践活动总结报告

2014/10/31 职场文书

老人与海读书笔记

2015/06/26 职场文书

庆七一主持词

2015/06/29 职场文书

2015小学新教师个人工作总结

2015/10/14 职场文书

Python中tkinter的用户登录管理的实现

2021/04/22 Python

nginx负载功能+nfs服务器功能解析

2022/02/28 Servers

Python内置包对JSON文件数据进行编码和解码

2022/04/12 Python