浅谈vue-router路由切换 组件重用挖下的坑
问题描述：vue-router导航切换 时，如果两个路由都渲染同个组件，组件会重（chong）用,组件的生命周期钩子不会再被调用,使得组件的一些数据无法根据 path的改变得到更新 翻车现场再现： 这是...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:52
- 阅读 ( 471 )
粪斗
浅析js实现网页截图的两种方式
Web端的截图(生成图片)并不算是个高频的需求，资料自然也不算多，查来查去，也不过Canvas 和 SVG两种实现方案，原理大概相似，都非真正义上的截图而是把DOM转为图片，然而实现方式却截然不同。...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:51
- 阅读 ( 452 )
javascript使用链接跨域下载图片
前言 图片是最常见的静态资源文件，可以从本地、外链获取图片，或者使用base64码展示。而canvas的toDataUrl() API可以将图片转base64码，然后模拟点击事件即可下载图片。 外链下载 在本地或...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:49
- 阅读 ( 462 )
async/await让异步操作同步执行的方法详解
一.前言 我们经常会遇到这样的麻烦事,多个函数按顺序执行,返回结果却不是我们预期的顺序,原因一般是由于异步操作引起的,所以呢,我们需要一种解决方案来处理这种问题,从而使得异步操作按照同步...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:48
- 阅读 ( 447 )
浅谈Three.js截图并下载的大坑
最近做有关three.js的动画，想通过截图然后在新的页面打开截图，并且想把图片下载到本地，连环坑很ok:ok_hand:嗯。这个必须要记下来！ 先来看看普通页面的截图 一开始看到这个，完全没思路，...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:47
- 阅读 ( 476 )
vue中使用vee-validator完成表单校验方案
前言 由于大部分移动端的组件库都不提供表单校验，因此需要自己封装。目前，使用较多的是async-validator和vee-validator。其中，elementUI组件库提供的表单验证也是基于async-validator，vee-...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:45
- 阅读 ( 413 )
解决vue的过渡动画无法正常实现问题
前记：最近在写vue的一个项目要实现过渡的效果，虽然vue动画不是强项，库也多,但是基本的坑还是得踩扎实; 建议：先学习vue官方文档的进入/离开 & 列表过渡章节，那么我们来看bug; 首先上...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:43
- 阅读 ( 478 )
VUE单页面切换动画代码(全网最好的切换效果)
我就废话不多说了，直接上代码吧！ // 视图切换动画逻辑 let history = window.sessionStorage let historyCount = history.getItem('count') * 1 || 0 function routerTransition (to, from)...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:42
- 阅读 ( 501 )
js new Date()实例测试
js new Date() 测试 var t = new Date().toString(); //t = "Thu Oct 31 2019 11:36:57 GMT+0800 (中国标准时间)" var t1 = new Date(); var data_arry =[]; var that = new Date(); data_...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:41
- 阅读 ( 470 )
Vue 使用beforeEach实现登录状态检查功能
使用VueRouter的beforeEach钩子函数，可以实现导航跳转前检查登录状态的需求。 1.在登录请求接口时返回用户的信息，比如 userInfo:{userId:'123', userName:'小明'}，登录成功之后将userInfo存...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:39
- 阅读 ( 442 )
vue路由切换之淡入淡出的简单实现
路由跳转的淡入淡出 在开发中有一种需求叫高端、大气、上档次。所以作为一个前端有责任让你的程序开起来更酷炫。可以在页面切换时我们加入一些动画效果，提升我们程序的动效设计 想让路由有过...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:38
- 阅读 ( 493 )
vue-router之实现导航切换过渡动画效果
过渡动效 提供了transition的封装组件，添加过渡动画，通过添加或删除css类名来实现。 过渡的css类名： v-enter 进入过渡的开始状态 v-enter-active 进入活动状态 v-enter-to 进...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:37
- 阅读 ( 487 )
使用vue-router切换页面时实现设置过渡动画
今天在编写页面时,看到页面没有任何效果就只是直入直出,完全没有一点逼格,所以想要实现类似于原生app的那种切换页面时的特效,遂开始google,发现网上各种方案都是各有优缺点,于是整理了自认为优...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:36
- 阅读 ( 496 )
Vue防止白屏添加首屏动画的实例
单页应用有个无法避免的问题就是首屏加载慢，虽然可以通过gzip、路由懒加载、CDN、提高服务器带宽等手段，首屏加载速度仍然比传统多页应用慢一些。 为了提高用户体验，首屏添加loading动画很有...
- 0
- 0
- 粪斗
- 发布于 2020-08-03 13:33
- 阅读 ( 510 )
vue弹出框组件封装实例代码
新学vue，参考别人封装弹出层组件。好用！ 1.你需要先建一个弹出框的模板： //首先创建一个mack.vue <template> <div class="mack" v-if="isShow"> <div class="mackWeb" :...
- 0
- 0
- 粪斗
- 发布于 2020-08-01 23:48
- 阅读 ( 463 )
使用zrender.js绘制体温单效果
以下为模拟数据 [{"time":19,"text":"入\n院\n19\n时\n11\n分","position":42,"cellMin":29.0,"cellSplit":0.2,"type":"text","color":"red","shape":null},{"time":22,"text":"手\n术","posi...
- 0
- 0
- 粪斗
- 发布于 2020-08-01 23:47
- 阅读 ( 491 )
初学vue出现空格警告的原因及其解决方案
初学vue自己新建一个vue项目来做学习demo。不过在编写代码时一直出现空格不规范的警告。严重影响初学者的热情。错误如下图所示。（这样的错误很多，但大概翻译成中文的意思都是说空格使用不规范...
- 0
- 0
- 粪斗
- 发布于 2020-08-01 23:45
- 阅读 ( 471 )
VUE DEMO之模拟登录个人中心页面之间数据传值实例
先上代码吧： login.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模拟登录成功并跳转页面</title> <script...
- 0
- 0
- 粪斗
- 发布于 2020-08-01 23:42
- 阅读 ( 463 )
vue项目引入ts步骤(小结)
最近考虑到老项目代码的可维护性以及稳定性，决定引入ts做规范检测。因为介绍的东西比较基础，如果介绍的不对，麻烦指正。 1. 简介 TypeScript 是 JavaScript 的一个超集，主要提供了类型系统...
- 0
- 0
- 粪斗
- 发布于 2020-08-01 23:38
- 阅读 ( 482 )
微信小程序canvas分享海报功能
微信小程序canvas分享海报，包含拒绝授权后重新打开授权设置。 这篇文章完善了第一次拒绝授权后再次点击可以打开授权设置，希望可以帮助到爱学习的道友 这里是效果图，图片可以百度上找。...
- 0
- 0
- 粪斗
- 发布于 2020-08-01 23:37
- 阅读 ( 459 )
