vue3集成tinymce
简介 看了一圈富文本编辑器，发现 和 比较符合自己的需求，功能上 更加丰富、简单一些。 吐槽 吐槽一下 的官网，给了 这个组件包，但是没想到就只是简单包装了一下（期初以为下载完这个包，引入vue组件内就完成了！），没想到如果只是单独引入这个包，是需要 的，而且是云托管方式去下载 ，导致反复看官网折腾了好久！ 自托管集成方式 有两种方式，一种是使用包管理工具、另一种是zip包。 ，因为 还是挺大的，开发和打包过程影响编译时间。 以下面技术...
为什么推荐你使用pnpm
大家好，我是老纪。 是一种 的包管理工具，用于帮助开发人员管理和安装项目所需的依赖项。它与其它包管理工具（如 和 ）类似，但有一些不同之处。 使用基于内容寻址的文件系统，来管理磁盘上依赖，使用硬链接和符号链接来共享依赖项，从而减少磁盘空间的使用量。它还支持并发安装，可以加快依赖项的安装速度。 总的来说， 旨在提供更快速、更高效的包管理体验。 为什么不用npm和cnpm Node.js的包管理工具，比较知名的有npm、yarn、pnpm、...
探讨useEffect和useLayoutEffect的区别
1.背景 面试官问到：请说明下 和 的区别。 我：一般开发场景都是用的 ，react官方文档上说，两者的使用场景稍微有些不同，但是还是推荐尽量使用 。 面试官：不够细节，再说点，摩多摩多。 我：... 2.官网介绍 | 对比 | useEffect | useLayoutEffect | | | | | | 简介 | 是一个 React Hook，它允许你 。 | 是 的一个版本，在浏览器重新绘制屏幕之前触发。 | | aip | |...
跨窗口（标签页）通信方法
一、前言 最近需求有跨标签页操作，借此总结跨窗口（标签页）通信的常用方法，包括同源和跨域两种情况，给出的示例代码能让你快速上手。 二、同源 localStorage 配合 storage 事件：简单、兼容性好 Broadcast Channel API：功能全 三、跨域 利用 iframe 的 postmessage 接口 （注意修改子页面的 iframe 地址） 启动示例： 如果帮到你了，可以点个赞，欢迎交流沟通。
以Babel为例，讲述插件的机制
Babel 是一个 JavaScript 编译器 Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情： 语法转换 通过 Polyfill 方式在目标环境中添加缺失的功能（通过引入第三方 polyfill 模块，例如 ） 源码转换（codemods） Babel 和...
使用vue3封装一个hooks实时获取麦克风音量
之前是在做一个electron项目中需要去检测音量，检测音量不是为了证明音量本身，而是去看看麦克风是否正常响应。 如图所示：这是一个模仿腾讯会议的音量检测的UI 在浏览器中是无法获取真实设备的电平输入的，所以此方法是通过后去音频数据来计算出音量,并非系统实际音量 使用场景 在web端对麦克风进行检测，看看麦克风是否有效 在electron、Capacitor等以web交互为主开发的应用都可以支持（比如：electron应用） 提示：在检...
使用Web RTC实现微信一对一视频通话竟如此简单
随着前端之路的不断探索，当今的前端时代可谓是大前端时代。当今的前端能做的事情太多太多了，这也有弊端就是前端开发人员们需要不断的学习不断的探索。希望大家可以在前端的道路上越走越远。 回到正题，今天想和大家聊一聊 相关的知识， 可以干什么？它主要是做通信相关的业务比如：视频聊天、语音聊天、直播等。 结果展示 移动端 pc端 Web RTC API 这里的 有很多，我这里就只介绍一下实现一对一视频通话所需要使用到的 。 SDP SDP 全称...
如何优雅的调试 Vue 项目
引言 在前端开发过程中，我们经常会使用 或 语句来进行调试， 优点在于简单易用，缺点就是入侵了代码，缺乏上下文信息，而且可能会造成性能影响，影响开发体验； 语句优点在于可以暂停逐行调试，可以看到完整的调试信息，例如变量、调用堆栈、作用域链等等，缺点是代码入侵，无法支持条件断点，这两种语句虽然我们可以在打包的时候去掉，但是不够优雅，简单的情况下可以用用。 本文以 Vue 项目为例，介绍另一种方式，使用 VSCode Debugger 功能...
新一代富文本编辑器框架lexical入门
是一款 基于 开发的网页端文本编辑框架，具备高拓展性架构，以高可靠性、易用性以及性能表现为核心设计思想。本身不与任何框架绑定，可独立于 、 使用（不过由于 与 的亲和性， 有 版）。使用者可在其基础上建立属于自己的独一无二的文本编辑器 目前在 内部，每天 通过 、 、 、 、 等产品服务千百万用户，稳定性及可靠性值得信赖 的核心包（上图左侧部分）只有22kb，其余能力以 形式提供。框架支持延迟加载， 可以在用户真正操作编辑器的时候再加载...