1. 安装 vue3-print-nb首先，确保你已经安装了 vue3-print-nb 包。你可以通过 npm 或 yarn 安装它：npm install vue3-print-nb或者yarn add vue3-print-nb2. 在 Vue 项目中导入并使用在 Vue 组件中，导入 vue3-print-nb，并在需要的地方使用它。import { defineComponent } f
1、引入vue3-clipboard或其他剪贴板操作库：为了简化剪贴板操作，我们可以使用vue3-clipboard这个库。首先，你需要安装它npm install vue3-clipboard或者使用yarn：yarn add vue3-clipboard2、在Vue3组件中创建一个复制按钮，并为其绑定点击事件：在你的Vue组件中，你可以创建一个按钮，用户点击这个按钮时会触发复制操作。3、在点击
最近团队整体切换了IDE，统一使用Cursor，公司给统一购买的账号，这里记录下Cursor的基本使用。1. 下载官网地址：www.cursor.com/打开官网地址后，点击页面中的“DOWNLOAD FOR MAC”按钮，进行下载。2. 安装1.下载完成后，点击在文件夹中打开，此时文件是一个327KB的zip包，需要双击解压，如下图：2. 双击 "Install Cursor" 应用程序，开始安
@Import注解是Spring框架中一个非常强大的工具，它允许你将普通类、组件类、ImportSelector实现类和ImportBeanDefinitionRegistrar实现类引入到容器中。通过@Import，你可以实现配置的模块化，使得代码更加清晰和易于维护。Spring集成很多框架时，就是通过@Import来实现的。本文中源码来自Spring 5.3.x分支，github源码地址：gi
前言为什么会写这篇文章，原因有二：最近看到 TB 上面这个教程竟然卖 19.9 元，卖了近百万。于是我做了一个违背xx的决定!!!还有一个原因是，最近这个 deepseek 之后，总是报 “服务器繁忙，请稍后再试。” 这种错误，非常影响我的心情。简单介绍本文主要使用两个应用，一个 Ollama，还有一个是 chatboxai。安装这两个应用，基本上就完成了80%的工作（虽然不到五分钟就可以完成整个
Vue 组合式函数功能强大，但如果不小心，它们可能会变得混乱且难以维护。本文介绍了 13 个技巧，帮助你编写更好、更易于维护的组合式函数。这些技巧适用于从简单的状态管理解决方案到复杂的共享逻辑的各种场景，能帮助你：避免导致代码混乱的常见陷阱编写更易于测试和维护的组合式函数创建更灵活、可复用的共享逻辑逐步从选项式 API 迁移到组合式 API以下是具体技巧：1. 避免多层组件间传递 props数据存
题目描述给定一个大小为 n 的数组 nums ，返回其中的多数元素。多数元素是指在数组中出现次数 大于 ⌊ n/2 ⌋ 的元素。你可以假设数组是非空的，并且给定的数组总是存在多数元素。算法思路摩尔投票法：利用多数元素的数量优势抵消其他元素的影响，最终剩余的元素即为多数元素。核心思想初始化：维护两个变量 candidate（候选元
引言 在 JavaScript 编程中，作用域是一个至关重要的概念，它决定了变量和函数的可访问范围。理解作用域的底层机制，有助于我们编写出更加高效、稳定的代码，避免出现一些难以调试的错误。本文将深入探讨 JavaScript 作用域的底层原理，结合具体的代码实例，从编译和执行的角度剖析作用域的工作机制。JavaScript 的执行机制与作用域基础从 var a = 1; 看执行机制 在 JavaS
两者基本比较把它们比作两种不同的"准备晚餐"方式：1. by lazy 原理想象成"点外卖"模式：先下单（声明），但不立即配送（初始化）第一次想吃的时候（首次访问）才开始配送（初始化）之后再想吃就直接吃已送到的饭（缓存值）class Restaurant { // 相当于提前下单，但还没配送 private val dinner by lazy { println(
1. 为什么要用分布式锁？分布式系统下，不同的服务/客户端通常运行在独立的 JVM 进程上。如果多个 JVM 进程共享同一份资源的话，使用本地锁就没办法实现资源的互斥访问了。于是，分布式锁 就诞生了分布式锁的特点：互斥：任意时刻，锁只能被一个线程持有高可用：锁服务本身是高可用的，一个节点出问题，能自动切换到另一个节点可重入：获取过锁的节点，可再次获取锁；超时机制：为了防止锁无法被释放的异常情况，需
Node.js 同时支持 ES 模块和 CJS 模块，但是每个文件的具体模块格式是由文件的扩展名以及在文件所在目录及其所有上级目录中找到的第一个 package.json 文件里的 type 字段决定的：.mjs 文件会被当作 ES 模块处理，.cjs 文件会被当作 CJS 模块处理。对于 .js 文件：如果它所在的目录或其上级目录中最近的 package.json 文件里有 type 字段，并且
引言在机器学习领域，数据是推动模型训练和优化的重要因素之一。TensorFlow Datasets（TFDS）是一个集合，包含了许多已准备好的数据集，可与TensorFlow以及其他Python机器学习框架（如Jax）一起使用。本文将带您深入了解如何利用TFDS轻松构建高性能的数据输入管道。主要内容什么是TensorFlow Datasets？TensorFlow Datasets 是一个提供多种
# 探索ByteDance的Lark Suite API：从安装到实战 ### 引言 随着现代企业对高效协作工具的需求日益增大，ByteDance推出的Lark Suite引起了广泛关注。这是一款专为企业设计的协作平台，集成了消息、日历、文档等功能。本篇文章我们将深入探讨如何通过API使用Lark Suite，以便开发者可以充分利用这一强大工具。 ### 主要内容 #### 获取访问令牌
记录一下最近的工作成果： WebSocket没有想象中复杂，在前端就是几行代码的事，web端、原生小程序、uniapp都实践并且上线使用了。F12-网络展示效果，消息前面是用户id,判断对话框内容pc端部分代码const ws = new WebSocket(`${api.URL.replace('http', 'ws')}/api/socket/qpb_connect?userid=${user
在前端开发的世界里，构建工具的效率直接决定了开发项目的体验好坏。而Vite，这款新兴的构建工具，凭借其超快的冷启动速度和高效的热模块替换（HMR），迅速俘获了众多开发者的心。最近，Vite 6 正式发布而且还在不断迭代，带来了超多让人眼前一亮的新特性！今天就来给大家详细扒一扒这些新功能，玩转一下Vite 6！?? Vite 6 的三大亮点1. 生态系统加速发展下载量暴涨：Vite 5发布后，每周的
下载地址：github.com/BluePointLi…软件上手很简单，就不多介绍了，稍微演示一下。修改菜单图标我们可以看到当前的菜单图标挺丑的，此时就可以给他们更换图标点击旁边的设置标志，就可以看到更换图标的选项，然后选择自己喜欢的图标进行更换更换完成，再看一下，是不是顺眼很多了新建文件我们会经常用到md文件，我每次创建文件，都是先创建txt文本文件，然后再改后缀名。此时就可以把这个操作添加到菜
前言在前面的文章中，我们介绍了如何使用 AnythingLLM 和 Ollama 搭建私有知识库。虽然这个组合已经具备了处理私有数据和文档的 AI 应用能力，但在实际应用中，我们通常还需要结合 Web 搜索能力，以便获取最新的信息并输出更加有效的结果。本文将详细介绍如何在 AnythingLLM 中启用 Web 搜索功能，并配置 Google Search Engine 和 DuckDuckGo
前言在开发微信小程序时，使用 textarea 组件可能会遇到一些棘手的问题。最近我在使用 uniapp 开发微信小程序时，就遇到了两个非常令人头疼的问题：层级穿透：由于 textarea 是原生组件，任何元素都无法遮盖住它。当其他元素与 textarea 重叠时，就会出现层级穿透的问题。特别是在弹窗中使用 textarea&n
项目介绍nova-admin —— 一个基于Vue3、Vite5、Typescript、Naive UI, 简洁干净后台管理模板。nova-admin 追求用简单的方式实现完整功能，无过度封装，方便二次开发。功能特性：最新技术栈：基于Vue3、Vite5、TypeScript、NaiveUI、Unocss等最新技术栈开发网络请求：提供完善的网络请求封装，提供统一的响应处理和多场景能力权限管理：完善
在Vue项目中，尤其是在使用组件化开发时，我们某些时候需要对组件内部的某些样式优化，但Vue的样式封装特性（scoped）会阻止外部样式直接作用于组件内部。为了应对这一挑战，Vue社区引入了深度选择器（也称为穿透选择器或阴影穿透选择器），让我们能够跨越组件的封装边界，对内部元素进行样式定制。深度选择器允许我们从父组件中穿透到子组件内部，直接修改子组件的样式。这在需要定制第三方UI库组件样式时尤为有
前言还记得几年前我去找前端工作的时候，那时候才初入职场，有一次去面试，然后被面试官问过一个面试题，Vue中Scoped的原理是什么？幸好当时八股文面试题背的很多，我当时就说是在选择器加了一个唯一的属性实现的，那时候很慌，就怕他继续追问，在追问就答不上了，因为当时的水平也只有三板斧，就靠硬背，对知识的理解也只停留在表面，现在经过几年的开发经验后，再次回看这个问题，会有不一样的理解。CSS常见模块化方
前言删呗，还能咋办。我来删我来删！?Ctrl + Shift + FAlt + R，使用正则表达式！?哼哼，正则表达式 console\.log\(.*?\) 输入！?狠狠按下 Enter！?然后全局替换，启动！?我就问你我删得快不快吧?我就问你我删得干净不干净吧?面试官：精彩?，真是一场酣畅淋漓的我问你答呀，回去等通知吧?我：？过奖了捏?面试官：我就问你我感谢信发得快不快吧?我：我就问你...我
前言通过最近的面试我发现，很多同行小伙伴做了几年的开发竟然连基本的设计模式都不知道，甚至可能连什么是设计模式都说的有点模棱两可。如果作为几年经验的中高级前端这其实是不应该的，因此才想写一篇文章说明什么是设计模式？？设计模式有哪些分类？？然后举例？？好了废话不多说，下面让我们直入主题。什么是前端设计模式用大白话说前端的设计模式，其实就是一种可以在多处地方重复使用的代码设计方案， 只是不同的设计模式所
前言本篇文章主要讲解如何配置 Vite长文警告！本篇文章约5千字，满满都是干货，看完你应该会有所收获本文也是《通俗易懂的中后台系统建设指南》系列的第三篇文章，该系列旨在告诉你如何来构建一个优秀的中后台管理系统写在前面如官网所说，Vite 是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功
在前端开发中，权限控制是一个重要的功能，确保不同用户根据其权限访问不同的资源或功能。本文将介绍如何通过接口权限、路由权限和按钮权限控制来实现前端的完整权限体系。1. 接口权限控制接口权限控制通常通过 JWT（JSON Web Token）实现。后端通过 JWT 插件生成 token，前端将 token 存储，并在每次请求时通过 Authorization 字段发送给后端进行验证。实现步骤：前端处理
生命周期函数指在某一个时刻组件会自动调用执行的函数生命周期图详解lnitialization 初始化过程 props stateMounting 挂载 .1 componentWillMount(){} 在组件即将被挂载到页面的时刻自动执行 .2 render(){} 页面挂载 .3 componentDidMount() {} 在组件挂载到页面之后自动被执行Updation 更新 props
微服务网关 Spring Cloud Gatewaydocs.spring.io/spring-clou…Spring Cloud 在版本 2020.0.0 开始，去除了 Zuul 网关的使用，改用 Spring Cloud Gateway 作为网关。Spring Cloud Gateway 基于 Spring WebFlux 框架实现，相对于 Zuul 来说，性能更高。Spring Cloud
前言之前使用vue3都是在公司的基建项目中，为了快速达到目的，把以前vue2的模板拿来简单改改就直接用了，所以项目中用法特别乱，比如：状态管理依旧用的vuex，各种类型定义全是any，有些代码是选项式API，有些代码是组合式API...最近终于有时间推动一下业务项目使用vue3了。作为极简主义的我，始终奉行少即是多，既然是新场景，一切从新，从头开始写模版：使用最新的vue3版本v3.5.x。所有使
前言秋招已经差不多开始了，小编我呀前段时间也是陆陆续续的面了许多家的中小公司，投了许多简历今天也是终于约到了一份大厂小米的前端实习面试，这不刚面完就来记录下这次的的面试经历。一、自我介绍面试刚开始也是和正常的公司一样，面试官让你简单的做个自我介绍，于是我就框框框的对着面试官一顿输出，相信正在秋招的友友们也已经说过n遍了，已经烂熟于心了吧。这里我就不在叙述了。二、手写promise自我介绍完后，面试
WebSocket简介WebSocket是一种在客户端和服务器之间实现双向通信的网络协议。它通过在单个TCP连接上提供全双工通信功能，使得服务器可以主动向客户端推送数据，而不需要客户端发起请求。WebSocket与HTTP的区别与传统的HTTP协议相比，WebSocket具有以下几个显著的区别：双向通信：WebSocket支持客户端和服务器之间的实时双向通信，而HTTP协议是单向请求-响应模式。低
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
