‍ 写在开头 点赞 + 收藏 学会 近期产品期望在后台发布帖子或视频时，需要添加 @用户 的功能，以便用户收到通知，例如“xxx在xxx提及了您！”。然而，现有的开源库未能满足我们的需求，例如 ant-design 的 Mentions 组件： 但是不难发现跟微信飞书对比下，有两 ...

前言 petite-vue 是为渐进增强而优化的另一种 Vue 发行版。它提供与标准 Vue 相同的模板语法和反应性心智模型。 不过，它专门针对在由服务器框架呈现的现有 HTML 页面上“散布”少量交互进行了优化。 petite-vue，它在提供 vue 基本功能的同时，还能一个轻量级，简单应用的微 ...

概述了Nuxt3的六个关键生命周期钩子用途：modules:before至build:before，指导如何在应用初始化、模块管理、配置解析、模板处理及构建前执行自定义操作，附带实例代码，强化Nuxt应用的灵活性和可控性。 ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霁明 背景 我们产品中会有一些流程图应用，例如审批中心的审批流程图： 我们数栈产品内的流程图，基本都是使用的 mxGraph 实现的，mxGraph 使用了S ...

Vue3发布后，各家第三方库开始陆续重构并支持 Vue3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue3。Element Plus 和 Ant Design Vue 都是基于 Vue.js 的 UI 组件库，它们具备一系列可复用的组件和丰... ...

源码地址 V8源码Array 710行开始为sort()相关 Array.sort()方法是那种排序呢？ 去看源码主要是源于这个问题 // In-place QuickSort algorithm. // For short (length <= 22) arrays, insertion sort ...

‍ 写在开头 点赞 + 收藏 学会 最近，我的一个朋友在面试中被一个关于 sessionStorage 的问题难住了。我们来聊聊这个话题。 sessionStorage 能在多个标签页之间共享数据吗？在回答这个问题之前我们先来聊聊另一个存储API localstorage loc ...

概述了Nuxt3的关键生命周期钩子用途，如page:finish用于页面加载后处理，page:transition:finish处理过渡效果完成，kit:compatibility扩展兼容性检查，ready标示应用启动就绪，close执行应用关闭清理，及restart控制应用重启流程，附带示例代码 ...

前言 Angular 在 v18.1 推出了 Template 新语法 @let。 这个 @let 和上一篇教的 Control Flow @if, @for, @swtich, @defer 语法上类似，但是用途却差很多。 如果要给它们分类的话，@if @for @switch 可以算一类，@de ...

前言 众所周知，在vue中使用scoped可以避免父组件的样式渗透到子组件中。使用了scoped后会给html增加自定义属性data-v-x，同时会给组件内CSS选择器添加对应的属性选择器[data-v-x]。这篇我们来讲讲vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。注：本文 ...

摘要：本文深入介绍了Nuxt.js框架中几个关键的生命周期钩子函数，包括app:redirected（SSR环境下重定向前触发）、app:beforeMount（CSR下应用挂载前）、app:mounted（CSR下Vue应用在浏览器挂载时）、app:suspense:resolve（CSR中Sus... ...

‍ 写在开头 点赞 + 收藏 学会 一，安装 npm i swiper 二，使用 swiper/vue 导出 2 个组件：Swiper 和 SwiperSlide <template> <swiper :slides-per-view="3" :space-between="50 ...

将这行代码改成这个值即可。 1.排查过程，搜索 “字段注入” ，一步步找到 FieldInjection.js 这个类 2.阅读FieldInjection.js这个类的代码，猜想值被清空，是由于设置成空了，于是在下面的方法上加上断点 3.一步步调试进去，找到值突然变空的那一行代码 4.通过直接在b ...

‍ 写在开头 点赞 + 收藏 学会 关于大屏视频监控有三种解决方案： 1.海康威视 优点：实时性强。多画面运行流畅，缺点：会覆盖在DOM最上方无法选中可能会导致样式挤压变形等样式问题 2.[flv视频流]+[nodeServer] 优点：可配置性强 缺点：服务端大流量稳定性不确定 ...

50行代码 实现Redux 核心功能 Redux 帮助你管理“全局”状态 - 那些应用程序的许多部分都需要的状态 redux的核心就是对数据状态进行管理，创建一个数据仓库 官方文档：https://www.reduxjs.cn/ Redux顺序分四大步： 初始化 订阅 发布 执行匹配和更新 <!DO ...

摘要：本文是关于Nuxt3的系列文章之一，主要探讨Nuxt3的生命周期和钩子函数，引导读者深入了解其在前端开发中的应用。文章提供了往期相关文章链接，涉及Nuxt中间件、Composables、状态管理、路由系统、组件开发等多个方面，帮助读者全面掌握Nuxt3框架的特性和实践技巧。 ...

‍ 写在开头 点赞 + 收藏 学会 如题，惯性思路很简单，就是直接撸上一个空内容的html。 注：以下都是在现代浏览器中执行，主要为**Chrome 版本 120.0.6099.217（正式版本） （64 位）和Firefox123.0.1 (64 位) ** <!DOCTYPE ...

本文概述了Nuxt 3框架的升级特点，对比Nuxt 2，详细解析中间件应用、配置策略与实战示例，涵盖功能、错误管理、优化技巧，并探讨与Nuxt 3核心组件集成方法，给出最佳实践和问题解决方案，强调利用Vue 3和Serverless Functions提升中间件效能。 ...

前言 v-bind指令想必大家都不陌生，并且都知道他支持各种写法，比如<div v-bind:title="title">、<div :title="title">、<div :title>(vue3.4中引入的新的写法)。这三种写法的作用都是一样的，将title变量绑定到div标签的title属性 ...

RFC规范并没有指明HTTP协议的GET方法是否不能携带body数据，但是对于浏览器环境下的XHR和fetch API的规范来说，它们的规范限制了它们不能在GET中携带body，而postman或apifox等接口测试工具则由于不遵循这些规范而可以携带body。 ...