- 博客(230)
- 资源 (10)
- 收藏
- 关注
RSS订阅原创 echarts中effectScatter散点图将某些点显示在上面不被覆盖
在 effectScatter 散点图中，如果某些点被其他点覆盖，你可以通过调整它们的显示顺序或设置它们的标签位置来解决这个问题。
2023-07-05 13:35:18
1689
原创 Vue 3相对于Vue 2的优缺点
优点：更快的渲染速度：Vue 3通过引入了基于Proxy的响应式系统和优化的虚拟DOM算法，提供了比Vue 2更快的渲染速度，尤其在大规模应用中的性能表现更为出色。更小的包体积：Vue 3在体积方面进行了优化，生成的包更小，这对于前端应用的加载速度和用户体验来说是一个积极的因素。Composition API：Vue 3引入了Composition API，它使得组件的逻辑更易于组织、重用和测试。相对于Vue 2的Options API，Composition API提供了更大的灵活性和可读性。更
2023-07-05 13:29:18
1323
原创 基于easyweb的单页面封装方案
在使用iframe或者Ajax方式加载组件页面时，可能会存在一些兼容性问题，需要进行相应的处理。1、iframe方式兼容性问题：在一些较老的浏览器中，可能存在iframe高度自适应的问题，需要手动设置iframe的高度或者使用JavaScript动态设置iframe的高度。2、Ajax方式兼容性问题：在一些较老的浏览器中，可能不支持XMLHttpRequest对象，需要使用ActiveXObject对象代替。
2023-06-28 10:15:41
624
原创 在 avue中使用axios拦截器中 实现多次请求清除上一个请求数据 防止新的数据被覆盖
在 Avue 中使用 axios 拦截器实现多次请求清除上一个请求数据的功能，可以通过创建一个新的 axios 实例并配置请求和响应拦截器来实现。
2023-06-28 10:15:09
693
原创 echarts中tooltip显示标题过长滚动
通过 JavaScript 函数 startTooltipMarquee()，我们动态地计算了 title 的宽度，并创建了一个 CSS 动画，将其应用到 title 元素上。然后，我们设置了动画的播放时长和循环模式，使其不停地滚动。元素的 class 属性中添加了一个名称为 tooltip-title 的类，并定义了一个名为 marquee 的 CSS 类，用于实现跑马灯滚动效果。请注意，由于跑马灯滚动效果使用了 CSS 动画，你可能需要根据具体的样式和需求进行相应的调整，以获得所期望的滚动效果。
2023-06-07 11:07:28
973
原创 一个数组二维对另一个二维数组的某个字段排序
在上面的示例中，我们假设 array2 是一个包含对象的数组，每个对象都有 id 和 field 两个字段。我们使用 array2.find() 方法来查找具有特定 id 的对象，并获取对应的 field 值。然后，比较函数根据 field 值进行比较，并返回相应的排序顺序。在比较函数中，我们将使用 array2 中的相应字段值进行比较。array1 是你想要排序的数组，array2 是包含排序依据字段的二维数组。确定在 array2 中哪个字段用于排序。假设你要按照字段名为 field 的字段进行排序。
2023-06-07 10:59:55
163
原创 el-upload 组件取文件后base64格式直接上传
在 Element UI 的 el-upload 组件中，默认行为是在选择文件后立即上传文件。如果直接将文件以 base64 格式上传，你可以修改示例代码中的 handleBeforeUpload 方法，将文件转换为 base64 格式后直接进行上传。在上述示例中，将 auto-upload 属性设置为 true，以便在选择文件后立即进行上传。同时，我们将 base64 数据保存到 uploadData 对象中，并将其作为上传数据传递给 el-upload 组件的 data 属性。
2023-06-01 17:01:18
2350
原创 jeecms使用总结
系统->模型管理开启后从栏目或者内容页面选择对应的模型，此时可配置对应模型改变对应模板渲染的字段属性，原始属性参考文档对应说明，自定义属性arr对象中对应的字段，同时使用文档对应的attrValue等属性获取对应值等。
2023-05-17 09:58:09
904
原创 js将时间区间变成月份数组
在 dateIntervalToMonthStringArray 函数中，我们使用 getMonth() 方法获取月份时，需要将其加上 1 才能得到实际的月份。在 JavaScript 中，getMonth() 方法返回的月份是从 0 开始计数的，因此需要将其加上 1 才能得到实际的月份。在 getMonthString 函数中，我们将 month 参数作为索引获取对应的月份字符串。
2023-04-28 14:24:14
569
原创 echarts饼图默认高亮/取消高亮
在 echarts 饼图中，可以通过 emphasis 属性设置数据项被高亮时的样式。而如果您想要设置默认高亮的一个数据项，可以在该数据项的配置对象中使用 selected: true 属性来实现。在上述代码中，selected: true 属性被设置在了数据项 {value: 335, name: ‘直接访问’} 中，表示该数据项会在图表初始化时被默认高亮。您可以根据实际情况，将该属性设置在您需要默认高亮的数据项中即可。同时，您也可以通过 selectedOffset 属性来控制高亮时的偏移量。
2023-04-17 08:53:15
6043
原创 echarts饼状图图表插件 文件显示不开 怎么设置属性 使其能溢出显示
在 echarts 饼状图的配置选项中，有一个属性 avoidLabelOverlap，默认值为 true。将该属性设置为 false，可以允许标签重叠并在图表周围显示。这将使图表容器溢出父容器并显示完整的饼状图。这将允许标签重叠并在图表周围显示。注：此文章未亲自实践，仅供参考。
2023-04-17 08:50:19
343
原创 element-ui使用axios获取并下载流文件到本地
首先使用axios发送一个GET请求，并将其响应类型设置为“stream”。这将使axios返回一个包含可读流的响应对象。我们然后创建一个可写流，并将响应数据流(pipe)到可写流中。最后，我们返回一个Promise，以便在下载完成时进行通知。当Promise被resolve时，文件将下载到本地磁盘，并且可以使用相应的路径访问。如果下载过程中发生错误，Promise将被reject，并且在控制台上将打印出错误消息。
2023-04-04 10:47:41
1252
原创 基于 vue.js 进行组件封装的方案
我们将从分析组件封装的优势开始，然后依次介绍 vue.js 的基本概念，以及如何创建、封装和使用自定义组件。最后，我们将通过一个实际的示例，演示如何实现一个基于 vue.js 的组件封装方案。在 plugins 文件夹中，创建一个新的 .js 文件，例如：custom-component-plugin.js。复用性：组件封装可以将常用的功能或视图模块抽象为独立的组件，从而实现代码的复用，提高开发效率。首先，在项目中创建一个新文件夹，例如：components，用于存放自定义组件。
2023-03-23 21:32:39
738
原创 vue版本与vue-template-compiler版本不匹配（Build failed with errors）
vue版本与vue-template-compiler版本不匹配（Build failed with errors）
2022-07-13 09:11:14
5496
原创 flv.js for Vue 多画面多流直播，动态生成dom并具有断线重连功能
弹框内容根据数组加载多视频流（http-flv）直播,动态生成dom并具有断线重连功能，关闭弹窗销毁全部流文件以及断线重连，即使释放内存，以防冗余逻辑导致内存溢出安装：npm install --save flv.js引入(main.js);import flvjs from 'flv.js';Vue.prototype.$flvjs = flvjs;Html:<template> <div style="width: 100%;height:100%;positi
2021-09-23 15:44:15
2246
5
原创 arcgis for JavaScript 3.x版本 形成路线规划动态
js插件地址以及地图服务需要更改为自己的地址注意：本demo实现只针对上图的静态路线，动态路线需要间隔调用接口或通过websoket等长连接形式，通过后端上报数据实现下载地址：
2021-08-17 16:36:28
475
原创 js打印html内容字体设置
因为浏览器的限制，使打印内容的字体默认最小12px，如果想使打印的字体缩小，只能通过以下css方式解决：// 比例缩放.charngeFont{ font-size:12px transform: scale(0.9); -webkit-transform: scale(0.8);}原理：将块整体缩小比例呈现，这样变相的对字体进行缩小设置。...
2021-06-10 11:16:40
1923
原创 jsPDF之html生成PDF文件并下载demo
写在前面： 为了不浪费你们的时间，预先说明：由于时间关系本次使用jquery2x.js+html2canvas +html2canvas.js+ jsPdf.debug.js 组成写在elementUI中，简单做一下文档总结文件下载地址：https://download.youkuaiyun.com/download/qq_27751965/19476359重点：需要导出节点的内容不能滚动，高度需autoHtml:<!--点击按钮--><div style="position: fi
2021-06-08 16:51:34
1299
原创 vue中router-view父子组件传值失败问题
index.vue父组件：<router-view :teamId="teamId" />子组件：props:['crumbsList']1、先是父子重点： 既然是父子组件传值 必须满足父子组件的条件 也就是router-view加载的路由页必须是children里的子路由router/index.js{ path: '/', component: Home, redirect: '/content/index', children: [{ pa
2021-05-27 15:31:28
1640
1
原创 ArcGIS 10.4.1 for Server (Windows)地图服务、几何服务等相关使用
地图服务:开启：使用：点击服务名称进入服务信息页js：var featureLayer = new ArcGISDynamicMapServiceLayer("https://192.168.50.135:6443/arcgis/rest/services/SampleWorldCities/MapServer",{ mode: FeatureLayer.MODE_ONDEMAND});map.addLayer(featureLayer);几何服务 GeometryService
2021-05-21 10:52:26
564
原创 arcgis for javascript 3.18版本物体轨迹移动
先上图：1、点击地图将每个点记录点顺序2、按点顺序链接成线，并计算线的总长度（在console中打印）3、点击开始 无人机进行飞行4、无人机飞行轨迹红色线标识5、可以暂停继续或者重置到初始点6、可以删除任何点然后重新画线并初始化无人机位置7、可以调节无人机飞行的速度，这里设置三档涉及技术点：图层服务：动态图层（ArcGISDynamicMapServiceLayer）几何服务：GeometryService坐标系：WGS84：GCS_WGS_1984 （属于GPS坐标系中的大地坐
2021-05-21 10:38:20
753
原创 Avue表单select相关
Avue表单select相关avue版本：2.10+先上效果图：html部分<template><avue-form ref="" :option="allotDevice" v-model="allotDeviceData" @submit="transferCompanySubmit"> <template slot-scope="scope" slot="deviceIds"> <div
2021-05-14 16:08:06
7460
9
原创 route浏览器登录地址变了却不跳转
问题原因：缓存造成的这里我只有一个暂时解决的办法：清除浏览器最近一天或者一周的缓存。如果有找到根源问题，希望评论区能指点一下
2021-04-21 16:10:15
187
原创 avue监听下拉列表变化实时更新数据
应用点：监听下拉列表数据变化，自动生成其他数据，同时适用于子组件初始化 watch:{ 'sourceTermForm.$type':{ //val 为当前下拉列表选中数据，同时更新数据 handler(val){ if(val!='' && val!=undefined && val!=null){ this.sourceTermForm.name = val
2021-04-21 16:04:18
2647
2
原创 Js word格式doc文件下载
一、 下载方式a) 获取后端传过来的url 静态资源i. 通过a标签做点击操作ii. Window.location.href = url下载iii. Window.open(url)下载b) 文件流下载（application/json; application/octet-stream）i. 文件流获取转换blob对象模拟a标签点击下载二、 下载doc文件流示例a) 后端主要代码b) 前端主要代码Axios Api请求如下：export const reportDownload
2021-04-20 16:56:34
4814
原创 vue打包部署，解决更新版本清理缓存问题
参考来自：https://blog.youkuaiyun.com/lzb348110175/article/details/114142229一、根目录index.html在head标签中，加入下面的代码<meta http-equiv="pragram" content="no-cache"><meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">二、配置vue.config..
2021-03-24 17:03:08
3717
4
原创 跳转到新页面并清除当前页面的history记录
History 接口允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录，通过history方法触发前进后退通常使用的方式：window.location.href='index.html'// 或者window.location.replace('index.html')使用场景：比如别人访问你得网站 不想回退的时候一步一步回，就需要避免访问你得页面的时候产生history历史记录。解决办法：清除历史记录window.history.replaceState()对当前history
2021-03-22 16:11:25
31615
5
原创 element-ui dialog弹窗增加全屏功能
完成效果图：一、定义全局变量 dialogFull 用来控制弹窗 dialogFull:false,二、dialog标签添加全局属性绑定:fullscreen="dialogFull"三、设置title区域的自定义<template slot="title"> <div class="avue-crud__dialog__header"> <span class="el-dialog__title">
2020-12-24 11:19:08
16082
4
原创 router页面缓存
一、设置标签//App.vue 标签<keep-alive> <router-view v-if="this.$route.meta.keepAlive" /></keep-alive><router-view v-if="!this.$route.meta.keepAlive"></router-view>二、设置路由// routes 配置export default [ { path: '/',
2020-12-22 15:51:54
504
原创 avue框架使用element-ui的dialog引发的问题及解决办法
dialog中的内容多次打开不更新问题avue框架使用element-ui的dialog引发：1、avue-form表单的多级联动，编辑时赋值异常。2、dialog中的表单重置异常（重置为第一次加载的表单内容缓存）3、dialog中表单的内容不更新问题，如果是子组件加载，会出现无法在created中监听父级传参，需要whatch中监听，才可能正常获取数据，不仅麻烦，而且没必要。正常编辑每条数据的内容，解决问题后的demo片段：<el-dialog :append-to-body="tr
2020-12-22 14:47:05
3078
1
转载 ie8如何兼容媒体查询及注意事项
关于怎么兼容ie8浏览器媒体查询的问题（总结）转载来自：zzjjjjer的博客原文链接：https://blog.youkuaiyun.com/zzjjjjer/article/details/110424531方法：1.引入respond.js文件（可以百度查找，也可以在pintuer框架[拼图 Pintuer v1.x]中下载兼容IE8respond.js）。2.然后引入到自己的文件。注意：（关于引入ie8失效问题）1.首先必须注意respond.js在引入jquery之前2.其次不能在本地环境
2020-12-01 10:59:26
292
原创 vue项目问题总结
路由router（params和query的区别）相同点：1、使用方式相同params：this.$router.push({name: 'video', params: params})query: this.$router.push({name: 'video', query: params})不同点：1、params是路由的一部分,必须要有。query是拼接在url后面的参数，没有也没关系。2、params、query不设置也可以传参，但是params不设置的时候，刷新页面或者返回参
2020-10-29 16:38:16
626
原创 angular运行打包报错：模块mobx-angular.d.ts的元数据版本不匹配，找到版本4，应为3...
angular运行打包报错：模块mobx-angular.d.ts的元数据版本不匹配，找到版本4，应为3…具体报错如下图所示：问题：mobx-angular.d.ts模块版本不匹配导致angular-tree-component.d.ts报错…解决思路：因为报错所因模块各不相同，但归根结底因为模块版本不匹配导致的，那么我们根据不匹配模块治疗相应bug，我这里是因为当前版本过高导致,这里明显报错文件为angular-tree-component.d.ts，我们调整他的版本号，重新安装一个解决办法
2020-09-22 08:57:46
395
转载 落魄前端，整理给自己的前端知识体系复习大纲（第一篇，上百知识点，2W字+）
阅读前言转眼间9月的到来，十分感慨这时光的飞逝。9月对程序员有着十分重要的意义，想在这个优胜劣汰的代码世界活下去，金3银4，金9银10，都属于选择的机会。在这优势略汰且经济回陇的状态下，笔者身处央企都无法安稳，如今也要考虑工作的问题（有广州内推，欢迎联系），我们可以选择的只能是，逐步的打好自己的基础，才能在不安稳的社会形态下，逆行保持自己的安稳。笔者也该复习复习，在此汇总一下自己过去所学过的基础。本文的难度级别，个人定位为中级前端开发工程师。且自负的认为前端重要基础的均汇总，如有遗漏，希望你..
2020-09-14 13:44:55
916
1
原创 1分钟了解js编译器Babel的使用（附demo）
什么是Babel？一款JavaScript 编译器 主要用于在旧的浏览器或环境中将 ECMAScript 2015+代码转换为向后兼容版本的 JavaScript 代码。单文件使用方法详解：1、初始化创建 package.json文件npm init 2、安装 babelnpm install --save-dev babel-cli3、使用规则编译目录npx babel src（原目录） --out-dir lib（目标目录）npx babel src（原目录） --ou.
2020-08-13 13:57:45
1038
原创 layui日期组件默认选中但不填充值的方法
input标签 点击效果优化用户体验，添加以下代码 屏蔽历史数据 ：autocomplete="off" js方法中设置默认选中值，并不在弹框中显示 （这里today为预设 var today = new Date().format(“yyyy-MM-dd”);）：添加日期默认值：, value: today + ' 至 ' + today不显示默认值：,isInitValue: false //不允许填充初始值...
2020-07-30 10:46:58
1713
arcgis for javascript 3.x版本 轨迹路线
2021-08-17
arcgis for javascript 3.18版本物体轨迹移动
2021-05-21
babelcs.rar
2020-08-13
pdf文件转为图片完美显示在页面上
2020-06-15
exif-js-master.rar
2020-01-19
flv.js for angular6
2019-08-06
layui导航.rar
2019-08-06
flv-js demo.rar
2019-08-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人