- 博客(56)
- 收藏
- 关注
原创 js 数组对象中goods_id相同和并一个对象,把goods_size_id值添加一起
js数组对象中goods_id相同和并一个对象,把goods_size_id值添加一起。
2022-07-15 16:25:28
267
原创 学习React基本点击事件操作(二)
//这个就直接采用函数式写法,不用类的写法import React ,{Fragment,useState} from "react"function sheepNi(){ let [num,setNum] = useState(1); const addNum = ()=>{ // setNum(num++);//这种写法就是新值覆盖初始值 setNum(()=>{ //这种写法就是新值覆盖旧值 num++; }) } render(){ return(
2022-04-20 16:56:46
823
原创 学习React基本渲染数据操作(-)
import React, { Component, Fragment } from "react";//采用类的写法,现在在版本16.8以后出现Hooks以后就几乎不用类的写法export default class App extends Component{ state = { arr:["我的小红书账号sheepNi","喜欢和大家交朋友"] } render(){ return( <> <ul> return( this
2022-04-20 16:31:02
3506
原创 css左侧固定右侧自适应
*{ margin: 0; padding: 0; } .fixBox{ display: flex; width: 100%; height: 300px; border: 1px solid palevioletred; } .leftBox{ flex: 0 0 300px; background-color: aquamarine; } .rightBox{ background-color: blu..
2022-04-19 14:16:08
287
原创 css水平垂直居中5种方式实现
<style> /* .demon{ width: 200px; height: 200px; border:1px solid #e9e9e9; position: relative; } .hart{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 80px; height:
2022-04-19 14:13:51
91
转载 什么是单点登录
//不同域名下的单点登录 详细请参考 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
78
原创 css 变量减少样式重复定义,比如同一个颜色值要在多个地方重复使用
//随手记录下,哈哈,我朋友小康看我发一篇文章里面的介绍的<style> :root{ --bgColor: blue; --color:red; --fontSize:24px } .reduceBox{ width: 200px; height: 200px; border: 1px solid var(--bgColor); } .title, .sun,.kni{ width: 100%; height
2022-04-18 14:26:49
507
原创 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
2434
原创 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
498
原创 创建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
217
原创 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
1787
原创 ueditor在富文本中嵌套iframe
//在富文本中嵌套iframe//preChapter vue中的建立一个页面data(){ return{ arg:"/#/preChapter", }} //获取iframe中的id that.idQuestion = self.frameElement.getAttribute("id");
2022-04-01 11:13:45
808
原创 当表单中只有一个<el-input>的时候,操作键盘的enter浏览器出现刷新问题
记录下,在element-ui中,弹框里面的时候,当只有<el-input>的时候,操作键盘的enter浏览器出现刷新问题,需要阻止默认点击事件的传递
2022-04-01 10:45:28
281
原创 element-ui中,从获取后台数据渲染下拉框数据,用户需要可以选择多个
//记录下,element-ui中,从获取后台数据渲染下拉框数据,用户需要可以选择多个 <el-form-item label="授课班级" :label-width="formLabelWidth" prop="classIds"> <el-select v-model="ruleForm.classIds" multiple filterable remote reserve-keyword placeholder="请输入关键词" :remote-m
2022-04-01 10:36:06
2207
原创 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
394
原创 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
623
原创 vue2,计算属性computer
//突然想起来,就记录下哈哈//需要传入初始化值的时候满足computer(){ sum(){ return function(num){ return num++; } }}sum(2);
2022-03-17 17:01:53
684
转载 electron-vue项目构建打包错误失败问题合集
https://blog.csdn.net/qq_43548590/article/details/120021371?utm_source=app&app_version=5.1.1&code=app_1562916241&uLinkId=usr1mkqgl919blen
2022-03-16 11:41:56
559
原创 多个数组对象通过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
321
原创 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
1080
原创 axios取消请求操作(适用于上传文件)
axios取消请求操作 1. 创建取消令牌的生成器对象 const CancelToken = axios.CancelToken; 2.从中获取令牌对象 const source = CancelToken.source(); 3.发送请求的时候 axios({ url:'https:baidu.com', method:'post', cancelToken:source.token }) setTimeout.
2022-01-04 11:11:04
1316
原创 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
623
原创 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
2228
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
553
原创 mapbox+turf+requestAnimationFrame方法实现轨迹巡航
/** 利用mapbox(js)+turf(js)+requestAnimationFrame方法 实现轨迹巡航 */ //点数据源 let carPoint = { "type":"FeatureCollection", "features":[{ "type":"Feature", "properties":{"bearing":""}, "geometry...
2021-06-03 11:22:01
1024
原创 前端面试题目总结(点点滴滴,想起来就记录下)
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
101
原创 深拷贝和浅拷贝
//深拷贝和浅拷贝//1.浅拷贝只是增加一个指针指向已经存在内存地址//2.深拷贝增加一个指针并且申请一个新的内存,让这个新增加的指针指向这个新的内存//3.使用深拷贝的情况下,释放内存的时候,不会因为出现浅拷贝释放同一个内存错误//4.潜复制,就是把指向内存引用地址复制了,如果原地址发生改变,那么浅复制出来的对象也会相应改变//5.深复制,在计算机中重新开辟一块新内存地址用于存放复制的对象function deepCopy(skt){ let fvb = {}; for(let
2021-05-21 16:34:33
63
原创 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
2477
原创 监听浏览器窗口改变导致高度变化
/** *监听页面高度变化 */ window.addEventListener("resize",function(){ if(document.getElementById("asideLeft")){ let asideLeft = document.getElementById("asideLeft"); asideLeft.style.heigth = window...
2021-04-16 15:57:03
507
原创 一维数组变成一个二维数组
/** * 将一个一维数组变成一个二维数组 */ function changeArrGroup(arr, newArrLength){ let changeIndex = 0; let secondArr = []; while(changeIndex<arr.length){ secondArr.push(arr.slice(changeInde.
2021-04-16 15:26:25
162
原创 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
1428
4
原创 vue+vant框架,上拉加载,下拉刷新代码使用
<template> <div class="collectionBox" ref="wrapper"> //司机信息 <Driver/> <vant-tab v-model="active"> <vant-tab title="新建任务"> <van-pull-refresh v-model="refreshing01" @ref
2021-01-28 17:02:34
236
原创 记录mapbox绘制点和绘制线
/** * InitLayer 构造函数 * mapbox初始化地图 */function InitLayer(map){ this.map = map; this.coordsLineArray = [];//存放经纬度 this.k = 0;//记录几个点}/** * 绘制点图层 * 方法名 plottingMarker * e 事件 * */InitLayer.prototype.plottingMarker = function plottingMa
2021-01-27 15:33:14
2695
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
516
原创 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
376
原创 在vue中使用移动端vant组件,按需引入组件和自适应框架 lib-flexible使用
/** * 在vue中使用移动端vant组件,按需引入组件 * 在vue中使用自适应框架 lib-flexible */import { ModuleKind } from "typescript";// 在目录文件为 babel.config.js文件中ModuleKind.exports ={ presets:[ '@/vue/cli-plugin-babel/preset' ], plugins:[ [ '
2021-01-21 15:28:26
806
原创 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
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人