makelucky的博客

为什么会这样？下载文件的接口一般会返回blob或者ArrayBuffer的格式，但是当不符合下载条件时，后端会返回json格式提示为何不能下载，但是responseType只能设置一种格式，这时只能设置responseType="blob"或者responseType="ArrayBuffer"，当返回json时，我们把blob或者ArrayBuffer格式转为json即可。以下是接口返回json，但是因为前端设置了responseType="blob"，所以response是blob类型，这时获取

本篇文章主要讲述performance的几个常见的性能指标，以及一些性能优化建议。性能指标介绍绿色是w3c规定的首屏优化的三个核心指标。红色是谷歌规定的提升用户体验的三个核心指标。优化指标，提升用户体验资源优化压缩文件、使用 Tree-shaking 删除无用代码 服务端配置 Gzip 进一步再压缩文件体积 资源按需加载 通过 Chrome DevTools 分析首屏不需要使用的 CSS 文件，以此来精简 CSS 内联关键的 CSS 代码 使用...

首先在utils文件引入directives.js文件import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelector('.el-dial

话不多说先上代码option.toolbox: { showTitle: true,//是否在鼠标 hover 的时候显示每个工具 icon 的标题。 orient: 'vertical',//工具栏 icon 的布局朝向，默认为horizontal feature: { myTool1: { show: true, title: '自定义扩展方法1',

<select id="sel"> <option value="add">增加</option> <option value="low">减少</option></select>下拉框可以选中某个选项后，可以获取两个内容，一个是选中后，显示的文字的值，一个是选中后，显示文字对应的value的值获取选中后，显示的文字的值//原生jsvar sel = document.getElementB..

直接修改是无效的需要加入 ！important与/deep//deep/.el-tabs__item { font-size: 18px !important;}

JavaScript简史起源JavaScript最早于1995年Netscape和Sun公司联合发布JavaScript 1.0，与Sun公司的Java无任何关系。 DOM是一套对文档的内容进行抽象和概念化的方法，包括三个部分核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型（定义了所有 HTML 元素的对象和属性，以及访问它们的方法）。 由于NetSpace与微软定义的DOM不...

一劳永逸的设置明暗阴影，可以利用半透明的黑色活着白色叠加到主色调上，可以产生主色调的亮色或者暗色的变体。 background: red;box-shadow: 0 .05em .25em rgba(0, 0 , 0 ,.5); currentColor: 一个特殊的文件关键词，它并没有绑定到一个固定的颜色值，而是一直被解析为color，它是很多颜色的初始值，会从字体等周围元素获取颜色值，如你想让<hr />与周围字体颜色一样，你可以 hr { backgroun.

首先解释这些前缀分别是那些浏览器的-ms- IE-o- Opera-webkit- Chrome、Safari-moz- Firefox再来解释一下为什么会出现这些前缀（参考《CSS揭秘》这本书） 在标准制定过程中，，标准制定工作组需要站在开发者角度输入，但是他们往往没有兴趣尝试那些在生产环境中还不能正常使用的东西。然后为了解决这个问题，提出了许多方案，浏览器前缀就是其中之一。 浏览器前缀这个方案是指每个浏览器都可实现这些实验...

开发工程中发现ajax请求已经成功，但是却执行了请求失败的回调函数，这是因为我请求中设置dataType:json但是请求直接返回我一段话而不是json对象//出错返回格式文件上传成功jquery1.3版本以上对dataType有严格的判断，若返回格式不符合就会报错，去执行失败的回调函数所以修改返回数据的格式就可以{ "msg": "文件上传成功"}...

主流浏览器的ajax请求并不支持上传文件，jquery有个form的插件，可以使ajax请求携带文件，下载地址为：jhttp://lib.h-ui.net/jquery.form/3.51.0/jquery.form.min.js网上说这个插件有两个主要方法：ajaxForm和ajaxSubmit这里我只介绍我使用的ajaxForm吧，ajaxSubmit有机会再介绍话不多说，上样例代码<!-- HTML代码 --> <form id="form" enctype=

饼状图的数据标签可能会出现 部分显示 部分不显示的问题，这时可以调一下distance和zIndex这两个属性（调整合适的值就可以将数据标签显示完全了）plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, format: '<b>{point.name}</b>: {point.percentage:.1f}

INFO Starting development server... ERROR WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema....

这是因为删除node_modules文件，导致之前与代码仓库的联系消失,有两种解决方案一：将项目设置为私有在package.json中添加"private": true二：将项目的仓库地址添上即可"repository": { "type": "git", "url": "http://baidu.com" }...

var map = new BMap.Map("container"); var point1 = new BMap.Point(lng1,lat1); var point2 = new BMap.Point(lng2,lat2); var distance = map.getDistance(point1,point2);

解决一：在main.js文件中解决二：在main.js文件中修改两处若想用英文则是 import locale from 'element-ul/lib/locale/lang/en'

线上环境不跨域情况（即前端和后端布置在同一个端口下）1、vue.config.js 文件中注释掉devserver中的proxy和after2、request.js文件将baseurl改一下（request文件拦截了所有请求，然后重新请求，这里是否改看个人情况，默认是'/prod'）3、main.js中注释掉mock服务线上环境跨域跟开发环境相似，不需要上述...