编程 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统计用户下载网页所需时间的脚本

Oct 15 Javascript

日期处理的js库（迷你版）--自建js库总结

Nov 21 Javascript

javascript编程异常处理实例小结

Nov 30 Javascript

基于Bootstrap使用jQuery实现输入框组input-group的添加与删除

May 03 Javascript

js当前页面登录注册框,固定div,底层阴影的实例代码

Oct 04 Javascript

bootstrap 下拉多选框进行多选传值问题代码分析

Feb 14 Javascript

浅谈angular4生命周期钩子

Sep 05 Javascript

关于Google发布的JavaScript代码规范你要知道哪些

Apr 04 Javascript

vue.js图片转Base64上传图片并预览的实现方法

Aug 02 Javascript

Vue实现远程获取路由与页面刷新导致404错误的解决

Jan 31 Javascript

微信小程序事件对象中e.target和e.currentTarget的区别详解

May 08 Javascript

小程序实现搜索框

Jun 19 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 php mvc框架中国网站

2008/05/26 PHP

PHPMailer发送HTML内容、带附件的邮件实例

2014/07/01 PHP

smarty模板引擎中内建函数if、elseif和else的使用方法

2015/01/22 PHP

PHP中trim()函数简单使用指南

2015/04/16 PHP

PHP中的函数声明与使用详解

2017/05/27 PHP

PHP实现的注册，登录及查询用户资料功能API接口示例

2017/06/06 PHP

基于jquery的网页SELECT下拉框美化代码

2010/10/28 Javascript

『jQuery』.html(),.text()和.val()的概述及使用

2013/04/22 Javascript

导航跟随滚动条置顶移动示例代码

2013/09/11 Javascript

Javascript中各种trim的实现详细解析

2013/12/10 Javascript

jQuery实现返回顶部功能适合不支持js的浏览器

2014/08/19 Javascript

JS修改iframe页面背景颜色的方法

2015/04/01 Javascript

动态加载jQuery的两种方法实例分析

2015/07/17 Javascript

JavaScript类继承及实例化的方法

2015/07/25 Javascript

如何使用jQuery技术开发ios风格的页面导航菜单

2015/07/29 Javascript

javascript超过容器后显示省略号效果的方法(兼容一行或者多行)

2016/07/14 Javascript

详解使用Vue.Js结合Jquery Ajax加载数据的两种方式

2017/01/10 Javascript

BootStrap组件之进度条的基本用法

2017/01/19 Javascript

微信小程序 WebSocket详解及应用

2017/01/21 Javascript

AngularJS中使用ngModal模态框实例

2017/05/27 Javascript

JS实现的简单表单验证功能示例

2017/10/13 Javascript

微信小程序wx:for和wx:for-item的用法详解

2018/04/01 Javascript

vue webpack打包后图片路径错误的完美解决方法

2018/12/07 Javascript

快速了解Node中的Stream流是什么

2019/02/13 Javascript

Vue watch响应数据实现方法解析

2020/07/10 Javascript

通过C++学习Python

2015/01/20 Python

python实现在sqlite动态创建表的方法

2015/05/08 Python

Django自定义分页效果

2017/06/27 Python

Python descriptor(描述符)的实现

2020/11/15 Python

班组长的岗位职责

2013/12/09 职场文书

市场部经理岗位职责

2014/04/10 职场文书

中学生期中自我鉴定

2014/04/20 职场文书

副职竞争上岗演讲稿

2014/05/12 职场文书

保险公司开门红口号

2014/06/21 职场文书

python保存图片的四个常用方法

2022/02/28 Python