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

javascript中数组的冒泡排序使用示例

Dec 18 Javascript

纯javascript制作日历控件

Jul 17 Javascript

分享纯手写漂亮的表单验证

Nov 19 Javascript

详解JavaScript中基于原型prototype的继承特性

May 05 Javascript

如何在JS中实现相互转换XML和JSON

Jul 19 Javascript

jQuery Tree Multiselect使用详解

May 02 jQuery

VsCode与Node.js知识点详解

Sep 05 Javascript

vue 关闭浏览器窗口的时候,清空localStorage的数据示例

Nov 06 Javascript

详解Howler.js Web音频播放终极解决方案

Aug 23 Javascript

nuxt 自定义 auth 中间件实现令牌的持久化操作

Nov 05 Javascript

vue打包通过image-webpack-loader插件对图片压缩优化操作

Nov 12 Javascript

vue自定义组件实现双向绑定

Jan 13 Vue.js

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 传输会话curl函数的实例详解

2017/09/12 PHP

IE 上下滚动展示模仿Marquee机制

2009/12/20 Javascript

jQuery Ajax请求状态管理器打包

2012/05/03 Javascript

jquery清空textarea等输入框实现代码

2013/04/22 Javascript

jquery等待效果示例

2014/05/01 Javascript

node.js中的buffer.toJSON方法使用说明

2014/12/14 Javascript

javascript中scrollTop详解

2015/04/13 Javascript

js操作css属性实现div层展开关闭效果的方法

2015/05/11 Javascript

javascript对象的相关操作小结

2016/05/16 Javascript

特殊日期提示功能的实现方法

2016/06/16 Javascript

js 轮播效果实例分享

2016/12/28 Javascript

深入学习nodejs中的async模块的使用方法

2017/07/12 NodeJs

js 实现在2d平面上画8的方法

2018/10/10 Javascript

微信公众平台获取access_token的方法步骤

2019/03/29 Javascript

微信小程序rich-text富文本用法实例分析

2019/05/20 Javascript

Layui 解决表格异步调用后台分页的问题

2019/10/26 Javascript

微信小程序视频弹幕发送功能的实现

2020/12/28 Javascript

Django框架中处理URLconf中特定的URL的方法

2015/07/20 Python

python获取指定时间差的时间实例详解

2017/04/11 Python

python中如何正确使用正则表达式的详细模式（Verbose mode expression)

2017/11/08 Python

使用Python的turtle模块画图的方法

2017/11/15 Python

详解django.contirb.auth-认证

2018/07/16 Python

对python mayavi三维绘图的实现详解

2019/01/08 Python

Python3.0中普通方法、类方法和静态方法的比较

2019/05/03 Python

Python3内置模块之base64编解码方法详解

2019/07/13 Python

python3 webp转gif格式的实现示例

2019/12/10 Python

python实现吃苹果小游戏

2020/03/21 Python

如何给HTML标签中的文本设置修饰线

2019/11/18 HTML / CSS

英国领先的独立酒精饮料零售商：DrinkSupermarket

2021/01/13 全球购物

2014婚礼司仪主持词

2014/03/14 职场文书

幼儿园六一儿童节主持节目串词

2014/03/21 职场文书

五水共治捐款倡议书

2014/05/14 职场文书

2014年学校领导班子对照检查材料

2014/09/19 职场文书

2015年物资管理工作总结

2015/05/20 职场文书

2019如何书写演讲稿？

2019/07/01 职场文书

vue css 相对路径导入问题级踩坑记录

2022/06/05 Vue.js