
js
时光流逝太快,记录下
爱吃鱼的康康
佛系
展开
-
js 数组对象中goods_id相同和并一个对象,把goods_size_id值添加一起
js数组对象中goods_id相同和并一个对象,把goods_size_id值添加一起。原创 2022-07-15 16:25:28 · 312 阅读 · 0 评论 -
Monaco Editor 是微软开源,运行在浏览器环境中
Monaco Editor在vue中使用,从安转到初始化,在基于浏览器中编写代码程序原创 2022-04-27 15:34:18 · 994 阅读 · 0 评论 -
什么是单点登录
//不同域名下的单点登录 详细请参考 https://baijiahao.baidu.com/s?id=1700599936444607979&wfr=spider&for=pc // 获取 token var token = result.data.token; // 动态创建一个不可见的iframe,在iframe中加载一个跨域HTML var iframe = document.createElement("iframe"); iframe.src = "http转载 2022-04-19 11:29:42 · 108 阅读 · 0 评论 -
js addEventListener监听scroll滚动条 距离底部一定距离,加载数据,超过最大高度移除监听事件
//测试dmeon .testBox{ height: 450px; border: 1px solid rebeccapurple; width: 500px; color: blueviolet; overflow-y: auto; }在这里插入代码片```<div class="testBox"> <div class="sunBox"> <div class="childBox">今天天气不错原创 2022-04-18 11:45:19 · 2564 阅读 · 0 评论 -
js中reduce去重
//reduce去重请问下 prev.concat(next)?这个地方为什么不能用 prev.push(next) function parent(arr){ return arr.reduce((prev,next)=>{ console.log(prev,next,"prev") return prev.includes(next)?prev:prev.concat(next); // return prev.push(next); },[]原创 2022-04-18 11:36:06 · 541 阅读 · 0 评论 -
创建a标签,通过浏览器下载
//记录下,创建a标签,通过浏览器下载 templateStudentName(){ let a = document.createElement('a'); let evt = document.createEvent('MouseEvents'); a.download = '学生导入模板'; a.href = '/document/templateStudent.xlsx'; evt.initEvent('click',true,true原创 2022-04-01 15:50:25 · 245 阅读 · 0 评论 -
new Promise请求后台的数据返回成功以后,在去执行操作其他操作
//记录下,如果在一个函数需要保证,请求后台的数据返回成功以后,在去执行操作其他操作//addEnv是axios请求以后封装好的接口function cat(){ return new Promise((reslove,reject)=>{ addEnv({id:1}).then(res=>{ reslove(res) }).catch(error=>{ reject(error) }) })}async function sheep(){ let r原创 2022-04-01 15:30:43 · 1852 阅读 · 0 评论 -
ueditor在富文本中嵌套iframe
//在富文本中嵌套iframe//preChapter vue中的建立一个页面data(){ return{ arg:"/#/preChapter", }} //获取iframe中的id that.idQuestion = self.frameElement.getAttribute("id");原创 2022-04-01 11:13:45 · 897 阅读 · 0 评论 -
js 原型的组合继承
记录下原型的组合继承// 创建父类function Parent(name){ this.name = name ;//实例属性 this.sayHi = function(){ console.log("我是一个实例的方法"); }}//创建子类function Child(name,age){ //继承父类的实例的属性和方法 Parent.call(this,name); this.age = age}//继承父类上原型的实例//Object.create()//es6创原创 2022-03-31 17:35:04 · 428 阅读 · 0 评论 -
reduce处理数组成多层子级新数组
let arr = [ { id:1, name:'er', pid:0 }, { id:2, name:'we', pid:1, }, { id:3, name:'ert', pid:2, }, ] //处理成 let arr02 = [ { id:1,原创 2022-03-31 17:00:17 · 712 阅读 · 0 评论 -
多个数组对象通过findIndex,合并处理
//多个数组对象const arr = [ { name:"tigger", age:20, id:1 }, { name:"cat", age:23, id:2 }, { name:"dog", age:24, id:1 }, { name:"sheep", age:20, id:2 }]//需要把数据结构处理成let arr02 = [ { id:1, arr:[ {原创 2022-03-11 16:41:58 · 372 阅读 · 0 评论 -
js调用浏览器自带复制功能
let orderNumber = "";//自定义需要赋值的值 let inputElement = document.createElement("input");//创建一个输入框 inputElement.value = orderNumber; //给input框赋值 document.body.appendChild(inputElement);//添加到body inputElement.select(); //选中input框的内容 docume.原创 2022-02-07 14:12:24 · 1138 阅读 · 0 评论 -
js两个数组之间相互比较,arr1 ,arr2,去除arr2中在arr1不存在的元素
//两个数组之间比较,去除arr1中的 2 8 9 let arr1 = [1, 2, 3, 8, 9];let arr2 = [1, 6, 3];let arr = arr1.filter(x=>arr2.every(y=>y!==x))原创 2021-09-02 14:03:59 · 679 阅读 · 0 评论 -
mapbox创建自定义marker图标绑定弹框展示信息
/** * 创建自定义marker图标绑定弹框 */ let carMarker = [];//存放marker图标 for(let m= 0;m<gpsInfoList.length;m++){ let el = document.createElement("div"); el.className = "marker-car"+m; el.setAttribute(原创 2021-06-07 10:46:36 · 2379 阅读 · 3 评论 -
根据geojson不同数据类型渲染对应的点线面
//根据geojson不同数据类型渲染对应的点线面 let id = row.id;//点击表格行获取的 presionMap.uploadMangement(id).then(response=>{ if(response.data.data!=null){ if(row.dataType ==".geojson"){ let jsonPase = eval("("+response.data.data.fill原创 2021-06-03 14:01:52 · 607 阅读 · 0 评论 -
mapbox+turf+requestAnimationFrame方法实现轨迹巡航
/** 利用mapbox(js)+turf(js)+requestAnimationFrame方法 实现轨迹巡航 */ //点数据源 let carPoint = { "type":"FeatureCollection", "features":[{ "type":"Feature", "properties":{"bearing":""}, "geometry...原创 2021-06-03 11:22:01 · 1140 阅读 · 0 评论 -
前端面试题目总结(点点滴滴,想起来就记录下)
time :20210524//代码单词写错了,大家理解,都是直接在模板上手敲的1.a+b+c = 6,用fn(1)(2)(3)求?//运用到闭包function fn(a){ return function(b){ return function(c){ console.log(a+b+c); } }}fn(1)(2)(3);2.将"https://baidu.com?name='zhansan'&age=12",处理为{name:'zhansan',age:12原创 2021-05-24 13:25:37 · 122 阅读 · 0 评论 -
深拷贝和浅拷贝
//深拷贝和浅拷贝//1.浅拷贝只是增加一个指针指向已经存在内存地址//2.深拷贝增加一个指针并且申请一个新的内存,让这个新增加的指针指向这个新的内存//3.使用深拷贝的情况下,释放内存的时候,不会因为出现浅拷贝释放同一个内存错误//4.潜复制,就是把指向内存引用地址复制了,如果原地址发生改变,那么浅复制出来的对象也会相应改变//5.深复制,在计算机中重新开辟一块新内存地址用于存放复制的对象function deepCopy(skt){ let fvb = {}; for(let原创 2021-05-21 16:34:33 · 85 阅读 · 0 评论 -
vue使用computed计算属性,监听初始化路由,页面高度
/** * vue中computed计算属性,页面高度自适应问题 */ <div :style="resizeHeight"> <el-menu :default-active="routePath" class="el-menu-vertical-demo" background-color="#333" text-color="#fff" active-text-color="#ffd04b" ..原创 2021-04-16 16:01:57 · 2624 阅读 · 0 评论 -
监听浏览器窗口改变导致高度变化
/** *监听页面高度变化 */ window.addEventListener("resize",function(){ if(document.getElementById("asideLeft")){ let asideLeft = document.getElementById("asideLeft"); asideLeft.style.heigth = window...原创 2021-04-16 15:57:03 · 598 阅读 · 0 评论 -
一维数组变成一个二维数组
/** * 将一个一维数组变成一个二维数组 */ function changeArrGroup(arr, newArrLength){ let changeIndex = 0; let secondArr = []; while(changeIndex<arr.length){ secondArr.push(arr.slice(changeInde.原创 2021-04-16 15:26:25 · 205 阅读 · 0 评论 -
cesium 垂直测量高度
//cesium里面垂直测高,基于vue框架 es6语法export default function measureHeight(viewer,width){ let handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); let positions = []; let tooltip = document.getElementById("tooltip"); let hei = 0;原创 2021-03-23 10:30:10 · 1591 阅读 · 4 评论 -
vue+element省市区搜索实现
<template> <div> <div class="searchMap"> <div :class="['searchName',{activeBox:$store.state.toolBarchild.dinwei}]" @click="precisonMapClick"> <div>{{$store.state.tooBarChild.cityName}}&l原创 2021-01-27 10:39:25 · 572 阅读 · 0 评论 -
vue中使用,js禁用浏览器后退按钮
* js禁用浏览器后退按钮 * vue中使用 */methods:{ goBack(){ history.pushState(null,null,document.URL); },}destroyed(){ //路由跳转的时候,销毁监听,防止死循环 window.removeEventListener("popstate",this.goBack,false);}mounted(){ if(window.history &&.原创 2021-01-25 16:25:00 · 419 阅读 · 0 评论 -
js中将函数的属性与方法进行拷贝,主要实现类的继承
/** * js中将函数的属性与方法进行拷贝,主要实现类的继承 */ function Person(name){ this.name = name; this.sayName = function(){ console.log(this.name); } } function Student(name){ Person.apply(this,arguments); } le原创 2021-01-21 14:42:54 · 171 阅读 · 0 评论