- 博客(27)
- 收藏
- 关注
RSS订阅原创 echarts性能优化
最近做项目大屏可视化，需求里有很多3d饼状图等图形，这里用到了echarts + echarts-gl，当做完后，点击次数变多后，发现页面变得很卡，有时候会导致页面刷新。通过浏览器内存快照，发现每次点击弹框后，内存都会增加（弹框里显示的是echarts会追的3d饼状图）。下面是点击了30次后内存快照。dialog里显示的饼状图每次都会自动生成5个新的饼状图。（至于为什么不重复使用，请看我的另一篇文章优化后的内存快照。
2023-12-28 16:57:22
701
原创 记录echarts-gl生成3d图超过16个后，出现白屏的问题
最近在做大屏可视化的时候，需要用到3d饼状图，使用到了echarts-gl，遇到了一下问题，所以记录一下在页面中创建多个webgl的时候，当webgl的个数超过一定限制时，最初创建的webgl丢失context（即绘制内容消失并且不可再绘制），同时浏览器命令行提示：WARNING: Too many active WebGL contexts. Oldest context will be lost.
2023-12-28 09:14:38
824
1
原创 vue中使用vue-quill-editor富文本编辑器，自定义toolbar修改工具栏options
最近项目中要使用富文本编辑器，于是想到了vue-quill-editor，网上调查了一下，做一下笔记。
2023-04-20 15:17:44
2084
1
原创 video.js 和 Vue集成
它只是在 mounted 上实例化 video.js 播放器，并在 beforeDestroy 上销毁它。这是一个基本的 VUE 播放器实现。2.在main.js 引用css。
2023-04-14 11:56:19
649
原创 echarts + 离线百度地图 + 散点图配置
最近在做一个国网的一个项目，需要实现一些散点图功能；而且需要在内网使用，感觉使用 echarts 就可以简单的实现无需加载类似 openlayers ，leaflet 等 webgis 框架然后再发布地图服务实现。
2023-02-22 09:21:47
3587
5
原创 el-form与el-table的使用与表单校验
后端返回的值是Number类型，但是校验规则是String类型。导致编辑的时候不修改值的情况下就会提示错误。导致必须修改一次后，才可以提交。解决办法：后端改为String类型或者前端在拿到值的时候将该字段改为String类型。不想去麻烦后端，所以我们改。
2023-01-06 16:59:04
608
原创 vscode配置 prettier + eslint
安装相关依赖1. vscode中设置自动保存2.vscod安装prettier插件3. 配置vscode json文件4. 在项目的package.json的script新增如下配置在vscode中怎么用eslint和prettier？本篇文章给大家介绍一下vscode中的eslint 与 prettier 结合使用，希望对大家有所帮助！
2022-12-11 10:01:49
527
原创 vue-print-nb 实现打印功能 (兼容低版本谷歌浏览器)
下面是在谷歌47版本打印预览：2.Vue3.0版本：使用方法：HTML:JavaScript:兼容低版本浏览器原因：在printarea.js文件中print(iframe)方法中在iframe加载完，就执行iframewin.print()打印。在高版本的浏览器中在执行iframe.print()后等待手动操作打印窗口后在执行isRemove()等后面的方法。而低版本浏览器中iframe.print()后立马执行isRemve()等，所以打印无效，不弹出打印窗口。修改源码：
2022-11-28 10:24:25
1545
1
原创 java 运行 内存限制
MaxMetaspaceSize — 永久内存最大值。MetaspaceSize — 永久内存初始大小。Xms — 堆内存初始大小。java 运行 内存限制。Xmx — 堆内存最大值。
2022-11-02 15:18:02
2450
原创 封装el-autocomplete组件，实现滚动触底翻页
通过自定义指令v-autocomplete-scroll 来监听滚动事件，需要注意事件的监听与移除监听。element-ui的 el-autocomplete 组件支持远程搜索输入相关数据，可以翻页，通过监听到滚动事件，判断是否到达底部，然后进行page++ 搜索。要求实现下滑到底部的时候，触发翻页请求，查看更多结果。
2022-10-28 13:56:13
1149
原创 vue 金额输入框并且用千分符显示
产品提出，全局的金额相关的字段输入和显示要有千分符。本着不影响原来代码逻辑的情况下，利用el-input封装了一个组件。
2022-10-27 17:20:32
1858
2
原创 uniapp使用uQRcode生成二维码，使用html2canvas生成图片保存到手机
最近需要做一个用户注册成功后，生成推广二维码，并且可以保存到本地。通过调查做了一个简单的实现。基本兼容全端。
2022-10-20 09:24:31
3800
2
原创 el-table列表自适应页面高度
所以想到了用el-table的max-height属性去实现。不想用混入，所以使用了组件的方式来实现。最近产品经理提了一个需求，当表格超出页面高度时，要固定顶部表头和搜索栏。
2022-10-14 11:43:10
2297
原创 el-table动态表格自适应宽度
Element UI 是 PC 端比较流行的 Vue.js UI 框架，它的组件库基本能满足大部分常见的业务需求。最近产品提个了需求如下：想要的效果是：内容保持单行显示，项目名称要显示全部文字。这就需要表格根据项目名称进行自适应宽度调整。注册自定义指令}, 200)},}, 300)}})/* 自适应表格宽度 在el-table 添加自定义指令 v-fit-columns="14" 14 指字体大小 14px，默认值14。
2022-10-14 11:20:42
2251
3
原创 【webstorm Prettier + eslint自动保存配置】
有的版本Webstorm已经自带了Eslint、Prettier插件，如果没有就去File | Settings | Plugins添加相关插件。本文使用Vue cli创建项目，并做简单配置，暂时只有webstorm配置，本文的基础是在已经有eslint的基础上，新增prettier。去代码里面修改，按ctrl + s 保存时会自动格式代码。如果没有格式化，就把webstorm的自动保存去掉。我的版本是2021.3.3。
2022-10-04 15:39:45
4244
1
原创 CNPM搭建私有的NPM仓库
记录一下自己使用CNPM + cnpmjs.org 搭建npm服务器的过程。1.“私有 npm 仓库” 有何用组件化之后，搭建 “私有 npm 仓库” 是个不错选择。私有 npm 仓库可以让我们使用组件就像 npm 官方仓库里的包一样方便。一般私有 npm 仓库有以下一些特性：私有包托管在内部服务器或者单独的服务器上；可以同步整个官方仓库，也可以只同步需要的；下载的时候，可以让公共包走公共仓库，私有包走私有仓库；可以缓存下载过的包；对于下载，发布，有对应的权限管理。目前比较好的解决方案有
2022-05-25 13:48:16
1141
原创 解决ie兼容性问题
VUE-CLI4页面样式兼容IE11的解决办法vue项目打包后在谷歌、火狐，但是在ie11上页面样式乱掉，有一部分样式没有加载进来。原因：IE11对单个的css文件有大小限制，不能超过250kb，超过的话会自动截取掉。这样的话截取的样式就出现问题，IE11页面样式加载不了。css-split-webpack-plugin插件的作用是将大尺寸的css再分割成多个css文件安装插件css-split-webpack-pluginnpm install --save-dev css-split-we
2022-05-09 09:59:33
436
原创 记录vue使用bable将es6转译为es5
为什么使用bableECMAScript 6(ES6)的发展速度非常之快，但现代浏览器对ES6新特性支持度不高，所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。Babel是一个广泛使用的转码器，babel可以将ES6代码完美地转换为ES5代码，所以我们不用等到浏览器的支持就可以在项目中使用ES6的特性。安装bable核心库npm install --save-dev @babel/core @babel/cli @babel/preset-env...
2022-02-05 11:09:43
7268
原创 记录vue使用rem实现页面动态响应
rem适配介绍前言根据 W3C 规范中对 1rem 的定义：1rem 与等于根元素 font-size 的计算值。当明确规定根元素的 font-size 时，rem 单位以该属性的初始值作参照。这就意味着 1rem 等于 html 元素的字体大小（大部分浏览器根元素的字体大小为16px）兼容性ios：6.1系统以上都支持android：2.1系统以上都支持大部分主流浏览器都支持，可以安心的往下看了rem：（font size of the root element）意思就是根据网页的
2022-01-27 21:46:21
1421
转载 js，正则实现金钱格式化
js，正则实现金钱格式化数字格式化 1234567890 --> 1,234,567,8904.1 普通版function formatNumber(str) {let arr = [],count = str.lengthwhile (count >= 3) {arr.unshift(str.slice(count - 3, count))count -= 3}// 如果是不是3的倍数就另外追加到上去str.length % 3 && arr.unshif
2020-08-30 09:55:26
615
vue-print-nb 兼容低版本浏览器
2022-11-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人