qq_40295815的博客

原创 v-charts map地图 自定义地图区域颜色

<template><div style="width:100%;"><ve-map :data="chartData" :settings="chartSettings" :extend="chartExtend"></ve-map></div></template><script>exp...

原创 音乐艺考培训机构怎么选？2025年排名与避坑指南

近年来，音乐艺考热度持续攀升。一定要带孩子去机构实地试听，感受老师的教学风格是否适合自己，同时观察机构的学习氛围、琴房设施、管理制度。这类机构，办学规模适中，主攻央音、国音等顶尖院校，同时兼顾统考。公开的累计800+学员录取数据中，中央音乐学院35+、中国音乐学院22+，这类具体数据比模糊的“大量学员考入名校”更有参考价值。：部分机构把“通过省统考”也算作录取成绩，甚至将学员拿到“合格证”等同于“被录取”，误导家长。：规模大、校区多，但师资流动性高，容易出现“一个老师带几十个学生”的情况，个性化辅导不足。

原创 小三门艺考培训机构推荐：如何用“数据思维”选对赛道？

作为一个在艺考圈摸爬滚打多年的“过来人”，我深知“小三门”——乐理、视唱、练耳——对于音乐艺考生的分量。它不像主科那样“一锤定音”，却往往是拉开分差、决定能否过线的“隐形杀手”。那么，面对市场上琳琅满目的培训机构，如何用理性、数据化的方式，找到真正能帮你“稳过小三门”的机构？## 目标说明：你需要的不是“推荐”，而是“匹配”很多考生和家长一上来就问：“哪家小三门艺考培训机构最好？，你的目标院校、现有基础、学习周期、预算，甚至你的学习风格，都会影响选择。，但记住，一定要自己去试听、去验证。

原创 Geo-Targeting 技术深度解析：IP定位与本地化投放实践

原创 Geo-Targeting 技术深度解析

原创 Vue电子围栏+警报提示

这是一个基于Vue3构建的电子围栏监控系统，主要功能包括： 可在画布上绘制多边形电子围栏 支持设置1-5个模拟人员及其移动速度 实时检测人员是否进入围栏区域并触发警报 提供警报灵敏度调节(1-100%) 显示实时警报记录和系统状态 包含开始/停止模拟、清除围栏等功能 系统采用响应式设计，界面简洁美观，使用Canvas绘制监控画面，通过射线法算法检测点与多边形的位置关系，实现电子围栏的核心监控功能。

