自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(243)
  • 收藏
  • 关注

转载 在线图床管理系统基于Vue3+ts+koa2

市面上较流行的桌面应用程序图床是`PicGo`,使用`electron-vue`开发,需要下载安装并配置图床,略微麻烦。故而开发了在线的轻快图片管理系统,基于`vue3.x + typeScript + Vite + Koa2 + Mysql`开发的前后端分离图床系统,使用该系统可以不需要每次都配置图床。

2023-02-17 10:20:41 524

原创 uniapp中利用百度云OCR实现身份证识别功能

搜索产品(例如文字识别)-> 立即使用 -> 免费领取 -> 创建应用 (跟着步骤走就好了)创建成功后,应用列表,如下图进入管理页面。

2024-05-13 17:15:10 300

原创 表格单列相同字段值合并

用specName(el.specName === row.specName)和id的区别(el.id === row.id),使用id的时候id是唯一值,判断的时候不会出现重复情况,使用specName的时候,如果有重复的值,会出现合并错位的情况。解决方案:先按照specType进行排序,然后按specType的值进行分组,合并的规则是每一个分组的第一列进行合并{

2024-04-15 09:10:41 205

原创 vue中如何使用render函数

https://cn.vuejs.org/v2/guide/render-function.html#%E5%9F%BA%E7%A1%80https://github.com/vuejs/jsx-vue2#installation示例:vue2中使用iview的page组件方式1方式2:将render里面的内容提取到自定义组件里面ShowUndo.vuevue3https://staging-cn.vuejs.org/guide/extras/render-function.html#js

2024-04-12 11:23:10 390

原创 js比较对象a和对象b中不相等的地方,取出对象b中不等于对象a的键值对

判断对象a是否包含了对象b的某个属性,如果没有则说明这个属性是对象b独有的;同时也比较了对象a和对象b中对应的属性值是否相等,如果不相等则说明这个属性在对象b中与对象a不同。函数接受两个对象a和b作为参数,返回一个新的对象,包含了对象b中不等于对象a的键值对。通过遍历对象b,比较对象a和对象b中对应的键值对是否相等来找出对象b中不等于对象a的键值对。

2024-01-11 09:43:22 575

原创 highcharts的甘特图设置滚动时表头固定,让其他内容跟随滚动

效果图:最左侧的分类列是跟随甘特图滚动的,因为这一列如果需要自定义,比如表格的话可能会存在行合并的情况,这个时候甘特图是没有办法做的,然后甘特图的表头又需要做滚动时固定,所以设置了甘特图滚动时,让指定元素跟随滚动。

2023-12-26 16:40:09 1144

原创 vue中预览pdf的方法

vue中预览pdf

2023-12-13 10:03:23 1156

原创 vue中对pdf文件和路径的处理

地址栏输入url可以直接预览的pdf,这种我们可以直接使用vue-pdf进行预览。

2023-12-07 14:38:06 1061 1

原创 iview的input输入框修改输入值后输入框中的值不更新的问题

iview的input输入框修改输入值后输入框中的值不更新的问题。

2023-10-20 13:44:31 520

原创 echarts使用custom类型绘制矩形

echarts中根据坐标点和点的宽高绘制不同大小的矩形。

2023-09-28 15:12:26 1102

原创 vue中打印指定dom元素

和`window.print()`效果一样,调出打印窗口,只是当前使用的插件是`vue-print-nb`

2023-09-11 16:48:07 740

原创 服务器发送事件Server-sent events详解与示例

Server-Sent-Events(SSE)是一种HTML5 API,用于在服务器和客户端之间实时推送数据流。 SSE可以用于实现实时通知、实时聊天、实时数据更新和实时监控等功能。

2023-09-04 17:18:36 2024

原创 vue中使用tailwindcss

Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类(class)名,然后生成相应的样式代码并写入 到一个静态 CSS 文件中。

2023-08-31 11:30:37 864

原创 js监听页面是否设置全屏

js监听页面是否设置全屏

2023-08-16 12:55:42 1197

原创 每隔5分钟调用一次接口

【代码】每隔5分钟调用一次接口。

2023-08-15 15:39:37 452

原创 解决iview的poptip组件内使用datePicker组件,在选择时间后会关闭poptip组件

`poptip`组件内使用了`datePicker`组件,在`datePicker`组件选择时间后关闭时间弹框的同时也会关闭`poptip`的弹窗。

2023-08-03 16:39:56 342

原创 看了这篇文章,我也会用grid布局了

网格布局是由一系列水平及垂直的线构成的一种布局模式,使用网格,我们能够将设计元素进行排列,帮助我们设计一系列具有固定位置以及宽度的元素的页面,使我们的网站页面更加统一。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。一个网格通常具有许多的「列(column)与行(row)」,以及行与行、列与列之间的间隙,这个间隙一般被称为「沟槽(gutter)」。Grid 布局与 Flex 布局有一定的相似性

2023-07-27 13:02:36 695

原创 javascript正则表达式的进阶介绍

正则表达式用于匹配字符串中字符组合的模式。在js中,正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法,以及 String 的 match、matchAll、replace、search 和 split 方法

2023-07-25 12:24:21 101

原创 javascript正则表达式的基础介绍

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中,正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法,以及 String 的 match、matchAll、replace、search 和 split 方法。本章介绍 JavaScript 正则表达式。

2023-07-24 17:11:48 50

原创 终于弄懂了HTML5的拖放API(2)

HTML5的拖放即抓取对象以后拖到另一个位置,可以看到用户可使用鼠标选择可拖拽元素,将元素拖拽到可放置元素,并释放鼠标按钮以放置这些元素。拖拽操作期间,会有一个可拖拽元素的半透明快照跟随着鼠标指针。

2023-07-23 11:26:50 93

原创 vue中使用原生的table合并行

vue中使用原生的table合并行

2023-07-22 21:33:18 815

原创 终于弄懂了HTML5的拖放API(1)

HTML 拖放(Drag and Drop)接口使应用程序能够在浏览器中使用拖放功能。例如,用户可使用鼠标选择可拖拽元素,将元素拖拽到可放置元素,并释放鼠标按钮以放置这些元素。拖拽操作期间,会有一个可拖拽元素的半透明快照跟随着鼠标指针。

2023-07-21 12:23:08 86

原创 javascript中的闭包还不清楚吗

javascript的闭包是一个函数以及其捆绑的周边环境状态(词法环境)的引用的组合。简言之,闭包就是能够读取其他函数内部变量的函数。

2023-07-20 08:54:35 51

原创 iview的表格添加筛选功能需要注意的问题

tabletable。

2023-07-19 14:59:27 649

原创 一篇文章读懂ES6箭头函数

ES6箭头函数表达式的语法比函数表达式更简洁,并且没有自己的thisargumentssuper或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方,并且箭头函数不能用作构造函数。

2023-07-18 09:04:01 87

原创 javascript中的函数知多少?

函数是 JavaScript 中的基本组件之一。一个函数是 JavaScript 过程是一组执行任务或计算值的语句。要使用一个函数,你必须将其定义在你希望调用它的作用域内。

2023-07-17 09:25:23 110

原创 js中数组和字符串的相同方法和转换

javascript中字符串和数组相同属性和方法,获取长度,检索特定位置字符,以及字符串和数组之间的相互转换

2023-07-14 08:56:48 266

原创 玩转CSS基础:CSS盒模型

完整的 CSS 盒模型应用于块级盒子,内联盒子只使用盒模型中定义的部分内容。模型定义了盒的每个部分 —— margin, border, padding, and content ,合在一起就是在页面上看到的内容。为了增加一些额外的复杂性,有一个标准盒模型和替代(IE)盒模型。

2023-07-13 09:04:13 334

原创 玩转CSS基础:CSS选择器

记录css选择器中不常用,一知半解,或者不了解的知识点,及时查漏补缺,提高技术水平。

2023-07-12 08:54:45 443

原创 iview的表格行内编辑,input和select组件使用方向键切换输入

核心是在输入框和下拉框上添加按键监听事件,监听按键对应方向应该要完成的操作,比如当前在。列的第一行,按向左键的话,需要鼠标光标在第一行的。表格中输入框和下拉框实现方向键切换选择,效果图。

2023-07-10 13:02:58 705

原创 js的浮点数计算精度解决

库:math.js,big.js等。

2023-06-08 15:44:26 137

原创 ts文件中扩展window类型

声明type.d.ts。

2023-06-03 17:37:36 1537

原创 使用iview旧版本的modal设置draggable如何控制拖拽不拖出屏幕边缘

iview的4.6.0版本之前使用modal的dragable属性是不能控制是否能拖出屏幕边缘的,如果想要在拖拽过程中设置不能拖出屏幕边缘,效果如下图所示:控制台查看元素,可以发现,iview的Moda在l拖拽时的class是,且是通过改变这个className元素的left和top属性。那么我们可以使用用来监听元素的属性变化、用来获取指定元素的top和left值,用来获取指定元素距离浏览器窗口的位置。

2023-05-31 16:46:28 588

原创 js文件上传和下载的进度处理

js文件上传和下载的进度处理

2023-05-17 15:03:43 1001

原创 vue中动态使用本地图片

执行后使用动态组件,动态组件中使用了本地图片,那么可以在项目中增加一个图片组件,动态使用本地图片。图片应用场景:如果我们的页面代码是从后端接口返回的,然后使用。中使用图片地址,不能直接使用变量,需要带字符串拼接。,然后图片的地址是动态变化的,在。中动态使用本地图片,使用。

2023-05-12 12:31:33 1248

原创 使用svg元素绘制连线箭头

画布的位置在哪,中点的坐标就从哪里开始,默认是从浏览器可视窗口的左上角开始。那么我们只要知道点的坐标就能绘制箭头了。接下来,就是获取元素的位置坐标,使用到比如,我们现在需要在1个顶点,2个终点之间设置连线,由于的点坐标是基于的画布位置,所以我们可以把画布的位置基于元素定位,画布的宽为3个元素之间最大-宽度最小的值,高为高度最高-高度最低的值。粉色框为画布的位置,框1、框2、框3表示顶点元素可能出现的位置。

2023-05-12 11:26:12 1326

原创 highcharts的甘特图,在页面出现滚动条时,xAixs轴固定

highcharts甘特图设置设置头部固定外,自定义了复选框。因为highcharts中使用`formatter`自定义`html`内容,不能渲染`html`表单相关标签,屏蔽了表单元素,而又有复选框的需求,故自定义了复选框,并找到对应复选框元素绑定点击事件。

2023-04-27 16:38:56 667 6

原创 js的dom事件流、事件委托和阻止绑定事件触发

主要讲解事件绑定和事件委托,onclick事件和addEventListener的区别

2023-04-22 15:45:28 735

原创 koa2+sequelize中websocket的使用

sequlize中监听表的数据变化可以使用hook,koa2+sequelize中使用websocket

2023-04-05 15:54:18 733 1

原创 highcharts的甘特图和散点图混合使用

实现的功能:甘特图、散点图、散点图在画布中只显示label。

2023-03-24 12:54:49 314

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除