weixin_43045869的博客

原创 vue3 单文件组件模版

【代码】vue3 单文件组件模版。

原创 控制 ElementUI el-table 树形表格多选框的显示层级

1、你可以通过 selectable 属性来控制哪些行可以选择（显示多选框）2、通过 css 隐藏被禁用的多选框。

原创 elementui table禁用全选,一次限制勾选一项。

2、使用动态css 隐藏顶部全选框。添加属性：:header-cell-class-name=“hideAllCheckbox”1、设置属性：@selection-change=“handleSelectionChange”

原创 关于修改 vue Element admin、若依， 等后台管理系统模板的一些全局样式问题：

原创 npm 报错 unable to resolve dependency tree

其实提示上有：npm ERR!

原创 element UI element plus 设置input输入框只能输入整数和小数，第一位不能为点，只能输入一个点

主要用于输入经纬度。

原创 elementUI 表格隔行换色，修改table表头背景样式

要修改elementUI 的表格默认样式，需要有足够的耐心，在浏览器中寻找它自带的样式，然后在本地公共样式中覆盖。在项目公共css文件中，添加如下代码。

原创 [BABEL] Note: The code generator has deoptimised the styling of xxxxxxx/typescript.js as it exceeds

在Babel配置中，compact选项的作用是控制生成的代码是否进行压缩和优化。当compact设置为false时，Babel会生成更紧凑、优化的代码，这有助于减少代码体积，提高运行效率。然而，这种优化可能会导致调试变得更加困难，因为优化后的代码可能难以追踪和调试‌。在项目根目录下新建.babelrc 添加下面的内容。

原创 Vue中优雅的使用Echarts的三种方式

这个例子中，EChart.vue组件通过props接收ECharts的配置项option，并在组件的mounted生命周期钩子中初始化ECharts实例，在watch中监控option的变化，并更新图表。）是ECharts 的 Vue.js 组件，基于 ECharts v4.1.0+ 开发，依赖 Vue.js v2.2.6+，意思就是可以直接把echarts实例当中vue中的组件来使用，不用每次都获取dom、挂在dom，轻松使用echarts的所用功能。vue中使用，直接添加options 数据即可。

原创 WebGIS三维地图框架--Cesium

Cesium 是WebGIS四大地图框架之一（其他框架可以参考我的上篇文章），主要用于渲染3D地图。Cesium是一个用于创建三维地球和地图应用程序的JavaScript库。它利用WebGL技术实现高性能的地球渲染，为开发者提供了强大的地理空间分析和可视化功能。Cesium不仅支持地球表面的三维渲染，还可以展示地球上的各种数据，如卫星轨道、地质信息等。借助Cesium，开发者可以在Web浏览器中实现惊人的三维地球应用。

原创 SuperMap是干嘛的

‌SuperMap是超图软件旗下的一个品牌，专注于地理信息软件（GIS）和空间智能领域的基础软件与应用软件开发。‌它是亚洲最大的GIS软件提供商之一，全球排名第二。SuperMap软件在数字中国、数字政府、企业数字化、数字孪生、元宇宙和智慧城市中扮演着重要的技术底座角色。‌总结：超图（SuperMap）是国内的一款地理信息系统软件公司。他们集成了市面上主流的GIS框架，如：Leaflet、OpenLayers、Mapbox，但是它没有 Cesium 版本。这四个框架的区别可以参考我上个文章（

原创 WebGIS四大地图框架：Leaflet、OpenLayers、Mapbox、Cesium

WebGIS四大地图框架：Leaflet、OpenLayers、Mapbox、Cesium

原创 webGIS和webGL的区别

WebGL是一种基于JavaScript的图形库，用于在Web浏览器中实现高性能的3D图形渲染。它基于OpenGL ES 2.0标准，可以在支持WebGL技术的浏览器中直接利用GPU进行图形渲染，实现高性能的图形展示效果。WebGIS是一种基于网络的地理信息系统，它允许用户通过Web浏览器访问、查询、分析和可视化地理空间数据。WebGIS结合了地图服务、地理信息数据库和前端地图库，为用户提供交互式的地图浏览和空间数据分析功能。

原创 momentjs dayjs 设置时间区间

dayjs 中文文档。

转载 js 循环遍历对象，如果有空值就删除该项（Object.keys）

使用 Object.keys 取出key值，并循环判断。

原创 vuex模块化使用

1、Mutations是同步的，这意味着在mutation中的函数执行时，不能包含任何异步操作，如Promise或者setTimeout等。actions适用于复杂的状态变更，特别是那些涉及到异步操作的情况，如数据获取，提交表单。2、Mutations可以直接修改state，但必须通过提交mutation的方式来进行，通常在组件中通过this.在组件中使用 Vuex： 在需要访问或修改状态的组件中，你可以使用Vuex提供的辅助函数。，它们的主要职责是执行异步操作，然后通过提交。payload)来触发。

