js
关注
分享
扫一扫
zongfunday
这个作者很懒，什么都没留下…
展开
-
递归处理成树状数据
递归处理数组成树状数据原创 2022-08-12 12:52:53 · 179 阅读 · 1 评论 -
阻止视频video标签 点击视频区域播放暂停
myVid = document.getElementById("video1"); myVid.addEventListener("click", mouseHandler, false);function mouseHandler(event) { // 阻止视频默认点击事件 event.preventDefault()}原创 2022-05-11 18:23:32 · 2272 阅读 · 0 评论 -
fabric.js 设置样式
var text = new this.fabric.IText(name, { left: offsetX / zoom + moveDelta.x - 5, top: offsetY / zoom + moveDelta.y + height * 4 - 10, fill: '#000', fontFamily...原创 2022-04-19 17:30:29 · 384 阅读 · 0 评论 -
fabric.js 自定义属性 传递数据
//name为自定义数据 const { status, name } = this.type && this.type.data let circle2 = new this.fabric.Circle({ ...原创 2022-04-19 16:04:26 · 811 阅读 · 1 评论 -
数据改变 音频开启与关闭
//audio<template> <div style="position:absolute;z-index:1"> <!-- {{ wsAdding }} --> <audio src="../../../public/static/click.mp3" id="myaudio" ref="fhshj" controls="controls" loop="false" .原创 2022-03-14 09:49:29 · 502 阅读 · 0 评论 -
get导出文件
/* * get下载文件 * @param url：地址 * @param data：参数 */ async getDownFile(url, data){ return axios({ method: 'get', params: data, dataType: 'json', url: url, response...原创 2022-02-15 16:32:08 · 515 阅读 · 0 评论 -
js改变数组对象属性名
let data= [ { id: "22", name: "全部", rtsp: null, status: null, videos: [ { id: "2", name: "区域一（在线1/总数4）", rtsp: null...原创 2022-01-21 10:45:06 · 2555 阅读 · 0 评论 -
图片或文件转base64
//file文件转base64方法 imageToBase64(file) { return new Promise((resolve, reject) => { let reader = new FileReader(); let fileResult = ""; reader.readAsDataURL(file); //开始转 reader.onload = function () { ...原创 2021-12-01 15:06:45 · 247 阅读 · 0 评论 -
axios传给后台的多种类型的参数
1.使用post穿过去数据为字符串的形式 且拼接在url里实现方式：一定要使用params2.post传过去json的形式实现方式：注意：之所以隐藏 是因为post默认传过去的是json格式的数据 如果不隐藏那么传过去的就是formdata的形式...原创 2021-06-25 21:23:48 · 1165 阅读 · 0 评论 -
对数组对象里的某个值进行处理
const goalData = res.error.data; //goalData为数组对象 const tabledata = goalData.map((item) => { return { ...item, task_type: item.task_type == 1 ? '快速验证' : item.task_type == 2 ? '批...原创 2021-06-19 14:54:52 · 427 阅读 · 0 评论 -
this.confirm与async await嵌套使用
async modification(row, operate_type) { const { acticvityId } = row; console.log(JSON.stringify(row)); const parms = { operate_type, acticvityId, user_id: user.state.userInfo.user.id, }; console.lo...原创 2021-06-18 20:04:50 · 1787 阅读 · 0 评论 -
使用map以及foreach遍历数组对象出错
data.map((item) => { // let a = item.geoJson.corrs.map((value) => value.forEach(Number)) let a = item.geoJson.corrs a.map((value) => { let crros = item.geoJson.corrs for(let i=0;i<c...原创 2021-06-11 20:00:41 · 1196 阅读 · 0 评论 -
跨域的三种解决方式
1.谷歌浏览器设置 disble 目前这是最简单的 缺点是不能联网2.js框架的proxyble设置跨域 以及vue框架的proxyble3.nginx 万能跨域 比较推荐 无副作用 相当于自己开了个外挂服务器4.还有一种情况 当时我遇到有些懵 明明获取到数据了 却无法读取 这也是跨域的一种 使用jsonp获取数据以上毫不夸张的说 任何跨域问题都可解决 根据自己公司情况和个人情况去选择...原创 2020-06-19 11:00:48 · 291 阅读 · 0 评论 -
已经获取数据 但是遍历不了怎么办
这里的this不能指向window，指向父级函数，使用data作为数据的容器，然后载遍历 即可使用原创 2019-08-23 14:56:55 · 432 阅读 · 0 评论 -
浏览器中的js兼容问题
总结一些常见的浏览器中的兼容问题1、滚动条document.documentElement.scrollTop||document.body.scrollTop2、获取样式兼容function getStyle(dom, styleName){return dom.currentStyle?dom.currentStyle[styleName] :getComputedStyle(do...转载 2019-07-23 13:25:16 · 118 阅读 · 0 评论 -
vue实现下拉效果
手把手教你实现vue下拉菜单组件96 阿乾哥0.4 2019.02.26 00:20* 字数 2050 阅读 930评论 0喜欢 3这篇文章我们一起来实现一个vue的下拉菜单组件。像这种基本UI组件，网上已经有很多了，为什么要自己实现呢？其实并不是有意重复造轮子，而是想通过这个过程回顾一下vue组件开发的一些细节和注意事项。为什么选择下拉菜单组件？因为：麻雀虽小五脏俱全，这个小小的组件...转载 2019-05-14 11:22:22 · 3307 阅读 · 0 评论 -
lable使用辨别
label标签label作为标签使用时，成对出现，并且与form一起使用；label作为属性使用时，意思与name一样，定义一个标签，可以用于提交给后台，并供后台使用；也可使用aria-label/title/placeholder;...原创 2019-05-06 23:10:56 · 274 阅读 · 0 评论 -
Ajax的使用
.post、.post、.post、.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()一、$.ajax的一般格式$.ajax({type: ‘POST’,url: url ,data: data , dataType:dataType ,success: success ,error: error});二、$.ajax的参数描述参数 ...转载 2019-05-09 17:36:38 · 191 阅读 · 0 评论 -
ajax里jason下面的result
$.ajax({type : “post”,async : true, //异步请求（同步请求将会锁住浏览器，用户其他操作必须等待请求完成才可以执行）url : “yearcount”, //请求发送到TestServlet处data : {},dataType : “json”, //返回数据形式为jsonsuccess : function(result) {//请求成功时执行该...原创 2019-05-10 14:30:06 · 498 阅读 · 0 评论 -
this/AO/GO看完就了解
var name='xaiowang',age=17; //直接赋值，为GO var obj={ //没有直接赋值，而是需要运算，为局部变量AO【不是固定的值】，用的时候计算，不用则放弃 // name:'xiaozhang', // age:67, objAge:this.age, //objAge为AO，直接访问自己上一层...原创 2019-05-22 10:12:19 · 338 阅读 · 0 评论 -
call与apply
call与apply：用于改变对象属性// var name=“小王”,age=17;// var obj={// name:‘小站’,// objAge:this.age,// myFun:function(fm,t){ //因为要为fm与t赋值，所以fm和t要有一个形参// console.log(this.name+“年龄”+t...原创 2019-05-22 11:28:36 · 75 阅读 · 0 评论 -
如何调用ajax
$.ajax({url : ‘/app_saleapi/customerController/insertCustomer’,type :‘post’,async:true,data:{customerType:1,userType : userType,realName : realName,contactingPerson : contactingPerson,contact...原创 2019-05-13 16:56:18 · 632 阅读 · 1 评论 -
$.与$()的区别
jquery中.，例如.，例如.，例如.post()，.get()，.get()，.get()，.ajax()等这些都是jquery这个对象的方法.是调用JQuery中对象，.是调用JQuery中对象，.是调用JQuery中对象，("#id").是id元素的属性...原创 2019-05-30 13:38:09 · 472 阅读 · 0 评论 -
搜索与筛选
<style> </style></head><body> <h1>jQuery搜索框过滤筛选</h1> <section class="list-wrap"> <label for="search-text"&g...原创 2019-06-06 14:28:11 · 249 阅读 · 0 评论 -
indexOf（） 小括号里的内容是小括号前的第几项
</body>原创 2019-06-06 14:29:41 · 370 阅读 · 0 评论 -
获取搜索框的值
成绩查询 <script> function getData(){ var searchKey = document.getElementById("searchTxt").value; spanTxt.innerHTML=searchKey; console.log(searchKey) ...原创 2019-06-28 14:22:24 · 2787 阅读 · 0 评论 -
点击链接页面不动，打开链接的实现方法
点击链接后，页面不动，只打开链接 作用一样，但不同浏览器会有差异。href=”javascript:void(0);”与href=”#"的区别点击点击链接后不会回到网页顶部 点击 点击后会回到网面顶部"＃"其实是包含了位置信息，例如默认的锚点是＃top 也就是网页的上端而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)...原创 2019-05-08 11:51:33 · 1985 阅读 · 1 评论