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实现设置载入动画和初始化页面动画效果就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

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