- 博客(239)
- 收藏
- 关注
RSS订阅原创 linux常用命令
本文汇总了Linux系统常用的终端命令及其功能，涵盖文件操作、系统管理、进程控制、网络工具等类别。包括基础命令如ls、pwd、cd，文件操作命令cp、mv、rm，文本处理工具grep、cat、less，系统管理命令ps、top、df，网络工具ssh、wget，以及权限管理chmod、chown等。同时介绍了进程控制命令kill、jobs，环境变量查看printenv，用户管理adduser、passwd等实用命令，为Linux系统日常使用提供快速参考。
2025-07-31 15:23:49
768
原创 docker基础部署
本文介绍了作为前端开发者平时常用的Jenkins+Docker自动化部署流程。通过Jenkins配置Git地址和分支，实现代码提交即触发构建，自动打包镜像并推送至服务器。部署时需登录堡垒机执行Docker命令：查看容器状态(docker ps)、拉取镜像(docker pull)、修改版本标签、停止旧容器(docker stop)、启动新容器(sh start.sh)等操作。还提供了查看日志(docker logs)、删除镜像(docker rmi)等常用命令。这些基础运维知识能满足前端开发者的日常部署需求
2025-07-13 15:52:14
564
原创 uniapp实现钉钉网页应用jsapi鉴权、免登功能（前后端）
这篇详细讲述uniapp开发钉钉网页应用（钉钉微应用）中实现钉钉JSAPI的鉴权和身份免登相关的功能，包含前端和后端
2025-07-10 13:10:11
718
原创 Vite项目打包使用gzip压缩
《vite-plugin-compression：优化Vite项目性能的压缩插件》摘要 vite-plugin-compression是一款专为Vite项目设计的插件，支持Gzip和Brotli压缩，能有效减小资源文件体积，提升页面加载速度。该插件特别适用于使用Vite构建的前端项目，包括Vue 3和基于Vite的uniapp项目。通过简单的配置（如设置压缩算法、文件后缀、压缩阈值等），开发者可以轻松实现资源压缩。实际案例表明，该插件在解决uniapp钉钉小程序版本上传问题中发挥了关键作用。用户可根据项目需
2025-07-08 12:43:07
79
原创 动态执行js
JavaScript动态执行代码有四种方式： eval：同步执行，在当前作用域运行代码（如示例输出a:2）； setTimeout：异步执行，在全局作用域运行字符串代码（输出a:1）； script标签：同步执行，通过创建脚本标签注入代码到全局（输出a:1）； Function构造函数：同步执行，在全局作用域生成函数执行（输出a:1）。 注意：不同方式的作用域和执行时机不同，应谨慎使用以避免安全风险。
2025-06-29 15:07:46
52
原创 Vue3中不太知道的事儿
《Vue组件通信与相关知识点总结》摘要：文章总结了Vue开发中组件通信的关键知识点：1.子传父事件是同步执行的，父组件事件先触发；2.父传子时未定义的props会保存在attrs中，事件同样可作为属性传递；3.介绍ref绑定的三种方式（常规ref、3.5新特性useTemplateRef和函数形式）；4.组件暴露方法的原理（defineExpose实际操作实例的exposed属性）；5.父组件可通过@vue:前缀监听子组件生命周期。这些知识点有助于开发者更深入理解Vue的组件通信机制。
2025-06-16 11:02:22
91
原创 微前端之micro-app数据通信
本文介绍了微前端框架micro-app的主子应用通信方式。主要内容包括：主应用向子应用传递数据的两种方式：通过组件props传递或使用setData方法子应用接收主应用数据的方法：window.microApp.getData()或监听addDataListener事件子应用向主应用发送数据的三种方式：dispatch方法、主应用监听datachange事件、主应用使用addDataListener监听环境配置要点：子应用需要支持跨域访问，vite应用建议使用iframe沙箱模式
2025-06-01 10:57:27
147
原创 @recogito/annotorious图像标注库
《Annotorious图像标注工具集成指南》介绍了如何在Vue项目中集成@recogito/annotorious图像标注库。核心步骤包括：通过pnpm安装主库及辅助工具包（多边形、标签、倾斜框等扩展功能）；在Vue单文件中初始化标注器并配置多种绘图工具；实现数据回显功能（支持批量添加或单独添加标注数据）和保存功能（获取所有标注数据）。示例代码展示了完整的组件实现，包含工具栏布局、图片容器和响应式样式，演示了如何通过API进行标注操作和数据管理。该方案适用于需要实现复杂图像标注功能的Web应用开发。
2025-05-27 16:36:07
254
原创 Vue3实现轮播表（表格滚动）
本文介绍了如何使用Vue3实现无缝滚动效果，并提供了一个简单的示例代码。首先，通过pnpm add vue3-seamless-scroll安装相关依赖。接着，在模板中使用Vue3SeamlessScroll组件，并通过v-model控制滚动，list属性绑定数据。示例中展示了如何通过onMounted钩子函数异步获取数据，并在数据加载完成后渲染滚动内容。此外，还提供了样式代码，确保滚动表格的布局和外观。文章最后提到，由于使用了Vue3和TypeScript，配置项需要标记为any类型以避免类型错误，并建议
2025-05-22 18:36:58
479
原创 前端上传图片前对图片先进行压缩
前端对图片压缩主要两种形式：一种是手动压缩项目中的静态资源图片，这样在打包的时候可以减小打包体积。另一种就是我们在上传图片到后端服务器之前在前端对当前的图片文件进行压缩。当然我们可以在上传前限制上传图片的大小，但其实限制图片大小体验不好，比如限制个2MB，现在的手机随便一拍原图可能就10多MB，所以我们这篇就说下对图片Blob的压缩方式。canvas是可以压缩图片的哈，不过它只能压缩JPG、JPEG格式图片，对png格式却无能为力。这篇说一下通过一个插件来实现对文件Blob的压缩。
2025-04-18 13:45:16
227
原创 Vue中将pdf文件转为图片
平时开发中，我们经常遇到的场景应该是调用后端接口返回给前端pdf格式的文件流，然后我们可以通过URL.createObjectURL的方式转为object url临时路径然后可以通过window.open的方式来打开一个新的浏览器页签来进行预览，效果如下图：但有时候这样满足不了的需求，它不想这样预览，不想要那么多乱七八糟的东西，我只要PDF文件中的内容，然后在项目页面中类似个弹窗似的直接展示pdf文件的内容。所以，这篇就来说一下，我们可以将pdf文件转为图片来进行展示。
2025-04-01 18:56:43
526
原创 uniapp选择文件使用formData格式提交数据
在vue项目中，我们有个文件，和一些其他字段数据需要提交的时候，我们都是使用axios 设置请求头中的Content-Type: multipart/form-data，然后new FormData的方式来进行提交。但是uniapp使用uni.request的方式就不行了..
2025-03-30 21:22:00
913
原创 java中常用判空方法、两个值是否相等方法
java中感觉判空的一些方法太多了，感觉有点儿乱糟糟的，所以这篇就简单总结一下我在项目中常用的一些方法吧，并不全哈，只是自己常用的，平时也够用。
2025-03-03 17:14:20
348
原创 uniapp图像转换（获取本地选取或拍照的图片的base64、Blob、图像和base64的转换）
uniapp中提供了uni.chooseImage api 这个是从本地相册选择图片或使用相机拍照。这个api无论是在H5还是app还是小程序等都是适用的，回调函数中我们能拿到图片的路径列表，我们现在要把改路径转为base64编码。但如果不是小程序的话 上述代码就会getFileSystemManager报错， 所以我上面使用了#ifdef MP 条件编译。如果是H5、或者app端的话，我这里使用的uni Dcloud插件市场的一个插件。
2025-02-19 09:29:39
1106
原创 uniapp调用微信js-sdk获取当前地理位置信息（前后端）
uniapp官网提供了uni.getLocation方法，但是基本上不能使用，官方也有提出：然后我们接着官网往下划，可以看到有注意事项：因为我这里使用的是H5 微信公众号，所以就来介绍一下微信公众号中调用微信的JS-SDK来获取当前地理位置信息。uni-app 中为兼容微信小程序生态存在全局的 wx 对象，而微信 JS-SDK 也是注册全局的 wx 对象，为避免混淆，可以将微信 JS-SDK 中的 wx 对象改名先来说下整体的实现吧。
2025-01-26 14:11:42
437
原创 uniapp使用uni.navigateBack返回页面时携带参数到上个页面
我们平时开发中也经常遇到这种场景，跳转一个页面会进行一些操作，操作完成后再返回上个页面同时要携带着一些参数。其实也很简单，也来记录一下吧。假设从A页面 跳转到 B页面。
2025-01-24 11:20:48
2141
原创 springboot中DTO、VO、Entity相互转换
这个很简单，其实就是标识前端传递的参数字段是什么，就是允许我们后端接受的参数字段和前端传递的字段可以不一致，如果不一致我们后端就可以使用@JsonProperty进行映射。同样的我在VO中使用@JSONField注解，上面的例子是把DTO转为VO，VO中的@JSONField对应的就是DTO中的字段。在我们平时开发中，dto、vo、entity之间的相互转换是很频繁的操作，这篇就简单记录一下我在平时开发中转换的方法。VO：平时开发中，一般会定义VO（view object）来封装返回给前端的数据。
2025-01-21 15:22:23
1050
原创 uniapp（小程序、app、微信公众号、H5）预览下载文件（pdf）
在uniapp开发小程序或者H5中，都可以使用以下方式预览文件之前其实写过一篇，就是使用uniapp官网提供文件下载、文件保存、文件打开的API，感兴趣也可以去看下。
2025-01-17 17:30:40
784
原创 Github加速访问
直接全选复制到本地hosts文件中即可（另起一行）我一般是修改本地hosts文件。然后我们能看到这样子的页面。往下划，找到第3个，打开。可以按照它上面的方法。
2025-01-17 13:54:30
459
原创 uniapp实现“到这儿去”、拨打电话功能
在 UniApp 中实现“到这儿去”的功能，即调起地图导航至指定位置，对于不同的平台（小程序、H5、App）有不同的处理方式。下面将简单介绍如何在这些平台上实现该功能，并讨论位置信息的获取。后面需求会用到，先来找一些相关资料，并不一定很准确，但也来记录一下（本人还未使用哦，但可以做个参考）
2025-01-15 16:53:58
455
原创 uniapp实现微信公众号网页（H5）授权登陆获取用户信息（前端+后端）
这篇说一下使用uniapp开发实现微信公众号网页授权、以及获取用户信息的前端、后端的实现。开始之前呢，先提一嘴uniapp开发微信小程序的微信登陆，之前也写过一篇，uniapp微信小程序登陆的，大家感兴趣可以去了解一下，因为这uniapp、一会儿小程序、一会儿公众号、一会儿app、一会儿h5的搞得有点儿乱糟糟的。
2025-01-12 20:44:04
2432
原创 uniapp页面高度设置（铺满可视区域、顶部状态栏高度、底部导航栏高度）
这里说几种在uniapp开发中，关于页面设置高度的几种情况。宽度就不说了哈，宽度设置百分比都会生效。首先我们要知道平时开发中，如果说没在uniapp做特殊处理，即正常情况下，所有的页面（.vue文件）中都是没有高度的（和vue一样），也就是说给最外层的的view标签设置高度为100%是没啥作用的，只要没内容高度依然是0。
2025-01-10 11:36:30
2582
原创 fastjson中的序列化与反序列化
fastjson中的除了上面的之外还有JSONObject.toJSONString()和JSONObject.parseObject()方法，也可以转为字符串，但使用场景可能有所不同。：JSON.toJSONString可以直接序列化任意Java对象（包括自定义类），而 JSONObject.toJSONString仅适用于 JSONObject类型的对象。在实际开发中，如果只是简单的对象到JSON字符串的转换，JSONObject.toJSONString 通常是更通用的选择。
2025-01-03 16:33:13
454
原创 springboot实现图片上传、下载功能
返回的这个url其实就是后端编写好的一个接口，返回的是个文件流，前端直接将完整的请求的后端的路径放在img标签的src上，其实就相当于发送了请求，所以这里注意这种方式回显要求后端将改接口放在白名单中（即该接口不需要token校验），否则前端就不能像正常路径一样直接放在img的src上回显，就要像普通的接口一样调用接口，然后通过URL.createObjectURL(new Blob(res))的方式转为路径再复制给src。可能算是个简单版的，我这里图片上传都存在当前项目的根目录resource下了。
2024-12-25 17:21:36
698
原创 IDEA使用Alt + Enter快捷键自动接受返回值一直有final修饰的问题处理
我们可以看到 Declare final f的下方有个下划线，表明此处有快捷操作，我们在接受到返回值时，使用Alt + f键，果然取消掉了，且以后也不会再出现了！那如果我们需要改回来的话，还是一样的操作，在接收到返回值后，我们同样的时候Alt + f，这样我们可以随意的切换。看着真烦人呢，我们会发现在接受到返回值是上方有个 Declare final选项，如下。我们手动给它取消确实能去掉当前的final，但是下次还是会有！
2024-12-23 15:09:13
739
原创 uniapp生成二维码，以及扫码进入另一个小程序某个页面（前后端）
这篇说一下uniapp中生成二维码的操作，以及运行到小程序生成小程序码用于跳转到其他小程序的功能实现。我这里生成二维码的链接分为两种，一种是网页链接即h5页面，另一种是小程序链接（应该是小程序中的某个页面）。所以在uniapp开发中，需要判断一下是哪种链接，因为每种生成二维码的方式是不一样的。如果是网页链接，那么前端直接使用该链接直接生成二维码就好了。这里使用一下这个库即可。如果是小程序链接，其实应该是对应要跳转的小程序的某个页面路径。然后服务端去调用微信官方提供的接口来生成二维码。
2024-12-15 13:58:57
1580
原创 Vue常用加密方式
消息摘要是从原始数据中通过特定算法计算出的一个固定长度的字符串，这个过程通常被称为哈希函数或散列函数。固定长度：无论输入的数据有多大，输出的消息摘要都有固定的长度。唯一性：理想情况下，不同的输入应该产生不同的消息摘要，虽然在现实中由于哈希碰撞的存在，这并不总是可能的。不可逆性：从消息摘要不能反推出原始数据。高效性：计算消息摘要的过程应该是快速且高效的。
2024-11-13 10:53:48
343
1
原创 小程序中引入下载到本地的iconfont字体图标加载不出来问题解决
会下载一个这样的压缩包，我们解压，选择里面的stylesheet.css文件打开，然后复制里面所有的内容，然后把原来的字体包中的iconfont.css中的引入文件 @font-face全部替换即可。一般我们的字体包都在一个文件夹中，其中包含了 .ttf、.woff、.woff2这样的文件，我们点击add fonts选择 .ttf的文件即可。然后这样完成之后，之前的 .ttf、.woff、.woff2都不需要了，就保留咱们这个css文件即可。
2024-11-07 11:19:42
973
原创 使用浏览器原生API实现录屏功能
本地开发环境中使用正常没问题，但是在生产环境中可能会报错，原因是因为navigator.mediaDevices为undefined了，其实除了navigator.mediaDevices，navigator.clipboard.writeText(‘复制的文本’) 这个复制到剪切板的API也是同样的问题。出现这些问题的原因是浏览器这些自带的一些API都有局限性，可能是为了安全考虑，只有在。好早之前写了个小deme，本来都忘了，现在无意中又翻出来了，所以也来记录一下吧！或者直接先不用图片都可以。
2024-10-10 15:01:54
352
原创 requestAnimationFrame
这是浏览器的刷新频率。而requestAnimationFrame不是由js、代码决定的，它不会受代码影响，而是由系统决定的。它的使用也很简单，跟setTimeout差不多，不同的requestAnimationFrame不需要传递第二个参数（时间）,直接传递一个回调即可。：由于requestAnimationFrame会在浏览器的下一次重绘时执行回调函数，可以减少不必要的计算，从而节省电量。可能是我这个工具的原因，录出来不太连续，但实际上是都是很流畅的，大家直接拷贝代码可以试一下。
2024-09-22 13:44:15
269
原创 Vue3.5新特性
vue3.5发布好多天了，所以尽快来看一下新出了哪些特性。在3.5中，Vue的响应式系统经历了另一次重大重构，实现了更好的性能并显著提高了内存使用率（），而行为没有变化。此重构还解决了在SSR期间因挂起计算而导致的过时计算值和内存问题。此外，3.5还优化了大型深度响应式数组的响应性跟踪，在某些情况下使此类操作的速度提高了10倍。这里只介绍平时经常会有的东西、经常会写的东西、实用的东西哈。
2024-09-11 22:03:03
724
原创 通过MessageChannel实现一个深拷贝
深拷贝在前端领域已经是个老生常谈的话题了，说起深拷贝相信大多数人第一反应就是通过JSON，其他的就是可以递归手写一个深拷贝，再就是使用第三方库已经写好的深拷贝，不再重复造轮子，例如：lodash。很早之前也写过关于深拷贝的博文（我们可以看到，这两个对象的属性完全一致，但并不是一个引用，这不就是我们要的深拷贝。上面都是一些说明、描述官网等信息，感兴趣的伙伴可以去了解一下。接口允许我们创建一个新的消息通道，并通过它的两个。） 通过JSON进行深拷贝的一些缺陷等。callback回调。
2024-08-25 21:47:34
371
原创 npm pack使用
当我们需要把某些模块给其他小伙伴或者搭建npm私服时，需要将node_modules 的所有模块生成N个packname-version.tgz文件，方便其他人员使用npm install packname-version.tgz命令安装。大家可以看到在根目录自动创建了packages目录 并自动将node_modules中的依赖包打成.tgz的包并移动到packages中。如果不提供任何参数运行。简单说就是进入需要打成 .tgz 的包目录中执行npm pack命令，就可生成该包对应的.tgz压缩文件。
2024-08-25 20:51:49
1602
原创 vue动态绑定事件、传递参数
vue动态传递不确定个数的参数到子组件这个还是经常用的，动态绑定不确定个数的事件就不太常用了，写这篇也是因为自己没有好好看官方文档，所以来记录一下。下面的代码示例就采用vue2了，vue3也是一样的。相信大家对vue的父传子已经很熟悉了。假设子组件接受下面三个参数：那我们父组件可以单独传递：也可以一块儿通过v-bind直接传递整个对象，相当于将对象中的进行结构全部传递，官网也有写：https://cn.vuejs.org/api/built-in-directives.html#v-bind
2024-08-15 17:41:00
349
原创 monaco-editor自定义定制/扩展其他语言
目前monaco-editor内置有61种语言，但是只对css、html、json、typescript 支持的，功能也比较全。我们要是使用其他的语言比如javascript、java、sql等可能会报错，使用上面内置的四种语言之外的其他语言就需要我们自己定制、扩展了。如果有更多的可以自行扩展，monaco-editor中也都有对应语言的提示的自带的包，也可以自己编写逻辑哈。但是没考虑到语言的问题。我这边写了最常用的javascript、java、sql基础扩展支持。
2024-08-12 13:00:59
1038
原创 webpack配置
一直用webpack打包用了好几年了，但其实只了解大概的配置意思，并没有仔细、深入去学习。那闲来无聊，就简单的浅浅学了一下webpack，这篇也来记录一下。本质上，是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个，然后将你项目中所需的每一个模块组合成一个或多个bundles，它们均为静态资源，用于展示你的内容。webpack打包的内容主要是要用webpack首先需要安装一下吧，webpack是基于。
2024-08-10 16:33:43
312
face recognition demo（vue、h5、uniapp-h5、uniapp-wx）
2025-01-25
TexturePacker3.0.9（cocos做图集用到了）
2024-04-16
electron-quick-start-exe(cocos打包桌面程序 .exe)
2024-03-28
录屏软件obs-studio
2024-03-01
js解析Cron时间表达式为中文描述
2023-11-14
实现一个mini-vue
2023-07-30
基于Vue3+ts+AntV X6实现的流程图编辑器
2022-10-17
基于Vue2+element-ui+AntV X6实现的流程图编辑器
2022-10-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人