- 博客(213)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 搭建数据库启前后端环境
4、连接测试：新建数据库连接 http://127.0.0.1:14269/browser/# pgAdmin等于dbeaver。3、任务管理器-服务：查看是否启动postgresql-x64-11。1、 安装postgre，修改pg_hba.conf文件。7、启动前端服务：连接本地后端及数据库。6、启动后端服务：初始化数据库。2、安装dbeaer。
2024-08-30 15:40:16
501
1
原创 【Echarts】custom自定义图表实现甘特图
定义在options里面！定义在外面，options只留方法名的话，虽然echarts示例中可以粘贴运行，但是一旦移植到项目中无法正常渲染，param和api传递会有问题。3、series使用custom自定义图表，encode解析四维数组。核心是renderItem方法，必填项，且需要注意要。2、visualMap增加formatter。下面两种示例echarts中粘贴即可运行。1、右上角图例visualMap实现。减去很多配置项,静态data更加直观。
2024-08-15 11:02:12
838
原创 js+html点击按钮实现word文档下载，自定义文档格式【附全部代码】
由于项目需要，要实现接口文档导出功能，写了一个小demo，记录下如何实现文档导出+自定义样式这一步，后续2.0对接swaggerui实现项目接口文档一键自动导出功能。代码如下，复制粘贴即可使用，简单易懂不再赘述：
2024-08-15 10:35:19
670
原创 【个人笔记公司项目】vue项目配置代理解决跨域问题
注意：配置代理的时候’/api’如果直接写成‘ /’,这样表示http://localhost:80/后面的路由都进行代理，这样会导致你加载本地资源会出错，因为你把加载本地资源的路径全部都代理到服务端去了，浏览器会向服务器进行资源请求，这样就会导致页面报错。此项目属于大型复杂醒目上面提到的commonConfig定义在config.js文件，大型复杂项目中用于管理全局通用配置项，书写界面需要全局配置时直接引入config.js即可。还有vue配置代理，本项目中未用到，这里也贴出代理配置方式。
2024-08-15 10:08:54
370
原创 原生JS如何实现可配置DM码
组件可配置属性：value文本 DM码文本信息；margin边距 DM码边距；foreground前景色 DM码方格颜色；background背景色 DM码底层背景色； 三、 实现步骤实现主要涉及两个文件，界面文件Dmcode.vue和方法文件datamatrix.js，后文会贴出全部代码。
2024-06-13 10:10:51
540
原创 VUE如何关闭Eslint 的方法
1、package.json找到Eslint所有相关的包，删除；2、npm install，重装依赖；3、重启项目 npm run dev。
2024-05-28 11:03:30
227
原创 IntelliJ IDEA中Terminate 与 Disconnect的区别
Terminate：关工具之前，先关闭运行中的项目（kill pid的那种）Disconnect：单纯关闭工具，通过工具启动的东西，依旧在运行。
2024-05-28 10:59:35
263
原创 vue-loader和vue-template-compiler版本不一致问题
【代码】vue-loader和vue-template-compiler版本不一致问题。
2024-05-28 10:42:56
732
原创 npm idealTree:knife4j-vue: sill idealTree buildDeps卡住不动如何解决
2、切换最新淘宝镜像源。3、查看源是否切换成功。
2024-05-23 10:09:26
282
原创 谷歌浏览器css font-size 10px以下不生效
chrome://settings/fonts 外观——自定义字体——最小字号，修改此处配置即可。这时候如果是谷歌浏览器 需要在去浏览器设置重新设置字体大小。做页面时发现字体到达12px之后 ，无论多少小都无法改变。F12 浏览器控制台定义8px依然无效。
2024-05-16 15:49:04
511
原创 div嵌套img，如何解决img标签下面的小空隙
img是一种类似text的标签元素，在结束的时候，会在末尾加上一个空白符(匿名文本)，导致下方会多出来 3px 间距，其实我们在img右侧添加一个span包裹住文本，现象会更明显。这个方法是我们比较常用，但需要注意，img一旦设置为块，text-align:center；给img设置vertical-align为除baseline以外的值，常用。当我们用一个div直接包裹img，img的下方会出现3px间距，如图。缺点：该方法不够灵活，一旦img尺寸改变，我们要重新设置div的高度。
2024-05-15 14:50:43
683
原创 引入外部依赖集成示例
Engine为引擎，plugin-tech为Dataview中的科技风元件，若不引入会造成使用了科技风元件的页面无法正确渲染。实例创建完成后（created）运行initOrigin方法，监测跳转路由，是否携带布局编号，若无则为固定页面，若有则为Dataview动态页面，则该页面将用DV引擎来渲染。DV.server + DV.base : ‘’ // DataView地址。如此，上述main.js中便能获取到相关配置。// 引入dataview/engine。// 引入dataview科技风扩展组件。
2024-05-11 16:50:36
451
原创 upload组件封装，支持拖拽文件上传
组件化思想：组件应该是独立的、可复用的部件，应该遵循单一职责原则，将组件的功能划分得尽可能细致。API 设计：组件的 API 设计要合理，要考虑到组件的可定制性和易用性。应该尽可能的提供必要的配置项和事件回调，同时避免提供过多的 API，导致 API 过于复杂。生命周期：组件的生命周期要合理地使用，尤其是对于需要与外部交互的组件，要注意生命周期的时机，以便在组件的不同阶段进行相应的操作。组件通信：组件通信是组件化开发中的一个重要问题，Vue 中提供了多种通信方式，包括props、emit、emit、e
2024-05-11 16:40:55
905
原创 前端工程部署步骤小记
Vue创建Demo项目：https://blog.csdn.net/weixin_41924879/article/details/128828854。webpack初始化项目参数详解：https://blog.csdn.net/qq_31754523/article/details/99622172。6、使用 vue init webpack命令创建一个项目(项目名不能用大写字母)：vue init webpack design-system。4、更新插件 vue upgrade --next。
2024-03-07 19:47:08
460
原创 2021片段代码记录-智能感知
// 前if(newValue.length === 0){ this.btn_disable = true} else{ this.btn_disable = false}// 后this.btn_disable = newValue.length === 0// 前watch: { startTime (newValue, oldValue) { const diff = (this.endTime - newValue) / 1000 / 60 c
2024-03-07 19:42:44
433
原创 【vue】provide/inject
/</</importfromexportdefaultname"Parent"providefor"demo"components</在这里我们在父组件中provide for这个变量。
2024-02-23 15:57:45
1143
2
原创 $attrs
vue官网定义如下：包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过v-bind="$attrs"传入内部组件——在创建高级别的组件时非常有用。
2024-02-22 16:50:24
499
原创 【前端】WebSocket接收二进制数据转JSON并解决中文乱码问题（ArrayBuffer转json）
WebSocket与mqtt服务器通信，接收二进制数据并将其转为Json使用。一般方式都会出现中文乱码问题。
2024-01-21 00:23:08
1573
原创 Vue中使用debugger在浏览器中不起作用解决方案
使用vscode编辑器，运行vue项目时想要断点调试，奈何始终进不了断点。先后尝试Edge和chrome浏览器，均不生效，排除浏览器因素，定位为代码问题。找到文件vue.config.js，或全局搜索。，重新启动项目，debugger即可生效。
2024-01-20 18:36:09
3882
2
原创 html+js网页连接MQTT服务器new Paho.MQTT.Client
/连接服务器并注册连接成功处理事件。//注册连接断开处理事件。//注册消息接收处理事件。
2024-01-18 00:25:16
944
1
原创 代码审核提升小Tip
定时器的第一个参数应该是函数而不是函数的结果，this.handleqQuery 的返回值不是函数 此方法会报错。3、【优化】通过匹配key获取目标值。1、【优化】格式化日期，0的填充。2、【缺陷】定时函数书写。4、多余的三点表达式。
2023-07-19 15:15:39
614
转载 vue实现table自动滚动
客户需求：右下角表格实现自动滚动本案例中没有使用任何第三方插件，全部使用vue中相关的js、css以及定时器方式实现。解决问题的第一步不是找代码，而是分析问题。列表自动滚动常见方式有两种（上下左右的滚动不赘述，只是方向的问题，本案例以向上自动滚动为例）：（1）匀速滚动 （2）有间隔的平滑滚动。本案例先给出匀速滚动的方案。要匀速向上滚动，以我的经验，最容易想到的是用定时器实现，每隔一个时间差，列表向上移动一个像素（大于一个像素，可能会在视觉上给人卡顿掉帧的感觉），在时间够短的前提下，就会给人一种匀速向上的
2023-06-12 16:28:17
5033
2
原创 理解canvas元素，绘制简单2D绘图形
JavaScript 代码可以访问该区域动态在上面绘制图片，类似于其他通用的二维 API，通过一套完整的绘图函数来动态生成图形。canvas最早是苹果公司提出并准备用在控制面板中的，随着其他浏览器的迅速跟进，HTML5 将其纳入标准。所以图中蓝色方形左上角的坐标为距离左边（X 轴）x 像素，距离上边（Y 轴）y 像素，坐标为 (x,y)。因为这个方法是后来才增加到规范中的，所以支持的浏览器也是在后面的版本实现的，包括 IE9、Firefox 3.5 和 Opera 10。如果你要给每个图形上。
2023-05-22 20:43:33
1214
原创 【echarts】markPoint使用示例
xAxis：1 // 标记点横轴位置，索引为1代表第二个点（从0开始为第一个）如上图，想要在第二个点标记Y轴为1.5的点，并展示值“-100”，对应。yAxis：-1.5 // 标记点的纵坐标。value：-100 // 标记点展示内容。
2023-04-26 11:17:15
3562
原创 左右icon切换中间图片逻辑，坑：if判断条件不要连写
坑：if的判断条件要注意不要连写，0 < index && index < (list.length-1)！
2023-04-18 17:06:33
174
原创 【Echarts】markLine自定义位置及样式
symbol : [ 'none' , 'arrow' ] , // none为标线两端的样式为无，可更改 data : [ {silent : false , yAxis : 50 , // 警戒线位置，这个赋值为纵轴50 label : {position : 'end' , // 文字位置 formatter : '标准供给时长' , //文字 color : 'green' // 文字颜色 } , lineStyle : {
2023-04-13 11:33:55
7703
原创 【vue3】watch侦听器的使用
计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。在组合式 API 中，我们可以使用 watch 函数在importfrom'vue'constref''constref-)'// 可以直接侦听一个 refwatchasync=>ifindexOf1tryconstawaitfetchawaitjsoncatch'Error!
2023-03-31 21:08:50
869
原创 【vue3】数据绑定，动态渲染class与style
数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式（style）。因为 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定。但是，在处理比较时，通过拼接生成字符串是麻烦且易出错的。因此，Vue 专门为 class 和 style 的 v-bind 用法提供了。
2023-03-28 20:45:08
6477
原创 【vue】计算属性及其缓存特性
想象一下我们有一个非常耗性能的计算属性 list，需要循环一个巨大的数组并做许多计算逻辑，并且可能也有其他计算属性依赖于 list。更改快照是没有意义的，因此计算属性的返回值应该被视为只读的，并且永远不应该被更改——应该更新它所依赖的源状态以触发新的计算。更重要的是，如果在模板中需要不止一次这样的计算，我们可不想将这样的代码在模板里重复好多遍。计算属性默认是只读的。若我们将同样的函数定义为一个方法而不是计算属性，两种方式在结果上确实是完全相同的，然而，不同之处在于计算属性值会基于其响应式依赖被缓存。
2023-03-28 15:29:10
635
原创 【vue3】reactive与ref
响应式对象其实是 JavaScript Proxy，其行为表现与一般对象相似。不同之处在于 Vue 能够跟踪对响应式对象属性的访问与更改操作。
2023-03-28 11:20:21
314
原创 【vue3】响应式代理vs原始对象
只有代理对象是响应式的，更改原始对象不会触发更新。因此，使用 Vue 的响应式系统的最佳实践是 仅使用你声明对象的代理版本。这个规则对嵌套对象也适用。
2023-03-28 11:00:51
531
原创 处理数组循环中删除元素导致索引错位情况
就是很多时候我们对一个数组进行操作的时候，在for遍历的过程中删掉了一个元素，那么在删掉那个元素之后的所有元素的索引值都会减少一位，数组长度缩短一位，删完之后，正在进行的循环会继续循环下去，但是循环的索引不变，就会导致被删元素紧邻的后面那个元素跳过了循环检查。这个程序的意思就是在数组arr找出3来并把它删除，但是结果只打印了一次“抓到一个3”，就是说它只找到一个，而另外一个去哪了？而它后面那个3因为前面删掉一个，会往左挪一位，从索引3变成索引2了，而循环继续检查是从索引3开始，即对应数组中的4，直到结束。
2023-03-23 10:35:07
809
原创 【echarts】图表配置tooltip 的formatter，如何获取并显示返回值的其他字段，附示例
分别表示系列名，数据名，数据值等。在 trigger 为 ‘axis’ 的时候，会有多个系列的数据，此时可以通过 {a0}, {a1}, {a2} 这种后面加索引的方式表示系列的索引。说到底，无论是哪种方式，最终formatter的return值都是字符串，所以我们需要做的就是字符串的拼接，回调函数的方式的优势在于处理字符串更加灵活，调用属性的方式获取想要的值，可读性更高。{b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等去做拼接来展示，只能展示显示的图表看到的数据，
2023-01-14 16:09:24
24560
5
原创 ＜table＞＜tr＞不换行，使用rowpan导致表格错位
当某一个tr中所有的td元素的rowspan属性均大于1时，会发生错位情况。因为rowspan是用来占行的，如果一行里全部td的 rows 都为2，则意味着 下一tr 里应该是没有 td 元素的但是实际上 下一tr 又有td，所以这行的td没有容身之处，被挤到右边去了。如下图，第二行有两个元素，当第一行也有两个未跨行元素时，第二行就会正确显示，而不是被挤到右边。...
2022-08-04 10:51:11
2241
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人