qq_43341001的博客

js数组对象中goods_id相同和并一个对象，把goods_size_id值添加一起。

Monaco Editor在vue中使用，从安转到初始化,在基于浏览器中编写代码程序

//这个就直接采用函数式写法，不用类的写法import React ,{Fragment,useState} from "react"function sheepNi(){ let [num,setNum] = useState(1); const addNum = ()=>{ // setNum(num++);//这种写法就是新值覆盖初始值 setNum(()=>{ //这种写法就是新值覆盖旧值 num++; }) } render(){ return(

import React, { Component, Fragment } from "react";//采用类的写法，现在在版本16.8以后出现Hooks以后就几乎不用类的写法export default class App extends Component{ state = { arr:["我的小红书账号sheepNi","喜欢和大家交朋友"] } render(){ return( <> <ul> return( this

*{ 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..

<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:

//不同域名下的单点登录 详细请参考 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

//随手记录下，哈哈，我朋友小康看我发一篇文章里面的介绍的<style> :root{ --bgColor: blue; --color:red; --fontSize:24px } .reduceBox{ width: 200px; height: 200px; border: 1px solid var(--bgColor); } .title, .sun,.kni{ width: 100%; height

//测试dmeon .testBox{ height: 450px; border: 1px solid rebeccapurple; width: 500px; color: blueviolet; overflow-y: auto; }在这里插入代码片```<div class="testBox"> <div class="sunBox"> <div class="childBox">今天天气不错

//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); },[]

前端，网页设计常用配色表，小工具

记录下原型的组合继承// 创建父类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创

//突然想起来，就记录下哈哈//需要传入初始化值的时候满足computer(){ sum(){ return function(num){ return num++; } }}sum(2);

axios取消请求操作 1. 创建取消令牌的生成器对象 const CancelToken = axios.CancelToken; 2.从中获取令牌对象 const source = CancelToken.source(); 3.发送请求的时候 axios({ url:'https:baidu.com', method:'post', cancelToken:source.token }) setTimeout.

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

//深拷贝和浅拷贝//1.浅拷贝只是增加一个指针指向已经存在内存地址//2.深拷贝增加一个指针并且申请一个新的内存，让这个新增加的指针指向这个新的内存//3.使用深拷贝的情况下，释放内存的时候，不会因为出现浅拷贝释放同一个内存错误//4.潜复制，就是把指向内存引用地址复制了，如果原地址发生改变，那么浅复制出来的对象也会相应改变//5.深复制，在计算机中重新开辟一块新内存地址用于存放复制的对象function deepCopy(skt){ let fvb = {}; for(let

/** *监听页面高度变化 */ window.addEventListener("resize",function(){ if(document.getElementById("asideLeft")){ let asideLeft = document.getElementById("asideLeft"); asideLeft.style.heigth = window...

/** * 将一个一维数组变成一个二维数组 */ function changeArrGroup(arr, newArrLength){ let changeIndex = 0; let secondArr = []; while(changeIndex<arr.length){ secondArr.push(arr.slice(changeInde.

<template> <div class="collectionBox" ref="wrapper"> //司机信息 <Driver/> <vant-tab v-model="active"> <vant-tab title="新建任务"> <van-pull-refresh v-model="refreshing01" @ref

/** * InitLayer 构造函数 * mapbox初始化地图 */function InitLayer(map){ this.map = map; this.coordsLineArray = [];//存放经纬度 this.k = 0;//记录几个点}/** * 绘制点图层 * 方法名 plottingMarker * e 事件 * */InitLayer.prototype.plottingMarker = function plottingMa

<template> <div> <div class="searchMap"> <div :class="['searchName',{activeBox:$store.state.toolBarchild.dinwei}]" @click="precisonMapClick"> <div>{{$store.state.tooBarChild.cityName}}&l

* js禁用浏览器后退按钮 * vue中使用 */methods:{ goBack(){ history.pushState(null,null,document.URL); },}destroyed(){ //路由跳转的时候，销毁监听,防止死循环 window.removeEventListener("popstate",this.goBack,false);}mounted(){ if(window.history &&.

/** * 在vue中使用移动端vant组件，按需引入组件 * 在vue中使用自适应框架 lib-flexible */import { ModuleKind } from "typescript";// 在目录文件为 babel.config.js文件中ModuleKind.exports ={ presets:[ '@/vue/cli-plugin-babel/preset' ], plugins:[ [ '

/** * js中将函数的属性与方法进行拷贝,主要实现类的继承 */ function Person(name){ this.name = name; this.sayName = function(){ console.log(this.name); } } function Student(name){ Person.apply(this,arguments); } le

<!-- elementui 时间组件 valueDate 选择日期 selectTime 选择事件 timeDefaultShow 默认时间 selectStartDate 开始时间 selectEndDate 结束日期 formatDate 处理时间格式化 pickerOptions 显示日期到目前为止 el-picker-panel_body 可以改

/** * 同一图层layer的不同要素feature设置不同的颜色 * InitLayer 构造函数 * mapbox初始化地图 */function InitLayer(map){ this.map = map; this.jsonPoints ={ "type":"FeatureCollection", "features":[] }}/** * 添加点图层 paint是layer的一个属性，负责图层的渲染与呈现。 * mat

/** vuex用法*/import login from "@/untils/login.js"import createRoutes from "@/router/createRoutes.js";import Cookies from "JS-cookies"import {resetRouter} from "@/router"export default{ state:{ num:0, noChildren:[],//左侧菜单数据 },

/** * js 三元表达式处理 */function sanYuan(siJi){ return siJi==3?"春天":siJi==6?"夏天":siJi==9?"秋天":siJi==11?"冬天":"";}console.log(sanYuan(9));//秋天/** *js 数组对象去重 */function repeat(arr){ const res = new Map(); return arr.filter((arr)=>!res.has(a

/** * js数组去重 */let arrar_ = function(array){ //判断是否为数组 if(!Ayyay.isArray(array)) return; let setArray = []; for(let i=0;i<array.length;i++){ if(setArray.indexOf(array[i])=== -1){ setArray.push(arrar[i]); }

/** * js 变量提升让，作用域，主执行栈和任务队列 */function kang(){ for(var i=0;i<9;i++){ setTimeout(()=>{ console.log(i,"里面");//9个9 },0) console.log(i,"中间");// 0,1,2,3,4,5,6,7,8 } console.log(i,"外面");//9}rain();..

<style> /*默认进来的时候样式*/ @keyframes myDivDefaultMove{ from{ right: -430px; } to{ right: 0; } } @-webkit-keyframes myDivDefaultMove{ f...

/** * 获取当前时间 */export function getCurrentDateTime(){ const year = new Date().getFullYear(); const month = new Date().getMonth()+1<10?"0"+new Date().getMonth()+1:new Date().getMonth()+1; const date = new Date().getDate()<10?"0"+new Dat

/** * @params{时间}data * @params{时间格式} fmt yyyy-MM--dd hh:mm */export function formatData(data,fmt){ if(/(y+)/.test(fmt)){ fmt = fmt.replace(RegExp.$1,(data.getFullYear()+"").substr(4-RegExp.$1.length)); } let o = { "M+":data

/** * 函数防抖（最后一次点击） * @params fn * @params delay * @return {function} * @constructor */export const Debounce = (fn ,t)=>{ let delay = t || 3000; let timer = null; return function(){ let argus = arguments; if(timer){

/** * 重置elementui的初始化loading加载信息 */import {Loading} from "element-ui";import {DeBounce} from "./debounce.js";//防抖函数后续文章介绍let Loading = "";let loadingRequestCount = 0;function startLoading(){ loading = Loading.sevice({ fullscreen:true,

* 重置elementui的弹框信息，解决重复一次提示出现多个弹框问题 */import {Message} from "element-ui"let messageInstance = null;const resterMessage = options=>{ if(messageInstance){ messageInstance.close(); } messageInstance = Message(options);}["error",".

import service from "@/request/axios.js";//文档接口管理const document = { userDocumentList(params){ //文档管理 return service({ method:"post", url:"/document/userDocumentList", data:params }) }, userD

/** * axiso 封装 * 请求拦截，错误统一处理 */import axios from "axios";import store from "@/store";import Cookies from "js-cookie";import {message} from "@/globalFn/resterMessage.js";import {IndexFn} from "@/globalFn/goIndex.js";import {showFullScreenLoading,tr