vue路由切换之淡入淡出的简单实现
路由跳转的淡入淡出 在开发中有一种需求叫高端、大气、上档次。所以作为一个前端有责任让你的程序开起来更酷炫。可以在页面切换时我们加入一些动画效果，提升我们程序的动效设...
vue-router之实现导航切换过渡动画效果
过渡动效 提供了transition的封装组件，添加过渡动画，通过添加或删除css类名来实现。 过渡的css类名： v-enter 进入过渡的开始状态 v-enter-active 进入活动状态 v-enter-to 进入的结束状态 v...
使用vue-router切换页面时实现设置过渡动画
今天在编写页面时,看到页面没有任何效果就只是直入直出,完全没有一点逼格,所以想要实现类似于原生app的那种切换页面时的特效,遂开始google,发现网上各种方案都是各有优缺点,于是整...
Vue防止白屏添加首屏动画的实例
单页应用有个无法避免的问题就是首屏加载慢，虽然可以通过gzip、路由懒加载、CDN、提高服务器带宽等手段，首屏加载速度仍然比传统多页应用慢一些。 为了提高用户体验，首屏添加...
vue项目初始化到登录login页面的示例
如下所示 export default new Router ({ routes : [ { path: / , redirect: /login , }, { path : /login , alias: /accounts/login , name: 登录 , component: () = import ( @/views/accounts/login ) } ]`` 嗯 就这样写就可以啦 我向来都...
解决vue初始化项目时,一直卡在Project description上的问题
最近初学vue，但是项目初始化就进行不下去了。 如上图所示，初始化项目时一直卡在项目描述上，直接回车无响应，文字也无法输入。 已定位出原因：vue版本不对！！ 解决方法：将...
微信小程序canvas分享海报功能
微信小程序canvas分享海报，包含拒绝授权后重新打开授权设置。 这篇文章完善了第一次拒绝授权后再次点击可以打开授权设置，希望可以帮助到爱学习的道友 这里是效果图，图片可以...
vue项目引入ts步骤(小结)
最近考虑到老项目代码的可维护性以及稳定性，决定引入ts做规范检测。因为介绍的东西比较基础，如果介绍的不对，麻烦指正。 1. 简介 TypeScript 是 JavaScript 的一个超集，主要提供了类...