- 博客(248)
- 收藏
- 关注
RSS订阅
转载 在线图床管理系统基于Vue3+ts+koa2
市面上较流行的桌面应用程序图床是`PicGo`，使用`electron-vue`开发，需要下载安装并配置图床，略微麻烦。故而开发了在线的轻快图片管理系统，基于`vue3.x + typeScript + Vite + Koa2 + Mysql`开发的前后端分离图床系统，使用该系统可以不需要每次都配置图床。
2023-02-17 10:20:41
558
原创 js中scrollIntoView第一次不生效，第二次生效
方法用于将元素滚动到可视区域。如果在页面加载后立即使用，可能不会生效，因为页面可能还没有完全渲染或者加载完成。如果是因为元素还没有完全渲染完成，可以在。关键是确保在页面完全加载和渲染之后再调用。
2024-07-12 09:43:20
192
原创 perfect-scrollbar缩小浏览器窗口滚动条无线滚动的bug
https://github.com/mdbootstrap/perfect-scrollbar/issues/153
2024-06-21 13:40:09
448
原创 vue实现不预览PDF的情况下打印pdf文件
前景：默认情况，实现打印需要根据预览的内容进行打印。但是当只有打印按钮存在，不预览文件内容的情况下，实现打印的话，可以通过后端接口返回服务器上PDF的地址,前端通过隐藏的iframe标签中src可实现预览功能。
2024-06-19 15:17:04
420
原创 uniapp中利用百度云OCR实现身份证识别功能
搜索产品（例如文字识别）-> 立即使用 -> 免费领取 -> 创建应用 （跟着步骤走就好了）创建成功后，应用列表，如下图进入管理页面。
2024-05-13 17:15:10
487
1
原创 表格单列相同字段值合并
用specName(el.specName === row.specName)和id的区别(el.id === row.id)，使用id的时候id是唯一值，判断的时候不会出现重复情况，使用specName的时候，如果有重复的值，会出现合并错位的情况。解决方案：先按照specType进行排序，然后按specType的值进行分组，合并的规则是每一个分组的第一列进行合并{
2024-04-15 09:10:41
241
原创 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
573
原创 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
624
原创 highcharts的甘特图设置滚动时表头固定，让其他内容跟随滚动
效果图：最左侧的分类列是跟随甘特图滚动的，因为这一列如果需要自定义，比如表格的话可能会存在行合并的情况，这个时候甘特图是没有办法做的，然后甘特图的表头又需要做滚动时固定，所以设置了甘特图滚动时，让指定元素跟随滚动。
2023-12-26 16:40:09
1253
原创 服务器发送事件Server-sent events详解与示例
Server-Sent-Events（SSE）是一种HTML5 API，用于在服务器和客户端之间实时推送数据流。 SSE可以用于实现实时通知、实时聊天、实时数据更新和实时监控等功能。
2023-09-04 17:18:36
2780
原创 vue中使用tailwindcss
Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类（class）名，然后生成相应的样式代码并写入 到一个静态 CSS 文件中。
2023-08-31 11:30:37
942
原创 解决iview的poptip组件内使用datePicker组件,在选择时间后会关闭poptip组件
`poptip`组件内使用了`datePicker`组件，在`datePicker`组件选择时间后关闭时间弹框的同时也会关闭`poptip`的弹窗。
2023-08-03 16:39:56
418
原创 看了这篇文章，我也会用grid布局了
网格布局是由一系列水平及垂直的线构成的一种布局模式，使用网格，我们能够将设计元素进行排列，帮助我们设计一系列具有固定位置以及宽度的元素的页面，使我们的网站页面更加统一。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。一个网格通常具有许多的「列（column）与行（row）」，以及行与行、列与列之间的间隙，这个间隙一般被称为「沟槽（gutter）」。Grid 布局与 Flex 布局有一定的相似性
2023-07-27 13:02:36
853
原创 javascript正则表达式的进阶介绍
正则表达式用于匹配字符串中字符组合的模式。在js中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法，以及 String 的 match、matchAll、replace、search 和 split 方法
2023-07-25 12:24:21
110
原创 javascript正则表达式的基础介绍
正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法，以及 String 的 match、matchAll、replace、search 和 split 方法。本章介绍 JavaScript 正则表达式。
2023-07-24 17:11:48
62
原创 终于弄懂了HTML5的拖放API(2)
HTML5的拖放即抓取对象以后拖到另一个位置，可以看到用户可使用鼠标选择可拖拽元素，将元素拖拽到可放置元素，并释放鼠标按钮以放置这些元素。拖拽操作期间，会有一个可拖拽元素的半透明快照跟随着鼠标指针。
2023-07-23 11:26:50
120
原创 终于弄懂了HTML5的拖放API(1)
HTML 拖放（Drag and Drop）接口使应用程序能够在浏览器中使用拖放功能。例如，用户可使用鼠标选择可拖拽元素，将元素拖拽到可放置元素，并释放鼠标按钮以放置这些元素。拖拽操作期间，会有一个可拖拽元素的半透明快照跟随着鼠标指针。
2023-07-21 12:23:08
150
原创 javascript中的闭包还不清楚吗
javascript的闭包是一个函数以及其捆绑的周边环境状态（词法环境）的引用的组合。简言之，闭包就是能够读取其他函数内部变量的函数。
2023-07-20 08:54:35
60
原创 一篇文章读懂ES6箭头函数
ES6箭头函数表达式的语法比函数表达式更简洁，并且没有自己的thisargumentssuper或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且箭头函数不能用作构造函数。
2023-07-18 09:04:01
94
原创 javascript中的函数知多少？
函数是 JavaScript 中的基本组件之一。一个函数是 JavaScript 过程是一组执行任务或计算值的语句。要使用一个函数，你必须将其定义在你希望调用它的作用域内。
2023-07-17 09:25:23
124
原创 玩转CSS基础：CSS盒模型
完整的 CSS 盒模型应用于块级盒子，内联盒子只使用盒模型中定义的部分内容。模型定义了盒的每个部分 —— margin, border, padding, and content ，合在一起就是在页面上看到的内容。为了增加一些额外的复杂性，有一个标准盒模型和替代（IE）盒模型。
2023-07-13 09:04:13
354
原创 iview的表格行内编辑，input和select组件使用方向键切换输入
核心是在输入框和下拉框上添加按键监听事件，监听按键对应方向应该要完成的操作，比如当前在。列的第一行，按向左键的话，需要鼠标光标在第一行的。表格中输入框和下拉框实现方向键切换选择，效果图。
2023-07-10 13:02:58
768
原创 使用iview旧版本的modal设置draggable如何控制拖拽不拖出屏幕边缘
iview的4.6.0版本之前使用modal的dragable属性是不能控制是否能拖出屏幕边缘的，如果想要在拖拽过程中设置不能拖出屏幕边缘，效果如下图所示：控制台查看元素，可以发现，iview的Moda在l拖拽时的class是，且是通过改变这个className元素的left和top属性。那么我们可以使用用来监听元素的属性变化、用来获取指定元素的top和left值，用来获取指定元素距离浏览器窗口的位置。
2023-05-31 16:46:28
659
原创 vue中动态使用本地图片
执行后使用动态组件，动态组件中使用了本地图片，那么可以在项目中增加一个图片组件，动态使用本地图片。图片应用场景：如果我们的页面代码是从后端接口返回的，然后使用。中使用图片地址，不能直接使用变量，需要带字符串拼接。，然后图片的地址是动态变化的，在。中动态使用本地图片，使用。
2023-05-12 12:31:33
1326
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人