自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 支持TypeScript并打包为ESM/CommonJS/UMD三种格式的脚手架项目

这是一个支持TypeScript的多格式JavaScript打包脚手架项目,采用Rollup构建工具,可生成ESM、CommonJS和UMD三种模块格式。项目配置了TypeScript、ESLint、Prettier和Terser,确保代码质量与风格统一。主要特性包括:自动生成类型声明文件、开发和生产环境区分、代码压缩优化。项目结构清晰,包含完整的配置文件(rollup.config.js、tsconfig.json等),支持npm脚本一键构建和代码格式化。适用于需要跨平台兼容的JS库开发,要求Node v

2025-06-03 16:50:38 444

原创 electron-vite_18桌面共享

摘要:Electron默认不支持桌面共享功能,需配置desktopCapturer模块。在main.js中,通过设置displayMediaRequestHandler处理程序,使用desktopCapturer.getSources获取屏幕源(types: ['screen']),并在回调中返回视频源和音频配置。该方案适用于Electron 31.0.2及以上版本,实现桌面音视频捕获功能。

2025-06-03 16:49:36 402

原创 webRtc之指定摄像头设备绿屏问题

最近发现,在使用navigator.mediaDevices.getUserMedia({ deviceId: ‘xxx’}),指定设备的时候,video播放总是绿屏,发现关闭浏览器硬件加速不会出现,但显然这不是一个最好的方案;

2025-05-07 14:46:13 440

原创 天地图Marker跳一跳动画

天地图的Marker点终于也能实现“跳一跳”啦!虽然天地图官方API目前没有直接提供Marker点跳动的现成方法,但我们可以借助一些技术手段来实现这一效果。

2025-03-26 10:48:47 301

原创 天地图Label文字居中

在使用自定义Label的时候,我们有文字居中显示的需求,但是天地图4.0截止2025年3月26日,官方并没有提供api方式;

2025-03-26 10:48:16 223

原创 天地图监听多边形是否改变

天地图4.0截止2025年3月24日,并没有提供多边形改变后的回调函数,其实多边形的应用在地图GIS系统中有很多用处,比方说点子围栏编辑告警;离不开多边形的绘制和编辑能力;

2025-03-25 13:37:27 227

原创 天地图监听圆是否改变

天地图4.0截至2025年3月24日还不支持编辑监听改变,但是不妨碍我们使用技术手段进行实现,达到监听半径和圆点是否改变的方法;

2025-03-25 13:36:59 194

原创 天地图可拖拽驾车路线规划

有巡检业务或规划路线的场景,这个功能还是比较实用的;目前高德有类似的功能,天地图目前还没有;手动封装一个,效果还行;

2025-03-24 13:47:11 611

原创 天地图Circle扩散动画

地理信息系统GIS,不免需要一些动画在地图上面展示;比方说SOS求救、事故点位置、救援点等;

2025-03-24 13:46:31 213

原创 天地图编辑支持删除编辑点

截至2025年3月21日天地图4.0线编辑,只支持添加点,不支持删除编辑点,后续只能通过绑定地图事件曲线救国,虽然没有高德丝滑,但至少可以使用;

2025-03-21 10:11:09 222

原创 天地图InfoWindow插入React自定义组件

天地图InfoWindow如何使用react自定义组件;

2025-03-21 09:53:20 576

原创 js通知提醒

JS通知总结下来有4种方法,分别是声音提醒、通知提醒、标题变化、icon变化;比较常见的是标题变化和icon变化;

2025-02-19 14:58:57 512

原创 vite调试node_modules下面插件

在使用vite进行开发的时候,我们可能想要修改node_modules中插件的源码.特别是集成一个SDK,需要调试去判断问题时,或者研究第三方源码时后;vite默认是走缓存的,所以当修改后不会看到你打印的日志,这个时候有几种方法可以选择;

2025-02-19 14:58:14 420

原创 出海工具集

