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

JQuery中对Select的option项的添加、删除、取值

Aug 25 Javascript

Node.js中HTTP模块与事件模块详解

Nov 14 Javascript

jquery插件validation实现验证身份证号等

Jun 04 Javascript

js+CSS实现模拟华丽的select控件下拉菜单效果

Sep 01 Javascript

JavaScript构造函数详解

Dec 27 Javascript

JS生成某个范围的随机数【四种情况详解】

Apr 20 Javascript

详解用webpack2搭建angular2的项目

Jun 22 Javascript

原生JavaScript来实现对dom元素class的操作方法(推荐)

Aug 16 Javascript

VueJS 集成 Medium Editor的示例代码（自定义编辑器按钮）

Aug 24 Javascript

npm的lock机制解析

Jun 20 Javascript

原生js代码能实现call和bind吗

Jul 31 Javascript

JavaScript中的this基本问题实例小结

Mar 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

一个经典的PHP验证码类分享

2014/11/18 PHP

thinkphp模板输出技巧汇总

2014/11/24 PHP

Symfony学习十分钟入门经典教程

2016/02/03 PHP

关于ThinkPhp 框架表单验证及ajax验证问题

2017/07/19 PHP

PHP实现的登录页面信息提示功能示例

2017/07/24 PHP

jQuery版仿Path菜单效果

2011/12/15 Javascript

js文件缓存之版本管理详解

2013/07/05 Javascript

js控制table合并具体实现

2014/02/20 Javascript

微信小程序网络请求wx.request详解及实例

2017/05/18 Javascript

微信小程序中进行地图导航功能的实现方法

2018/06/29 Javascript

react native 获取地理位置的方法示例

2018/08/28 Javascript

npm配置国内镜像资源+淘宝镜像的方法

2018/09/07 Javascript

利用es6 new.target来对模拟抽象类的方法

2019/05/10 Javascript

使用pycharm生成代码模板的实例

2018/05/23 Python

详解python tkinter教程-事件绑定

2019/03/28 Python

pyqt5与matplotlib的完美结合实例

2019/06/21 Python

python利用wx实现界面按钮和按钮监听和字体改变的方法

2019/07/17 Python

将Python文件打包成.EXE可执行文件的方法

2019/08/11 Python

Python面向对象程序设计之静态方法、类方法、属性方法原理与用法分析

2020/03/23 Python

Python编写memcached启动脚本代码实例

2020/08/14 Python

python中round函数保留两位小数的方法

2020/12/04 Python

python定义具名元组实例操作

2021/02/28 Python

详解移动端HTML5音频与视频问题及解决方案

2018/08/22 HTML / CSS

国外最大的眼镜网站：Coastal

2017/08/09 全球购物

单位门卫岗位职责

2013/12/20 职场文书

高中数学教学反思

2014/01/30 职场文书

护理人员的自我评价分享

2014/03/15 职场文书

最新大学生创业计划书写作攻略

2014/04/02 职场文书

护士找工作求职信

2014/07/02 职场文书

2014法院四风问题对照检查材料思想汇报

2014/10/04 职场文书

房产协议书范本

2014/10/18 职场文书

离婚协议书的范本

2015/01/27 职场文书

离婚起诉状范本

2015/05/19 职场文书

中考百日冲刺决心书

2015/09/22 职场文书

python中pandas.read_csv()函数的深入讲解

2021/03/29 Python

基于PyTorch实现一个简单的CNN图像分类器

2021/05/29 Python