原创 封装element UI 全局loading

【代码】封装element UI 全局loading。

原创 js 查找数组对象中id相同的元素，把他们放到新数组对象中

这段代码会输出一个新数组，其中的每个对象都包含一个id和一个items数组，items数组包含所有具有相同id的元素。可以使用JavaScript中的Array.prototype.reduce方法来实现这个功能。

原创 js截取字符串最后一个*后面的数据

js截取字符串最后一个*后面的数据。

原创 js 实现数组中多项置顶

js 将数组中的某一项放到最前面。js 实现数组中多项置顶。

原创 一个vue mixin 小案例，实现等比例缩放

vue mixin

原创 淘宝镜像临时使用

npm install 依赖包 --registry https://registry.npmmirror.com。npm --registry https://registry.npmmirror.com install 依赖包。

原创 js中定义类的方式：

js中定义类的方式

原创 elementUi的el-select同时获取value和label的三种方法

【代码】elementUi的el-select同时获取value和label的三种方法。

原创 封装Vue Element的Form表单组件

效果子组件：<template> <div class="search_input"> <el-form :size="size" inline :model="searchData" :rules="rules" ref="searchForm" :label-width="labelWidth"> <el-form-item v-for="item in searchForm" :label="item.label" :key="i

原创 vscode 插件 projectManager 使用

插件 projectManager 便于在VScode中管理多个项目，不用每次都保存为工作区。

原创 css 线性渐变

线性渐变 - 从左到右（to right）/从右到左(to left)线性渐变 - 从上到下（默认情况下）对角 - 左上角到右上角。

原创 原生jquery实现移动端滑动分页

原生jquery实现移动端滑动分页计算公式：a-d+b-c = 152-50+800-852=50 < 55。如果我们设定this.offset=55。所以此时可以触发加载新内容.此时滚动条向下滚动了50。

原创 关于element UI 下拉选项select 绑定值无法翻译后回显

在做 select 组件下拉回显时，后台返回的选项 id 值有的是 字符串类型：id : ‘1’，而elementUI 做了严格判断类型必须是number类型。

原创 在电脑上微信无法语音聊天，微信听不到语音声音

1、右击开始菜单，（就是Windows开机键键，有四个小方格，像窗口的地方）→选择 【设备管理器】2、在 【声音、视频和游戏控制器】 中，右击 【Realtek audio】，选择 更新驱动程序。3、更新驱动，不是选择 【自动搜索驱动程序（S）】，需要按下边方法操作。选择High Definition Audio设置后，点右下角下一步，点击：→让我从计算机上可用驱动程序列表中选取（L）点击：→浏览我的电脑以查找驱动程序（R）。在弹出的窗口点击是，重启电脑。

原创 vue 按钮权限

创建 premission.js 文件import Vue from 'vue' import store from '../store/index.js' //自定义指令，用来控制按钮权限 Vue . directive('permission' , {

原创 关于给元素设置背景图用到的属性

background: #ff0000 url(/i/eg_bg_03.gif) no-repeat top 100px left 100px;效果图：

原创 vant 结合 tabs 实现上拉加载 下拉刷新

【代码】vant 结合 tabs 实现上拉加载 下拉刷新。

原创 js对象操作方法大全

1.create： 创建一个对象2、defineProperty：Object.defineProperty(object, prop, descriptor)定义对象属性4、keys： 遍历可枚举的属性，5、values： 遍历可枚举的属性值7、getPrototypeOf： 获取指定对象的原型（内部[[Prototype]]属性的值）8、setPrototypeOf 设置一个指定的对象的原型9、getOwnPropertyNames 与keys相似，但包含遍历包含不可枚举属性。

原创 循环出来的图片转 base64 压缩

【代码】循环出来的图片转 base64 压缩。

原创 2021-06-02

async await 处理异步请求要结合 try catch 来捕获异常async getDetail() {if (this.id) {this.loading = truetry {const res = await this.KaTeX parse error: Expected 'EOF', got '}' at position 153: … false }̲ catch (error) …message.error(‘获取事件报警详情失败，请稍后重试’)}}},

原创 js去掉两个数组相同的元素、js删除数组中某一个对象、js快速查找数组中重复项下标

通过 some() 在对方数组里面查找相同元素，再利用filter() 过滤掉当前数组里与对方数组相同的元素。

原创 transformRequest和transformResponse的作用

记一次文件上传：axios 重置请求头和序列化参数–便于文件流上传。

原创 使用nrm切换源，使用nvm切换node版本

使用nrm切换源，使用nvm切换node版本。

原创 axios传递数组参数，后台接收不到

关于前后端联调，参数接收不到问题，如果遇到一个彩笔后端 ，参数格式也说不清楚接口文档又没有，是一件很头疼的事情。axios 传参分两组：get(delete)、post(put)。get和delete 传参方式基本相同，post和put基本相同。