群聊分享的一个工具集合,看了几个,感觉有点子用,收藏一波,下面有GitHub的地址;吃水不忘挖井人;

2025-01-20 15:05:59 1192

原创 坐标系转换JS库

支持转换坐标数组和GeoJSON数据,无外部依赖,能在nodejs、所有现代浏览器(IE8+)和ReactNative等环境中运行,gzip后仅3kb。gcoord(geographiccoordinates)是一个处理地理坐标系的JS库,用来修正百度地图、高德地图及其它互联网地图坐标系不统一的问题。

2025-01-20 14:59:50 447

原创 天地图SVG主题滤镜在线编辑

目前天地图商用暂时不收费,但是后续可能会收费,高德、百度、腾讯目前是5万1年,截至2025年1月2日官方只提供了2个主题色,目前已经调好几个主题色可以使用;

2025-01-02 15:49:13 448

原创 天地图svg滤镜自定义主题色

要使用SVG Gradient Map Filter自定义天地图的主题颜色,并将其应用到天地图的图片上,本文自己调了几个常用主题,你也可以自己尝试调配自己的主题。

2025-01-02 15:28:48 1454

原创 electron-vite_17设置系统音量loudness报错

loudness是一款控制系统音量输出的一款 Node.js 库;但是在electron-vite中直接使用编译的时候会报错;这个时候需要单独处理;

2024-12-26 16:05:50 333

原创 webrtc-internals调试工具

Google 的 Chrome(87 或更高版本)WebRTC 内部工具是一套内置于 Chrome 浏览器中的调试工具;webrtc-internals 能够查看有关视频和音频轨道、使用的编解码器以及流的一般质量的详细信息。这些知识对于解决音频和视频质量差的问题非常有帮助。webrtc-internals 还提供有关 WebRTC 调用中使用的网络配置的详细信息,例如 STUN/ TURN服务器和 ICE 候选者。

2024-12-26 16:05:16 1574

原创 electron-vite_16 electron音频自动播放

自动播放设置的存在具有一定的合理性和实用性。最近的项目是开发类似腾讯会议终端产品,开机自启动,扫码入会,全程用户不会与界面产生交互,那就意味着入会后无法听到声音;好在有办法解决。虽然有解决方案,也要考虑好取舍,毕竟如果不加以合理设置和管理,也可能会给用户带来困扰。可能会影响你产品的推广和市场占有率;

2024-12-19 18:15:11 359

原创 electron-vite_15打包报错proxyconnect

【代码】electron-vite_15打包报错proxyconnect。

2024-12-19 13:49:33 487

原创 radash工具类

radash 库是一个现代的 JavaScript 工具库,旨在提供一系列实用的函数,以简化常见的编程任务。它受到 lodash 和 ramda 等库的启发,但旨在提供更简洁和现代的 API。GitHubradash官方文档,得翻墙radash镜像。

2024-12-13 11:33:59 846

原创 日期Day.js

Day.js是一个极简的JavaScript库,可以为现代浏览器解析、验证、操作和显示日期和时间。文档GitHub。

2024-12-13 11:33:19 431

原创 用户引导Driver.js

Driver.js 是一个轻量级的、无依赖的JavaScript库,用于引导用户的注意力到页面上的特定元素,可以用来实现页面导览、功能介绍等场景。GigHub官方文档。

2024-12-12 10:39:32 560

原创 拖拽FormKit

FormKit的拖放是一个小库,用于添加数据-首先在你的应用程序中拖放排序和传输列表。它简单、灵活、不受框架限制,并且只有大约4Kb的gzipped。

2024-12-12 10:39:04 377

原创 加密crypto-js

crypto-js 是一个著名的 JavaScript 加密库,它提供了一系列的加密算法,包括哈希算法(如 SHA-1、SHA-256)、消息认证码(如 HMAC)、对称加密算法(如 AES)等。它允许开发者在浏览器和 Node.js 环境中执行加密和解密操作。GitHub。

