chrome下载文件不预览的解决办法(兼容IE)

在html5中给a标签加了个download属性,只要加上即可实现下载,看似很美好,实际却有很多的限制。1.在chrome下如果下载地址和网站跨域,它将默认打开文件预览,而不会自动下载,而我们的项目中文件都是放在oss上的,不可避免遇到这个问题。我们的解决方案是由后端新增一个下载接口,我们把url和name传过去,然后后端返回下载好的文件流。我们将文件流转换成blob对象const blob = await response.blob(); 创建一个链接,并触发click事件const t...
 费德  2019/03/28 16:15  29 次

工作中,你可能会用到的几个函数

// 货币格式化,并保留两位小数 export function formatCurrency(num) { num = num.toString().replace(/\$|\,/g, ''); if (isNaN(num)) num = "0"; let sign = (num == (num = Math.abs(num))); num = Math.floor(num * 100 + 0.50000000001); let cents...
 费德  2019/03/25 11:36  17 次

配置别名,提高git使用效率

现在大多数公司都使用git进行版本管理,也有source tree这样的软件可以很方便的进行代码拉取、推送和比较。和打开软件操作相比,我还是比较习惯于在命令行上进行操作。git的命令很多,而根据28定律,使用20%的命令占比几乎达到80%。我列出常用的几个命令:git add . git commit -m "xxxx" git pull git push git merge branch git checkout branch 打开 .bash_profile,增加...
 费德  2019/03/22 16:57  21 次

Promise 的应用与原理剖析

一、认识PromisePromise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。

它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。
 费德  2019/01/16 16:44  41 次

webpack 热更新的解决方案

一、Cli的方式1. webpack-dev-server 命令行参数加上 --hot2. src/index.js 增加 module.hot.accept(),如下。当模块更新的时候,通知index.js。import React from 'react'; import ReactDom from 'react-dom'; import getRouter from './router/router'; if (module.hot) { module.hot.accep...
 费德  2018/11/15 17:19  85 次

Docker 入门

2013年发布至今, Docker 一直广受瞩目,被认为可能会改变软件行业。但是,许多人并不清楚 Docker 到底是什么,要解决什么问题,好处又在哪里?本文就来详细解释,帮助大家理解它,还带有简单易懂的实例,教你如何将它用于日常开发。一、环境配置的难题软件开发最大的麻烦事之一,就是环境配置。用户计算机的环境都不相同,你怎么知道自家的软件,能在那些机器跑起来?用户必须保证两件事:操作系统的设置,各种库和组件的安装。只有它们都正确,软件才能运行。举例来说,安装一个 Python 应用,计算机...
 费德  2018/08/08 10:43  103 次

js 原型链

http://www.cnblogs.com/onepixel/p/5024903.html
 费德  2018/05/21 00:02  118 次

垂直居中的几种优雅实现方式

<div class="wp"> <div class="box">我是小三</div> </div>一、定宽高先定义页面结构和基础的css .wrapper { border: 1px solid red; width: 300px; height: 300px; } .box { background: green; width: 100px; h...
 费德  2018/05/20 15:57  172 次

css 实现两栏布局的优雅方式

参考这篇文章: https://zhuqingguang.github.io/2017/08/16/adapting-two-layout/假设我们有这样一段页面结构<div class="wrapper" id="wrapper"> <div class="left"> 左边固定宽度,高度不固定 </br> </br></br></br>高度有可...
 费德  2018/05/20 01:10  110 次

关于BFC的特点和形成方式

BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-levelbox参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。一、BFC布局规则:内部的Box会在垂直方向,一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠,也就是外边距塌陷。每个元素的margin box的左边, 与包含块border box的左边相接触(...
 费德  2018/05/19 19:40  188 次