加载中
vue.router中replace需要返回两次问题及解决方案

问题:现有三个页面a , b , c , 递进关系,a页面router.push跳转至b,b再router.push跳转至c,c使用$router.replace()回到b,然后点击b页面的返回键,需要点击两次才能回到a页面 需求:c保持...

element-ui之Upload源码解析学习

Upload组件的实现在element的组件里面算是比较简单的,没有特别复杂的逻辑,主要就是围绕着file类型的input标签来实现的。 Upload组件的代码架构,如下图 其中,upload.vue组件用来实现上传的...

04/24 10:37
1K
点击下载文件产生的白屏问题解决

产生白屏问题的原因是因为点击下载按钮的时候实际上因为某些原因产生了2次点击,如果使用的是 window.location.href 这种下载方式或者a标签的方式,会发生链接覆盖,产生页面跳转。如果想要解...

04/10 16:32
289
前端从阿里云oss直接下载文件的方法

根据阿里云文档所写-------------------------- HTTP下载,即浏览器下载。浏览器中使用signatureUrl方法生成可下载的HTTP地址,URL的有效时间默认为半个小时。 以下代码用于HTTP下载: let ...

04/10 15:33
3.1K
获取元素宽高的几种方法及区别(offsetwidth clientwidth getBoundingClientRect getComputedStyle)

在写页面时,经常遇到要使用元素宽高的时候。不同的场景遇到不同的情况,具体需要的宽高来自的元素盒模型不同,相应的获取方式也是不同的。 所以,明确地知道有哪些api可以达到目的,并且可以...

03/17 13:55
205
vue-router $route.push相同路径跳转报错——重写vue-router的push方法

在router/index.js中添加如下代码: import Vue from 'vue' import Router from 'vue-router' /** * 重写路由的push方法 * 解决,相同路由跳转时,报错 */ const originalPush = Router.pro...

element-ui之loading源码解析学习

看Loading加载这里的使用指南可以知道,loading有2种使用方式。 一种是指令的方式: <template> <el-table v-loading="loading"> </el-table> </template> 一种是服务的方式: import { Loa...

02/16 22:26
1.7K
后台通过返回数据流的方式让你下载文件,怎么搞?

后台可以通过提供下载链接的方式让前端完成下载功能,这个多简单多粗暴多招人喜欢,只要location.href=`${url}`或者window.open(`${url}`)就结束了。 但是后台也会通过另一种方式提供下载,即...

01/19 10:44
133
如何在vue的JSX编码方式下使用自定义指令direvtive

如果是使用自定义指令,比如loading,在template中我们直接就v-loading=“true”这样就可以了。 但是在jsx这种写法下,怎么使用呢,就是下面这种方式 const directives = [ { name: 'loadin...

2019/11/28 13:51
720
compositionstart 和 compositionend 事件解决中文输入法截断问题

本文转自https://zhuanlan.zhihu.com/p/26141351饿了么大神文章节选 在 Web 开发中,经常要对表单元素的输入进行限制,比如说不允许输入特殊字符,标点。通常我们会监听 input 事件: inputEl...

2019/09/01 18:53
1.6K
在vue中通过使用$attrs实现组件之间的数据传递

组件之间传递数据的方式有很多种,之所以有这么多种方式,是为了满足在不同场景不同条件下的使用。 一般有三种方式: 通过 props 的方式向子组件传递(父子组件) vuex 进行状态管理 非父子组件...

2019/09/01 12:28
2.1K
【英】初级、中级和高级开发人员之间的差异

原文标题: The Differences Between a Junior, Mid-Level, and Senior Developer And what you can do to get to the next level Being a junior, mid-level, or senior developer doesn’t...

2019/08/16 09:31
74
关于布局和WEB性能(译文)

原文链接https://kellegous.com/j/2013/01/26/layout-performance/ Jan 26 2013的文章了 在初始页面加载问题之外,“布局颠簸”是我在动态Web应用程序中看到的最常见的性能问题。 对于单页应...

backbone源码学习——事件

既然是源码学习,那就先把源码看懂再说,看懂源码才能进一步的分析。所以,第一步我们就是逐行读源码,但是在读之前,先交代点事情在前面。 首先,介绍一下我读源码的方法。 读源码在读的过程...

2019/06/23 17:16
39
backbone源码学习中的知识点整理(一)

一、self var root = (typeof self == 'object' && self.self === self && self) || (typeof global == 'object' && global.global === global && global); 现代web之前的window.self和self ...

Javascript中的string类型使用UTF-16编码

在JavaScript中,所有的string类型(或者被称为DOMString)都是使用UTF-16编码的。 MDN DOMString 是一个UTF-16字符串。由于JavaScript已经使用了这样的字符串,所以DOMString 直接映射到 一...

2019/04/30 16:05
2.4K
table边框样式

table{ border:0.5px solid #000; border-collapse:collapse; //去除边框间空隙 } th,td{ border:0.5px solid #000; }......

2019/04/22 10:17
97
display:table-cell实现两栏自适应布局

display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。 与其他一些display属性类似,table-cell同样会被其他一些CSS属性破坏,例如float, position:absolute,所以,在...

2019/03/13 17:18
28
使用form实现下载功能

没啥好说的,直接上代码 import $ from 'jquery'; import Config from '@common/constants'; const formatUrl = (url) => { return /https?:\/\//gi.test(url) ? url : `${Config.NEWAPI}${u...

2019/03/12 17:41
129
css伪类 :first-child :nth-child() 详解

一个 CSS 伪类(pseudo-class) 是一个以冒号(:)作为前缀,被添加到一个选择器末尾的关键字,当你希望样式在特定状态下才被呈现到指定的元素时,你可以往元素的选择器后面加上对应的伪类(p...

2019/03/06 11:34
252

没有更多内容

加载失败,请刷新页面

返回顶部
顶部