2024-12-11 10:09:57 447

原创 图片提取文字工具Tesseractjs

Tesseract.js 是一个基于 Tesseract OCR 引擎的开源 JavaScript 库,用于在浏览器和 Node.js 环境中执行光学字符识别 (OCR)。它的特点是无需依赖服务器端支持,完全在客户端执行 OCR 操作。跨平台支持:支持 100 多种语言的纯 JavaScript OCR 库;GitHub地址;

2024-12-11 10:09:38 869

原创 进度条ProgressBar

ProgressBar.js 是一个轻量级且易于使用的 JavaScript 库,用于创建响应式和风格化的进度条。

2024-12-10 09:19:55 562

原创 流程图LogicFlow

LogicFlow 是一款流程图编辑框架,提供了一系列流程图交互、编辑所必需的功能和简单灵活的节点自定义、插件等拓展机制,方便我们快速在业务系统内满足类流程图的需求。教程API图标示例GigHub。

2024-12-10 09:19:36 530

原创 动画Lottie

Lottie是一个Airbnb 开发的用于Android,iOS,Web和Windows的库,用于解析使用Bodymovin导出为json的Adobe After Effects动画,并在移动设备和网络上呈现 —GitHub。

2024-12-09 16:02:07 647

原创 Json输入vanilla-jsoneditor

一些后台项目中会用到json编辑,试了几个json编辑库,发现这个库比较好用;简单实现一个React的封装组件,考虑到vue3没有选择用官方提供组件,目前这种方式稍微换下api相对通用;

2024-12-09 16:01:39 417

原创 electron-vite_14窗口默认全屏铺满

有时候应用打包后,希望全屏显示;而默认的宽度和高度,是无法满足的;这时需要单独处理;

2024-11-27 13:54:37 890

原创 electron-vite_13取消所有窗口默认菜单显示

打包的应用,如果不想显示系统默认菜单的话,可以导入Menu对象,并把菜单设置为null,来达到隐藏系统默认菜单的目的;如果使用window.open(‘xxx’, ‘_blank’),也可以不显示默认菜单;我们项目中主要是使用WebContentsView内嵌url实现,但是使用window.open(‘xxx’, ‘_blank’)打开新窗口的时候显示了系统默认菜单,很丑陋所以查看了官方文档;

2024-11-27 13:53:50 1068

原创 IM_手写一个EventBus

EventBus是一个用于组件间通信的库,它基于发布/订阅模式,允许不同组件或模块之间通过事件来通信,而无需直接引用彼此;

2024-10-31 15:34:07 241

原创 IM_自定义audio播放消息

做即时通讯,除了文字、图片、表情、还有媒体消息,整理一下制作过程中自定义聊天框中的audio。

2024-10-31 15:31:42 571

原创 Node版本管理nvm

公司项目比较多,且有历史包袱,没时间升级,高版本的node无法在低版本项目中打包编译;

2024-10-24 09:48:10 303

原创 Node对应npm版本

公司项目比较多,且有历史包袱,没时间升级,高版本的node无法在低版本项目中打包编译;

2024-10-24 09:43:23 235

原创 electron-vite_12修改主进程main.js为什么没有重启Electron程序?没开热重载

热重载是指在主进程或预加载脚本模块发生变化时快速重新构建并重启 Electron 程序。事实上,并不是真正的热重载,而是类似的。它为开发者带来了很好的开发体验。

2024-10-16 10:10:03 640

原创 electron-vite_11各平台 Electron 镜像存到哪里了?

建议设置了 NPM 镜像和 Electron 源;速度会快一点;electron-builder 在打包的时候,会根据系统的不同去各自的 NPM 缓存目录下查找对应版本的 Electron 源;

2024-10-16 10:09:46 638

原创 electron-vite_10electron-updater软件更新

网很多electron-updater更新文章,这里只简单写一下演示代码;

2024-10-15 13:42:35 1024

空空如也

空空如也

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

TA关注的人

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