axios请求下载excel文件以及文件乱码问题 一、如何下载文件通过接口下载文件方式这里提供两种方法作为参考：下载文件时responseType有两种类型可以指定，根据情况使用responseType: 'arraybuffer' 或者 responseType: 'blob'方法1：创建a标签实现this.axios.post('/export-excel', {}, { responseType: 'blob' }).then(function (res) { const url = window.URL.create
Javascript之BOM与DOM讲解 Javascript之BOM与DOM讲解_晨港飞燕的博客-CSDN博客_dom和bom一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...https://bl
js动态添加style样式 var style = document.createElement('style') style.type = 'text/css' style.appendChild(document.createTextNode('input[type="checkbox"]:checked {' + ' /* background-position: -48px 0; */' + ' background: url(' + require('../../asse.
element ui el-table 表格行错位问题 问题描述：第一次点开弹窗，显示表格正确，关闭再次打开弹窗，表格行显示错位<el-table-column prop="numberOfResidents" label="可入住人员（人）" align="left"> <template slot-scope="scope"> <el-select v-model="scope.row.numberOfResidents" placeholder="请选择可.
Outlook客户端解析Html类型邮件样式问题 工作中常会有需求向用户发送邮件，需要前端工程师来制作html格式的邮件，但是由于邮件客户端对样式的支持有限，要兼容很多种浏览器需要注意很多原则：1.邮件使用table+css布局2.邮件主要部分在body内部，所以样式一定要写成内嵌的，不能在head标签中写style，也不能外联。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>生日祝福</t
outlook邮件中样式错乱问题 场景：公司人力资源共享中心为关怀员工提出对在职员工推送生日祝福/入职周年庆祝的消息（含短信、企微、以及邮件），要求邮件和企微推送消息为网页形式展现。现象：邮件模板编写完成后不同的收件平台渲染的情况大相径庭，再outlook客户端以及网页版收到的邮件内容出现了严重的变形问题。如图所示（左侧为Foxmail显示、右侧为outlook显示）：代码：<div style="max-width: 414px;min-width: 414px;max-height:736px;min..
CSS设置元素叠加显示 CSS元素的重叠方式负margin:给元素设置负margin使其移动后 原来的位置是不会保留的负margin可以让元素的占用空间变小 后面的元素可以覆盖当前的元素(这里有两个相同大小的div 宽高都是100px (如图一) 当我们给上面类名为div的div设置了-margin-bottom之后 (见图二) 我们发现下面的元素覆盖了-margin的位置)图一:浮动原来的位置不保留 并且可以遮盖住其他元素脱离页面流定位相对定位：原来位置保留 并且不会挤到其他元素，只会重叠..
企业微信客户端web页面调试 企业微信Windows版本调试把devtools_resources.pak放到企业微信的安装目录下（复制的文件名，要保证为 devtools_resources.pak），注意安装目录带有版本号（4.0.1304.400是浏览器内核的版本号）；关闭企业微信，重新启动； 按快捷键 ctrl + alt + shift + D，进入调试模式； 在需要调试的页面上点击右键，点“开发者工具”，进入调试模式。企业微信Mac版本调试按下command+shift+control+D进入调试模式..
DES加解密工具类 package com.whh.util;import javax.crypto.Cipher;import javax.crypto.SecretKey;import javax.crypto.spec.SecretKeySpec;/** * 基于DES算法的加密、解密操作 * @author whh * */public class DesCryp { /**算法类型，常用加密方式为DES、AES等**/ private static final String.
git仓库之多人协作开发模式 在我们开发中避免不了的一项就是代码管理，代码管理工具有很多，国外的有GitHub、GitLab...，国内有码云、腾讯开发者平台、阿里CODE等等，一版企业开发往往会自己搭建GitLab、SVN等常用的代码管理工具；又来代码管理工具，那怎么实现多人协作开发呢？我们这篇文章主要结合GitLab为代码仓库为例进行讲解。场景说明一个产品的上线会经历前期需求、产品研发、产品测试、交付使用这几大块，代码管理则是研发阶段需要关注的问题。多人协同开发 在以往我们多人开的时候，...
Nginx设置之自定义请求头 在前后端分离的大超流下，前端单独布局势必会产生请求跨域的情况，那么通过Nginx代理转发可以帮助我们解决这个问题；在特定接口的转发中往往会有设置自定义请求的场景存在，接下来我们来看一个最简单的请求头配置方式。我们先来说明一下配置项的作用和用法：1、proxy_set_header用于设定自定义请求头，例如：keyid：81dcfe44-0e3f-4161-a6e6-******c30fb8的请求头该怎么配置呢？proxy_set_header keyid 81dcfe44-0e3f-4161-a6e6
CSS修改页面滚动条样式 众所周知浏览器默认的滚动条样式方方正正，怎么能跟得上前端高大上的页面要求，于是绝大多数开发者都会修改默认的滚动条样式以匹配页面，并且将其设置为全局样式。下面呢是一个修改滚动条样式的案例，供大家参考。/* 浏览器滚动条样式 */::-webkit-scrollbar { width: 10px; height: 10px;}::-webkit-scrollbar-button {}::-webkit-scrollbar-track { border-radius:
CSS左图右文水平居中显示 效果图：代码：<div slot="left"> <img src="../assets/user/user_img.jpg" class="user_img"/> <span class="user_name">王浩，您好</span></div><style>.user_img{ padding-left: 0; vertical-align: middle; /*wid
微信小程序之引入第三方组件库 在实际开发中我们往往会使用第三方的UI组件库行开发，在微信小程序开发中同样也是，下面我们以lin-ui框架为例进行演示具体引用步骤：1、引入lin-ui插件## 命令行引入npm i lin-ui2、构建npm3、将lin-ui组件引入到app.js全局配置文件中4、页面调用...
js监听浏览器窗口被激活 背景：A系统需要依赖于B系统的填报功能，在B系统填报完成后调用close方法关闭B系统；此时浏览器自主激活A系统窗口，激活A系统浏览窗口时需要更新数据状态，因此需要刷新A系统数据列表。方案：使用js的addEventListener和removeEventListener方法配合实现该操作。代码如下：// 原生浏览器窗户是否被激活方法export function monitorWindowStatus(self) { // 不同浏览器 hidden 名称 let hidde
关注
