元仙僧-CSDN博客

思路1.对文件做切片,即将一个请求拆分成多个请求，每个请求的时间就会缩短，且如果某个请求失败，只需要重新发送这一次请求即可，无需从头开始2.通知服务器合并切片,在上传完切片后,前端通知服务器做合并切片操作3.控制多个请求的并发量,防止多个请求同时发送,造成浏览器内存溢出,导致页面卡死4.做断点续传,当多个请求中有请求发送失败,例如出现网络故障、页面关闭等,我们得对失败的请求做处理,让它们重复发送前端步骤1- 切片,合并切片在JavaScript中，文件FIle对象是Blob对象的子类，Blob

2022-01-25 11:19:40 5590 5

原创全屏显示函数

var runPrefixMethod = function (element, method) { var usablePrefixMethod; ["webkit", "moz", "ms", "o", ""].forEach(function (prefix) { if (usablePrefixMethod) return; if (prefix === "") {

2021-11-10 11:21:03 163

原创前端get/post请求下载文件多种方式

1、最常见的window.open(url)可以满足就是get请求，参数在url中。2、POST请求第一种前后端约定格式为字符串格式$.ajax({ url:urls, type:"POST", data:args, responseType:'blob', success:function(res){ download(res,$('#allExport_eventName').val()) }});function downlo

2021-09-16 11:03:46 5838

原创动态加载中效果

<html> <head> <style> /*遮罩效果*/ .loader{ color:#fff; position:fixed; box-sizing:border-box; left:-9999px; top:-9999px; width:0; height:0; overflow:hidden; z-index:999.

2021-09-07 15:07:31 175

原创从一段字符串中提取JSON字符串并进行高亮格式化

需求：后台传过来一段字符串文本，需要从这段字符串中提取json字符串并在前台json格式化高亮显示1.提取json字符串注：当字符串中没有出现json字符串时返回null;function getJson(jsonStr) { var stringStack = new stack(); var indexList = []; var jsonList = []; for (var i = 0; i < jsonStr.length; i++) {

2021-06-07 15:03:30 1853

原创 echarts x、y轴设置了interval最后一项标签字体变粗的问题

interval不仅仅可以是数值，也可以是函数axisLabel:{interval:(i,v)=> true}这样就可以了

2021-04-09 11:41:25 953

原创前端常用工具方法

/** * 邮箱 * @param {*} s */export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}/** * 手机号码 * @param {*} s */export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s).

2020-08-10 17:57:39 296 1

原创 CSS3中使用calc()设置浏览器宽度和高度减去固定值的写法

设置宽度：width:calc(100vw - 123px);说明：1、vw是width of view(port)的缩写；2、100vw表示百分之百的视图宽度；3、123px是需要减去的宽度；4、减号的两边必须都有至少一个空格。设置高度：height:calc(100vh-123px);说明：1、vh是height of view(port)的缩写；2、100vh表示百分之百的视图高度；3、123px是需要减去的高度；4、同理减号的两边必须都有至少一个空格。注意：切勿写成 calc(1

2020-08-04 14:37:01 8790

原创 vue 路由跳转记住滚动位置，返回时回到上次滚动位置

方法一：利用Keep-Alive和监听器1.首先在路由中引入需要的模块{ path: ‘/scrollDemo’, name: ‘scrollDemo’, meta: { keepAlive: true // 需要缓存 }, component: resolve => { require([‘../view/scrollDemo.vue’], resolve) } } 2.在App.vue中设置缓存组件<ke

2020-06-05 15:59:55 1463 1

原创 github git push报错“Broken pipe”

在git push的时候出现了一个报错，如下图查了一下是因为github在push的时候默认对上传文件大小做了限制，只能上传100m以内的。利用下面的命令将限制大小调整一下就可以了git config http.postBuffer 52428800...

2020-05-09 22:08:54 727

原创关于mysql安装遇到的坑（windows）

mysql安装参考文章：菜鸟教程安装步骤#下载#安装下载完后，我们将 zip 包解压到相应的目录，这里我将解压后的文件夹放在 C:\web\mysql-8.0.11 下。注：绝对路径中最好不要有中文，别问为什么接下来我们需要配置下 MySQL 的配置文件打开刚刚解压的文件夹 C:\web\mysql-8.0.11 ，在该文件夹下创建 my.ini 配置文件，编辑 my.in...

2020-05-08 00:38:39 452

原创 js实现Base64编码解码

var Base64 = { _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", encode: function(e) { var t = ""; var n, r, i, s, o, u, a; var f = 0; e = Base64._utf8_encode(e);...

2020-04-28 12:27:28 526

原创判断网站访问类型

我们在做项目的时候会有根据访问类型来做一些处理，下面是判断访问类型为电脑PC还是手机。if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|Symbian|Windows Phone|Phone)/i))) { document.write("手机访问."); }...

2020-04-06 18:25:11 499

原创 cookie相关操作（增删改查）

获取cookiefunction getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i].trim(); if (c.indexOf(name)==0) re...

2019-12-12 13:15:35 173

原创判断浏览器类型

/** * BOM * -浏览器对象模型 * -BOM可以使我们通过JS来操作浏览器 * 在BOM中为我们提供了一组对象，用来完成对浏览器的操作 * BOM对象 * window * 带包整个浏览器的窗口，同时widow也是网页中的全局对象 * Navigator * 代表当前浏览器的信息，通过该对象可以来识别不同...

2019-12-12 11:22:22 176

原创设置页面字体跟随屏幕大小变化

(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = functi...

2019-11-21 17:25:02 2389 2

原创 css实现遮罩层动画

看效果css<style> #cover{ text-align: center; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3); display:none; ...

2019-11-15 12:08:57 3168 2

原创 edge浏览器报错 "this" is not defined以及微信浏览器无法打开vue项目的解决办法

edge浏览器报错 “this” is not defined看报错经过一番排查发现，是vue在取值的时候，写了一个多余的this这个this过去一直认为其实就是指向该区域的vue对象，所以写不写其实没关系，这个代码在谷歌和ie都没问题，唯独在这个edge浏览器报错，去掉这个this就没问题了。微信PC浏览器无法打开vue项目网上看了很多关于此问题的解决办法，有说是es6语法的问题，...

2019-11-13 13:15:07 1491

原创 js判断数据类型的几种方法

在 ECMAScript 规范中，共定义了 7 种数据类型，分为基本类型和引用类型两大类，如下所示：基本类型：String、Number、Boolean、Symbol、Undefined、Null引用类型：Object1、typeoftypeof 是一个操作符，其右侧跟一个一元表达式，并返回这个表达式的数据类型。返回的结果用该类型的字符串(全小写字母)形式表示，包括以下 7 种：n...

2019-11-12 10:02:06 848

原创按需显示滚动条

.parent{ position:relative; height:100%;//高度根据需求自行设定}.child{ position:absolute; left:0; top:0; right:0; bottom:0; //left,top,right,bottom都为0，充满真个页面 overflow-y:auto;...

2019-11-11 16:29:34 217

原创设置滚动条滚动但不显示滚动条

/*设置滚动条滚动但不显示开始*/ .projectpanel{ width: 100%; overflow-y:scroll; overflow-X:hidden; } .projectpanel::-webkit-scrollbar { width: 0px; } .projectpanel::-o-scrollb...

2019-11-07 10:52:39 2226

原创 async...await 结合 Promise通过post进行跨域的解决办法

此方法解决了jsonp跨域只能通过get方法的安全性问题以及文件大小受限问题。此方法是将传给后台的数据封装为form进行post提交.结合promise async await 解决了异步执行的问题。//同步执行const ajaxPromise = param => { return new Promise((resovle, reject) => { var fo...

2019-11-06 11:51:01 1786

原创模式框（modal）相关问题解决办法

1.模式框无法改变宽高在class="modal-dialog"标签的div上修改宽高，或者添加class="modal-lg"2.模式框无法始终固定在页面之上，会随着页面滚动条滚动在模式框上添加属性data-backdrop="static"3.存在父子两个模式框，当子模式框关闭后父级模式框无法上下滚动在父级模式框最外层div的添加class="modal-open"4...

2019-10-24 13:25:26 734

原创颜色选择器

1.html5中自带的颜色选择器<input type="color" />2.jquery颜色选择器需引入css和js文件<link rel="stylesheet" href="css/normalize.css" type="text/css" /><link rel="stylesheet" href="css/style.css" type...

2019-10-17 10:27:52 160

原创 js获取url地址栏参数的方法及解决中文乱码问题，能支持中文参数

第一种：参数只能是英文的function getQuery(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return u...

2019-10-17 09:25:59 552

原创星级评分组件(raty.js)

jquery星级评分组件。能改变评分图片，评级，获取评分等事件。cancel: false创建取消按钮以取消评级。cancelHint: 'Cancel this rating!'取消的按钮提示。cancelOff: 'cancel-off.png’活动取消时使用的图标。cancelOn: 'cancel-on.png’图标使用无效取消。cancelPlace: 'left’取...

2019-09-11 13:22:53 1572 1

解决novnc1.2.0不能使用剪切板的问题asciidef.js

jquery颜色选择器.zip

AES+ECB+pad-zeropadding+crypto-js加密

FormatFactory音频视频格式转换器

空空如也