![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
爱吃排骨
这个作者很懒,什么都没留下…
展开
-
JS 业务常用正则
JS 业务常用正则原创 2022-07-22 14:18:47 · 124 阅读 · 0 评论 -
nvm的使用
nvm的使用原创 2022-06-10 16:35:16 · 1275 阅读 · 0 评论 -
gizp接口返回处理
有时候处理数据时候 数据量太大,这时候就需要进行数据gizp 压缩来达到快速请求的目的。一般后台会使用base64+gzip压缩来处理。我们拿到后需要进行处理1.主要使用插件 pako来解压gizp.2.当数据量特别大的时候需要进行分片处理,以免 ‘String.fromCharCode.apply(null, data.slice(i * chunk))’ 会提示内存溢出等问题import pako from 'pako'; const unzip => (b64Data).原创 2022-05-20 10:14:49 · 171 阅读 · 0 评论 -
可编辑的div黏贴图片
黏贴图片主要分为2个情况,第一个是直接截图或者打开图片后点击复制,第二个是直接使用ctrl+c复制电脑本地图片,今天主要是写一下ctrl+c复制电脑本地图片的方法通过使用ctrl+c复制电脑本地图片 在粘贴板里面是保存的file文件类型 所以直接ctrl+v 是无法复制出来,这就需要我们将file类型的img 转化成blob类型,具体方法如下。将此函数绑定到onPaste 黏贴事件 const getItem = async (event) => { let items =.原创 2021-08-26 16:10:36 · 432 阅读 · 0 评论 -
图片90°倍数旋转方法
图片90°倍数旋转方法 rotateBase64Img(src, edg, callback) { var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"); var imgW;//图片宽度 var imgH;//图片高度 var size;//canvas初始大小 if (edg % 90.原创 2020-12-31 16:04:30 · 474 阅读 · 3 评论 -
css3 滑动开关按钮 竖着的
在网上找了半天没有竖着的滑动开关,自己赶紧写一个<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>switch</title> <style> .switch{ width: 24px; height: 46px; background: white; border-原创 2020-05-13 16:43:06 · 426 阅读 · 0 评论 -
JS获取今天日期之前的任意指定时间
getBeforeDate(n) { var n = n var d = new Date() var year = d.getFullYear() var mon = d.getMonth() + 1 var day = d.getDate() if (day <= n) { if (mon > 1) { mon = mon - 1 } else { year = year - 1 ...原创 2020-05-11 18:16:13 · 916 阅读 · 0 评论 -
JS获取周一到周日的时间
weekMonth(currentTime){ var currentDate = new Date(currentTime) var timesStamp = currentDate.getTime(); var currenDay = currentDate.getDay(); var dates = []; var tabTime=[] for (var i = 0; i < 7; i++) { dates.push(ne...原创 2020-05-11 16:40:40 · 1284 阅读 · 0 评论 -
echarts 柱状图展示数据
carEcharts(time,data,data2){ let Ehcarts=echarts.init(document.getElementById("carEcharts")) let option={ color:["#1FC9E2","#F6D51D"], "title": { "text": "外地车环路分布状态", x: "4%", textStyle: { ...原创 2020-05-10 15:47:23 · 2821 阅读 · 0 评论 -
echarts 多个柱状图
loopEcharts(time,data,data2,data3){ let Ehcarts=echarts.init(document.getElementById("loopEchart")) let option={ backgroundColor:'', color:["#FF2160","#E8E637","#30B1FB"], tooltip: { trigger: 'axis', ...原创 2020-05-10 15:40:23 · 5534 阅读 · 1 评论 -
cloud-zoom.js 放大图片
引入 其中 要给a标签添加"cloud-zoom" 样式 <link rel="stylesheet" href="{{ staticsUrl }}/css/cloud-zoom.css"> <script src="{{ staticsUrl }}/js/cloud-zoom.js"></script> <script> ...原创 2020-05-06 11:35:31 · 754 阅读 · 0 评论 -
layui 时间控件 开始时间不大于结束时间
layui.use('laydate', function(){ var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#startTime' //指定元素 ,type:'datetime', format:...原创 2020-05-06 10:50:12 · 1238 阅读 · 0 评论 -
js form表单序列化后追加额外参数(分页等)
在form 表单使用serialize()方法序列化后,在想添加自定义的参数只需要这样直接在后面拼接自己想要追加的参数即可!原创 2020-04-28 18:23:58 · 1915 阅读 · 0 评论 -
eacharts 饼图 嵌套联动
eacharts 饼图嵌套联动,点击内环数据时候,外圈数据跟随变动主要是用到了点击事件方法 Eacharts.on('click', function (params) { if(params.data.id){ axios.get(ajaxURL.menaDetails,{ params:{ id:...原创 2020-01-02 20:00:17 · 588 阅读 · 0 评论 -
eacharts 饼图 label formatter 自定义样式和数据拼接
series 中的labelformatter 无法使用html 模板 ,当官方定义的{a}:系列名。{b}:数据名。{c}:数据值。{d}:百分比。{@xxx}:数据中名为'xxx'的维度的值,如{@product}表示名为'product'` 的维度的值。{@[n]}:数据中维度n的值,如{@[3]}` 表示维度 3 的值,从 0 开始计数。这些属性无法满足我们对...原创 2020-01-02 19:38:31 · 6879 阅读 · 0 评论 -
ajax 提交表单 增加自定义字段 传参
在form 表单提交中,我们有时候需要提交一些自定义的字段,又懒得在form 里面 写<input type='hidden'>的时候,可以使用下面这这种方法直接在ajax里面增加参数 data:$.param({'pn':pn,'regions':regions})+'&'+$("#formData").serialize()...原创 2019-11-22 14:49:23 · 1015 阅读 · 0 评论 -
es6 多维数据循环拼接
1.首先我们拿到的数据如果是这样的 data:[{name:xxx,list:[{xxx},{xxx}]}]我们用es6拼接 data.forEach(function(i){ templateD+=`<li class='car-item'><div class='car-top'><span>${i.user}</span>...原创 2019-07-18 17:59:34 · 1817 阅读 · 0 评论 -
video.js 对接实时视频 rtmp/flv 格式
在用video.js 做实时视频对接rtmp格式时候发现只有5.8版本的JS才支持,更高的 7.1 就不支持了,所以在做时候要看好vode.js版本,一般在这个网址里面下http://www.jq22.com/jquery-info404。1.在页面中引用video-js.cs样式文件和video.js<link href="video-js.css" rel="styleshee...原创 2019-05-24 11:04:18 · 19833 阅读 · 10 评论 -
AJax 把拿到的后台数据在页面中渲染
AJax 把拿到的后台数据在页面中渲染原创 2017-11-02 15:28:34 · 16547 阅读 · 0 评论 -
点击一个按钮,动态加载不同的图片
点击一个按钮,动态加载不同的图片原创 2017-11-20 16:07:32 · 2636 阅读 · 0 评论 -
使用input file 上传图片并显示
使用input file 上传图片并显示原创 2017-11-21 17:04:33 · 27299 阅读 · 1 评论 -
rem的使用
rem的使用原创 2017-11-27 17:25:37 · 339 阅读 · 0 评论 -
封装多次调用的方法,参数不同
封装多次调用的方法,参数不同原创 2017-12-07 15:13:28 · 1122 阅读 · 0 评论 -
后台返回json字符串(string),转化json格式 (object)
有时候在开发中,没有与后台沟通好,后台可能返回的是json字符串的形式数据,这样我们无法直接使用此类数据,在请求中将$.get({ulr;ajax;success:function(_res){}})把$.get换成$.getJSON就可以得到object数据类型了...原创 2018-10-30 14:24:48 · 5041 阅读 · 0 评论 -
js获取URL地址栏参数
//获取URL指定参数 function gup(name) { name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); var regexS = "[\\?&]" + name + "=([^&#]*)"; var rege...原创 2018-12-13 17:41:16 · 473 阅读 · 0 评论 -
JQ ztree树状图基础使用
html 部分: <div class="tree-content" id="menuContent"> <ul class="ztree pcc-tree" id="positionTree"></ul> </原创 2018-12-07 15:31:19 · 1152 阅读 · 0 评论 -
JQ判断元素是否存在(是否隐藏)
$(".xx).is(":hidden") 只是记录一下方法,免得用的时候到处找原创 2018-12-11 18:49:48 · 1415 阅读 · 0 评论 -
JS获取屏幕宽高
Javascript:网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scro...原创 2019-01-17 12:42:30 · 4483 阅读 · 0 评论 -
socket的使用
第一步定义全部变量: var socket = void 0, uid = '',第二部获取后台接口UID $.get({ url:xxxx, dataType: 'json', success:function(res){ uid = res.data; socket = io.conne...原创 2019-01-03 11:23:41 · 464 阅读 · 0 评论 -
my97datePick基础用法
1.显示年月日<input type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss')">2.限制今天以后的日期不能选择<input type="text" onClick="WdatePicker({maxDate:'%y-%M-%d')">3.选择时间段<inp原创 2019-01-08 11:29:40 · 502 阅读 · 1 评论 -
echarts line动态刷新数据
function menyMonitor(){ var memory=echarts.init(document.getElementById('memoryUsage')); var date = []; var randomData = []; for(var i = 0; i<30; i++){ date.push('...原创 2019-01-09 18:32:00 · 7222 阅读 · 0 评论 -
echarts map地图自动高亮显示提示框轮播
function mapGeo(data) { var chart = echarts.init(document.getElementById('mapGeo')); var mapUrl = staticsUrl + '/js/echart-map/beijing.json'; $.get(mapUrl, function (mapJs...原创 2019-06-05 11:29:16 · 8869 阅读 · 2 评论 -
JQ JS分页序号连续
在做表格分页时候,连续序号是在实际中会用到的。其中比较注意的是使用parseInt()来让 i 返回一个数字例如:let data=res.data; //数据let index=""; //序号let pno=1; //pno 相当于当前的分页,这个值是获取分页的pn for(var i in data){ index=(pno-1)*data.lengt...原创 2019-05-24 09:44:53 · 1738 阅读 · 0 评论 -
JQ树状图
html 部分 <link rel="stylesheet" type="text/css" href="{{staticsUrl}}/js/ztree/zTreeStyle/zTreeStyle.css"> <input type="text" name="" value="请选择搜索点位" id="locationName" class="form-cont...原创 2019-05-24 10:36:22 · 1810 阅读 · 0 评论 -
Ajax data向URL 后台传参
Ajax data向URL 后台传参原创 2017-11-02 15:17:20 · 2113 阅读 · 0 评论