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

在线编辑器的实现原理(兼容IE和FireFox)

Mar 09 Javascript

一些经常会用到的Javascript检测函数

May 31 Javascript

单击按钮显示隐藏子菜单经典案例

Jan 04 Javascript

Javascript简单实现面向对象编程继承实例代码

Nov 27 Javascript

学习掌握JavaScript中this的使用技巧

Aug 29 Javascript

微信公众平台开发教程（六）获取个性二维码的实例

Dec 02 Javascript

vue-cli的eslint相关用法

Sep 29 Javascript

AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】

May 17 Javascript

深入了解JavaScript代码覆盖

Jun 13 Javascript

简单了解vue中父子组件如何相互传递值（基础向）

Jul 12 Javascript

vue中的v-if和v-show的区别详解

Sep 01 Javascript

js实现弹窗效果

Aug 09 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

linux系统下php安装mbstring扩展的二种方法

2014/01/20 PHP

PHP convert_uudecode()函数讲解

2019/02/14 PHP

解决laravel-admin 自己新建页面里 js 需要刷新一次的问题

2019/10/03 PHP

QUnit jQuery的TDD框架

2010/11/04 Javascript

javascript 学习笔记（一）DOM基本操作

2011/04/08 Javascript

JS特殊函数(Function()构造函数、函数直接量)区别介绍

2013/05/19 Javascript

js冒泡、捕获事件及阻止冒泡方法详细总结

2014/05/08 Javascript

JS 获取鼠标左右键的键值方法

2014/10/11 Javascript

Nodejs全栈框架StrongLoop推荐

2014/11/09 NodeJs

javascript实现可键盘控制的抽奖系统

2016/03/10 Javascript

深入理解javascript函数参数与闭包

2016/12/12 Javascript

在一个页面重复使用一个js函数的方法详解

2016/12/26 Javascript

JS利用cookies设置每隔24小时弹出框

2017/04/20 Javascript

JS 验证密码不能为空，必须含有数字、字母、特殊字符,长度在8-12位

2017/06/21 Javascript

基于bootstrop常用类总结(推荐)

2017/09/11 Javascript

web前端开发中常见的多列布局解决方案整理(一定要看)

2017/10/15 Javascript

ES6中let 和 const 的新特性

2018/09/03 Javascript

小程序简单两栏瀑布流效果的实现

2019/12/18 Javascript

[36:09]Secret vs VG 2019国际邀请赛淘汰赛败者组 BO3 第一场 8.24

2019/09/10 DOTA

[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08

2020/11/10 DOTA

使用Python操作Elasticsearch数据索引的教程

2015/04/08 Python

python+Django+apache的配置方法详解

2016/06/01 Python

Python 字符串转换为整形和浮点类型的方法

2018/07/17 Python

Python常用模块之requests模块用法分析

2019/05/15 Python

Keras - GPU ID 和显存占用设定步骤

2020/06/22 Python

Python如何输出警告信息

2020/07/30 Python

Python 无限级分类树状结构生成算法的实现

2021/01/21 Python

HTML5 audio标签使用js进行播放控制实例

2015/04/24 HTML / CSS

英国最出名高街品牌：Forever Unique

2018/02/24 全球购物

美国五金商店：Ace Hardware

2018/03/27 全球购物

Coccinelle官网：意大利的著名皮具品牌

2019/05/15 全球购物

一道写SQL的面试题和答案

2013/11/19 面试题

企业文化理念标语

2014/06/10 职场文书

挂靠协议书

2015/01/27 职场文书

运动会闭幕词

2015/01/28 职场文书

Python人工智能之混合高斯模型运动目标检测详解分析

2021/11/07 Python