原创 js 把二维数组改成四象限图用的格式

);return {quadrant1,quadrant2,quadrant3,quadrant4。

原创 京东微前端microApp 项目实战

目前我说的这版是vue2为基座，子应用vue2，vue3，react都行，vite版本是单独的，自己去官网看着配。基础配置在基座（包含导航侧边栏登录等，基础组件，不可用的组件扔npm包里，子组件自己下载就行了）配完这些恭喜你，成功跳转到子应用了，需要基座下发或者子应用回传数据，官网api就有就不写了。公司项目有N个系统构成一个大体积应用，代码越来越多，运行打包十几分钟以上。再就是基座里，你切换其他系统的时候需要配置的地方，点击切换系统的方法。name名字很重要，要对应起来，要不进入子应用的时候会有问题。

原创 vue页面带滚动条，打开新页面页面不置顶的问题

【代码】vue页面带滚动条，打开新页面页面不置顶的问题。

原创 js 数组转树，树转数组

【代码】js 数组转树，树转数组。

原创 拐弯的时间线

【代码】拐弯的时间线。

原创 js 选中时间往前推N个半年

【代码】js 选中时间往前推N个半年。

原创 三维可视化echarts散点图

【代码】三维可视化echarts散点图。

原创 element 带搜索穿梭框右侧回显

【代码】element 带搜索穿梭框右侧回显。

原创 element tree 搜索

【代码】element tree 搜索。

原创 js 根据id匹配2个数组，新数组覆盖旧数组的值

第二步是把新数组根据id进行匹配，修改赋值到旧数组进行更新操作。第一步是把后台数据处理成自己想要的格式。

原创 element table 自定义列，字段拆成新字段名并加下标

源对象修改为，拆分逗号后，形成新的字段。

原创 js 去掉原数组里的对象名，更换数组内顺序

【代码】js 去掉原数组里的对象名，更换数组内顺序。

原创 js 金额千分位（保留两位小数）

if (floatPart.length > 2) { //若小数位数在两位以上，则四舍五入保留两位小数。} else if (floatPart.length == 1) { //若小数位数只有一位，补0。// 用法： {{todaymoney|formatMoney}}label: "费用",} else { //数据为整数。//=2表示数据有小数位。

原创 echarts3D柱状图

i < 5;++i) {}option = {},},},},},},},},},},},},},{},{

原创 若依开源系统兼容IE问题

node自带的sockjs版本过高导致的。

原创 window下切换node版本

node版本地址以往的版本 | Node.jsNode.js 10.24.1 npm6.14.12 如果出现乱码，去C:\Windows\System32用管理员身份运行cmd

原创 uniapp | 开发中遇到的兼容性问题

<template> <h2> product.name：{{ product.name }} </h2> <h2> name：{{ name }} </h2> <h2> price：{{ price }} </h2> <button @click="hello"> hello </button></template><script> i.

原创 js多个数组中对某一个对象是否相同进行判断

this.detailAlllist = [2个数组，对象中UserName进行判断]let list = this.detailAlllist.flat() //数组降维const ids = list.map(value=>value.UserName);const idsSet = new Set(ids);if(idsSet.size == ids.length){console.log("不存在同个值")}else{console.log("存在同个值")}..

原创 解决ts下eslint报错问题

AutoImport({ dts: 'types/auto-imports.d.ts', imports: ['vue'], // 解决eslint报错问题 eslintrc: { enabled: true }})这时会自动生成.eslintrc-auto-import.json文件，将其导入eslintrc.js即可。module.exports = { extends: [ './.eslintrc-auto-import.j.

原创 div 上下浮动效果

div{ width: 100px; height: 100px; background:blue; animation: bounce-down 1.8s linear infinite; } @-webkit-keyframes bounce-down { 25% { -webkit-transform: translateY(-10px); } ...

原创 monaco-editor 使用demo

npm install monaco-editor@0.32.1main.js设置下面：import mcommon from '@/components/commons'Vue.use(mcommon)vue.config.js设置下面：const MonacoWebpackPlugin = require('monaco-editor-esm-webpack-plugin');configureWebpack: { module: { rules: [{ te.

原创 element table复杂表头 行内判断跳转

可以根据多级复杂表头，取到实际合计的名称进行判断，也可以根据当前行的某个字段信息进行判断。跳转点击事件cellclick，带参数跳转到新页面

原创 vue js匹配出2个数组中共有的部分

let echoId = this.checkNodeId.map(item => { // 为了能有匹配项，这里可以改写成相应的对象展示 return {id:item} }) console.log(echoId); let newEchoList = this.echoNameId(this.treeData) //最全的数组 console.log(newEchoList); .

原创 element 日期显示范围到3个月前

let bDate = moment().subtract(3, 'M').toDate() this.DateRange = [bDate, new Date()]

原创 router.beforeEach url携带参数跳转指定路由

let redirecteds = { redirected: 111 } if (to.path === "/url" && Object.keys(to.query).length === 0) { next({ path: '/url', query: redirecteds }) return; }else{ next() return; }

原创 vue 处理后台返回的文件流生成excel

以下为excelBlob.js/*用来处理文件流导出*/import moment from "moment";export default function excel(data, name, append = "xls", preview = false) { let blob = new Blob([data]) let xlsxName = moment(new Date()).format('YYYY-MM-DD') + `${name}.${append}` if (pr

原创 vue computed 使用方法

computed:{ userName:{get(){returnthis.$store.state.user.username},set(val){this.$store.commit('user/setUsername',val)}},},这里去读取store里设定的state值import { setToken, getToken } from '@/libs/util'export defa...

原创 vue前端接收后台的文件流，点击触发接口后直接下载

如果是在table列表组件里，点击按钮获得到id，然后传给接口在vue项目中，可以直接 initWordInfo（id） 不要.thenconstmoduleHttp=window.SITE_CONFIG.baseUrl//模块服务路径，全局定义拼接接口直接exportconstinitWordInfo=(url)=>{window.location.href=moduleHttp+'接口url'+'?id='+url}...

原创 vue+TS中父组件调用子组件报错Property ‘xxx‘ does not exist on type ‘Vue‘解决方案

在使用ts的过程中发现，父组件调用子组件方法的时候this.$refs.childThisParent.handleCommitInfo()发现vscode报错Property 'handleCommitInfo' does not exist on type 'Vue的情况，但是实际上运行效果完全没问题。主要原因是vscode会根据声明文件自动进行类型推断的，这里没法知道childMethod的类型因此，如下即可(this.$refs.childThisParentas any)....

原创 ant 下拉框定位问题

在Select组件中添加“getPopupContainer={triggerNode => triggerNode.parentNode}” 使其固定在父元素中；如果是日期DatePicker组件 使用 “getCalendarContainer={triggerNode => triggerNode.parentNode}

原创 iview 根据权限显示隐藏某一列

if(this.roleId != this.countyOrganizations && this.roleId != this.cityRoleIds) { var arr = [] for (let i in this.tableColumnPugins) { arr.push(this.tableColumnPugins[i]) } this.columns = arr.filter(i => { .

原创 iview Modal高度的设定问题

官方无可用API供大家参考，所以。。换个思路吧，就是直接从内部设定一个DIV，对他设置高度即可，modal框会自动撑高 <Modal v-model="lookModel" title="查看" width="60%" footer-hide> <div style="height:600px;width:100%:"> </div> </Modal>这种设定是为了可以让

原创 img 读取base64 生成二维码图

<img:src="'data:image/gif;base64,'+item.codeUrl"/>

原创 vue 点击事件传参写法

on-click={()=>this.handleInfo(warn)}