- 博客(26)
- 收藏
- 关注
RSS订阅原创 webassemble使用时遇到的问题：featch is not defined；WebAssembly.instantiate(): Import #7 “env“: module is not
webassemble使用时遇到的问题
2024-09-23 16:01:48
367
原创 WebAssembly进阶，vue3 使用 WebAssembly，及 WebAssembly vs JavaScript 的性能对比
WebAssembly进阶，vue3 使用 WebAssembly，及 WebAssembly vs JavaScript 的性能对比。WebAssembly 是一种新的编码方式，可以在现代的 Web 浏览器中运行——它是一种低级的类汇编语言，具有紧凑的二进制格式，可以接近原生的性能运行，并为诸如 C/C++、C# 和 Rust 等语言提供编译目标，以便它们可以在 Web 上运行。它也被设计为可以与 JavaScript 共存，允许两者一起工作。
2024-09-23 15:56:45
1380
原创 利用正则表达式匹配格式并且获取替换内容中数据并保留
利用正则表达式匹配特定格式的字符串，可以有效地从文本中提取信息并进行替换。正则表达式是一种强大的工具，它允许我们定义复杂的模式，从而在大量文本中快速查找和操作内容。例如，在处理视频信息时，我们可能会遇到类似[stop:3s]的标记，表示在视频播放中需要暂停/停顿的时间。核心：replaceString 计算属性使用正则表达式来查找对应格式的内容，并替换其中的文本，同时保留数字。通过这种方式，我们可以灵活地处理文本中的特定标记，实现数据的提取、替换和存储，从而提升用户体验和应用的整体功能。
2024-09-18 17:07:01
459
原创 contenteditable=“true“可编辑div字数限制
实现可编辑div的字数输入限制：字数满5000字后英文输入法字数限制；字数满5000字后中文输入字数限制；字数满5000字后数字读法字数限制；字数满5000字后替换读音字数限制；字数满5000字后键盘粘贴字数限制；字数满5000字后鼠标粘贴字数限制；字数满5000字后托选内容后可以输入中文、英文、特殊字符；字数满5000字后托选内容后可以进行粘贴，依旧会以5000字的限制将粘贴内容进行剪裁；输入内容达5000字后可以删除，键盘上下左右键可以移动；粘贴内容时若粘贴后总字数会超过5000字，则会对粘贴内容进行剪
2024-09-18 16:52:57
1125
1
原创 vue-codemirror6 + Vue3 代码编辑器
/ 输入的字体颜色"&": {},},// 激活背景色},// 激活序列的背景色},//光标的颜色},// 选中的状态},// 左侧侧边栏的颜色color: "#ddd", //侧边栏文字颜色。
2024-09-03 16:37:28
2627
原创 Naive UI的间距 Space组件出现问题：n-space的子元素无法获取父元素的宽度
由于包裹的div容器是在浏览器解析过程中产生--->在文档中我们无法获取。
2024-08-30 16:21:12
475
原创 Electron快速上手
一款应用广泛的跨平台的桌面应用开发框架。Electron的本质是结合了 Chromium 与Node.js。使用HTML、CSS、JS 等Web技术构建桌面应用程序。.vue,.tsx,.less,.ts也可以使用。
2024-08-30 14:16:12
3882
1
原创 WebAssembly最详教程
WebAssembly 是一种新的编码方式，可以在现代的 Web 浏览器中运行——它是一种低级的类汇编语言，具有紧凑的二进制格式，可以接近原生的性能运行，并为诸如 C/C++、C# 和 Rust 等语言提供编译目标，以便它们可以在 Web 上运行。它也被设计为可以与 JavaScript 共存，允许两者一起工作。它提供了一条使得以各种语言编写的代码都可以接近原生的速度在 Web 中运行的途径，使得以前无法在 Web 上运行的客户端应用程序得以在 Web 上运行，使得我们有可能将桌面应用
2024-08-13 17:19:07
1420
原创 消除输入框或文字英文内容下的波浪线
在input框中输入英文或英文内容下会出现红色波浪下划线给对应标签添加属性 spellcheck=“false”
2024-08-02 16:38:56
598
原创 WebRTC 从零学习笔记⑥-WebRtc补充知识
对于我们WebRTC应用开发人员而言，主要是关注RTCPeerConnection类，我们以四大块继续学习解通话原理sdp有一个字段标记是offer（发起者）还是answer（接收端）ontrack只是拿到对方码流对象，知道打通了链路才会拿到对方码流。（例如：出来订单号，但还没有发送快递出来）onIceCandidate：回调事件，拿到对方码流对象后，拿到打洞地址发送给对方a'd'dIceCandidate：加入到自己的RTCPeerConnection对象中。
2024-08-02 09:47:19
1410
原创 WebRTC 从零学习笔记⑤-信令服务器map思想
信令服务器是使用map管理房间。map实战操作主要涉及put/get/removelsize等操作。
2024-08-01 10:27:10
304
原创 WebRTC 从零学习笔记④-简易聊天室
服务器在收到某个客户端的信息（message+enter+leave），然后将其广播给所有的客户端（包括发送者)。
2024-08-01 10:16:56
324
原创 WebRTC 从零学习笔记③-Web端websocket
对于WebRTC项目而言，nodejs主要是实现信令服务器的功能，客户端和服务器端的交互我们选择websocket作为通信协议，所以该章节的实战以websocket的使用为主。web客户端的websocket和nodejs服务器端的websocket有一定的差别，所以我们分开两部分进行讲解。
2024-07-31 10:44:57
999
原创 WebRTC 从零学习笔记①-超详细版
webRTC是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流/音频流或者其他任意数据的传输，如在线教育、视频会议、视频社交、远程协助、远程操控等等都是其合适的应用领域。 WebRTC虽然冠以"web"之名，但并不受限于传统互联网应用或浏览器的终端运行环境。实际上无论终端运行环境是浏览器、桌面应用、移动设备(Android或IOS）还是loT设备，只要IP连接可到达且符合WebRTC规范就可
2024-07-29 17:43:10
1524
原创 使用path.resolve的原因
为什么我们在服务端处理路径的时候一定要用path？__dirname始终返回的是当前文件所在目录。实现文件模块化--将文件复制进一个立即执行函数。path.resolve：在拼接字符串。
2024-06-18 18:04:53
242
原创 vite中对css及css模块化的处理
vite天生就支持对css文件的直接处理解决重复类名样式覆盖——预处理器（less，scss…） ：给我们提供了一些方便且非常实用的方法。
2024-06-18 16:55:36
3521
原创 vite开发服务器搭建原理及如何让浏览器识别.vue文件解析
/pnpm create 实际上等于在安装create-vite脚手架（pnpm install create-vite），然后使用脚手架指令去构建项目。模拟vite开发服务器。
2024-06-17 15:26:37
297
1
原创 VueDraggablePlus的学习与问题解决
结合VueDraggableplus官方文档，着重分析api及事件函数，总结自身项目出现问题
2024-06-17 10:39:47
5346
1
原创 Vite基础学习
Vite是Vue团队的官方出品，背靠这么大的生态，Vue-cli会在下面两个版本中将vite作为预设构建工具未来你使用vue-cli去构建vue项目的时候你要写的vue.config.js不再是webpack的配置而是vite的配置(目前只基于浏览器项目）Vite也支持直接构建react项目，也支持构建angular项目，svelte项目也支持构建。
2024-06-14 17:27:30
1183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人