- 博客(110)
- 收藏
- 关注

原创 vue3 终端实现 (vue3+xterm+websocket)
xterm是一个使用TypeScript编写的前端终端组件,可以直接在浏览器中实现一个命令行终端应用,通常与websocket一起使用。
2023-11-23 14:48:04
6584
1

原创 tinymce富文本编辑器(vue)
TinyMC编辑器简介TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。跟其他富文本编辑器相比,有着丰富的插件,支持多种语言,能够满足日常的业务需求并且免费。TinyMCE的优势:开源可商用,基于LGPL2.1插件丰富,自带插件基本涵盖日常所需功能接口丰富,可扩展性强,有能力可以无限拓展功能界面好看,符合现代审美提供经典、内联、沉浸无干扰三种模式(详见“介绍与入门”)对标准支持优秀(自v5开始)多语言支持,官网可下载几十种语言。下图为开启全部功能的截图Tiny
2021-08-10 10:06:04
49977
16
原创 锚点跳转跟踪#
该代码实现了一个基于锚点的页面导航功能。通过anchorList定义锚点列表,每个锚点对应页面中的不同部分。activeHash用于跟踪当前激活的锚点,calculateOffsets计算每个锚点的偏移量,updateActiveHash根据滚动位置更新激活的锚点。scrollTo函数用于滚动到指定锚点位置。页面加载时,onMounted钩子调用calculateOffsets初始化偏移量。用户点击时间线中的锚点标签时,页面会平滑滚动到对应部分,同时更新激活状态。该功能适用于长页面内容的分段导航,提升用户体
2025-05-16 19:21:21
191
原创 fetch接收sse
SSE,即Server-Sent Events,是一种服务器向浏览器推送数据的技术。,并且不断地发送数据,保持连接打开。服务器端的实现细节会影响客户端的处理方式。事件来接收数据,并在接收到数据时进行处理。如果发生错误,我们监听。方法来请求SSE服务。我们设置了必要的HTTP头部,特别是。,以确保连接保持打开状态,这对于接收持续的数据流很重要。请注意,SSE要求服务器的响应内容类型为。以下是一个简单的示例,展示如何使用。在这个示例中,我们创建了一个名为。,这是SSE所必需的。调用中获得的响应来创建一个。
2024-11-29 14:39:08
1041
原创 textarea 按 Enter 提交,Shift + Enter 换行
【代码】textarea 按 Enter 提交,Shift + Enter 换行。
2024-11-27 16:02:52
670
原创 js如果小数点后面是00 保留整数
在JavaScript中,如果你想要将小数点后是00的数值转换为整数,可以使用。例如,如果你有一个小数点后是00的数值,如。
2024-05-19 14:52:07
514
原创 iframe父级元素高度百分比不生效
将 iframe 的父级元素设置为相对定位,并将 iframe 设置为绝对定位。这样,iframe 就可以根据父级元素的高度百分比来设置其自身的高度。:使用 JavaScript 来动态设置 iframe 的高度,以匹配其父级元素的高度百分比。
2024-05-14 18:54:35
596
原创 微前端(qiankun)vue2、vue3微应用嵌入
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。
2024-02-18 17:55:56
16437
原创 new URLSearchParams( )用法说明
设置一个搜索参数的新值,假如原来有多个值将删除其他所有的值。返回一个iterator可以遍历所有键/值对的对象。返回iterator 此对象包含了键/值对的所有键名。返回iterator 此对象包含了键/值对的所有值。从搜索参数列表里删除指定的搜索参数及其对应的值。返回搜索参数组成的字符串,可直接使用在URL上。返回 Boolean 判断是否存在此搜索参数。获取指定搜索参数的所有值,返回是一个数组。插入一个指定的键/值对作为新的搜索参数。获取指定搜索参数的第一个值。
2023-09-28 17:06:31
1169
原创 Delete `␍`eslint(prettier/prettier)黄色报错
在项目根目录下的.prettierrc文件中写入即可。其实就是不让prettier检测文件每行结束的格式.缺点:不能兼容跨平台开发,从前端工程化上讲没有做到尽善尽美。好处:一劳永逸,但是需要重新clone一下代码。1. 配置.prettierrc文件。2. 设置git配置(最佳实践)cmd命令行输入以下代码。
2023-09-21 17:23:46
362
原创 vue3 ElementUI Switch before-change自动调用问题
使用 :beforeChange 这个属性 但是这个属性。传值 如果直接传值依然会自动调用,
2023-09-14 17:37:46
2206
原创 githubssh配置
接下来,会提示你选择保存SSH密钥的文件路径和设置一个密码(可选)。这里的"your_email@example.com"需要替换为你在GitHub上注册的邮箱地址。进入GitHub网站,进入个人设置,找到"SSH and GPG keys"选项卡。配置完成后,你可以使用SSH方式进行与GitHub的交互,例如克隆仓库、推送代码等。在Key框中粘贴刚才复制的公钥内容,然后点击"Add SSH key"按钮。点击"New SSH key"按钮,输入一个可识别的标题。
2023-08-28 14:35:25
1289
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人