难点 常见vue3 vue
vue2学习按钮点击（转载）
Vue2学习笔记:v-on Vue的事件： v-on: click/mouseover/mouseover/mousedown/dbclick/... 下面是点击事件介绍： 1.点击事件 <!DOCTYPE html> <html> <head> <title></title> <meta char ......
Vue-Cli脚手架
1.搭建Vue-Cli脚手架 1.1.安装npm NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写 ......
vue-element-admin-master 代码解释 带注释——main.js
// 引入vue import Vue from 'vue' // 映入js-cookie // 是用来操作cookie 后端返回的token就存储在cookie中 import Cookies from 'js-cookie' // 引入重置样式 import 'normalize.css/nor ......
vite+vue3 打包后页面空白现象
使用vite打包之后运行index.html空白，打开控制台发现报错: 解决方法： 在vite.config中加入: publicPath: './', 这是vite.config中的结构: export default defineConfig({ publicPath: './', lintOn ......
vue3横向时间轴展示
架子是用的vue3+element Plus， 要用到时间轴展示，但element组件只有竖着的，想要横着的，找了一圈没有合适的，终于找到个合适的，文章原址 https://blog.csdn.net/m0_62949703/article/details/127800712 数据结构： { dat ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......
Transfomer的常见结构
在深度学习领域，Transformer模型已经成为了当今的热点，特别是在自然语言处理（NLP）和计算机视觉（CV）领域。它的核心思想——自注意力机制，为处理序列数据提供了全新的视角。 一、Transformer的核心理念 Transformer模型主要由Encoder和Decoder两部分组成。在N ......
# vue 预览 pdf、word、excel
vue 预览 pdf、word、excel 这是之前做项目的时候涉及到的一个功能，当时做了之后就一直没有整理，其实也很简单，功能不多，只是预览，没有在线编辑的功能，所以呢，啊哈哈哈哈哈，一个插件就可以了。 预览 pdf 预览 pdf 我是用的这个插件，直接运行一下命令就可以了： npm instal ......
vue+go实现注册功能
<!DOCTYPE html><html><head> <meta charset="utf8"> <style> .container { width: 400px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-rad ......
性能测试常见指标
性能测试常见指标：1. 响应时间：指用户从客户端发起一个请求开始，到客户端收到从服务器端返回的结果 ，整个过程所耗费的时间 3.并发数：某一时刻同时向服务器发送请求的用户数 2.吞吐量：指的是单位时间内处理的客户端请求数量，直接体现软件系统的性能承载能力(1）tps: 每秒事务数(tps): 每秒事 ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
vue3 elementplus 表格表头过长 三个点显示
vue3:const renderHeaderMethods = ({ column }) => { return createVNode( resolveComponent('el-tooltip'), { effect: 'dark', content: column.label, placem ......
nginx部署vue编译项目刷新页面404
原因：nginx配置错误。 因为vue打包输出的是单页网页应用，只有一个index.html入口，其他路径是由前端路由去跳转的，服务器目录下没有对应物理路径，所以就会报404。 这样的nginx配置会出现该问题。 location / { alias /home/vue/dist/; index i ......
vue3学习之Pinia状态管理
状态管理 src/views/Pinia.vue <script setup> import { ref } from "vue"; import { storeToRefs } from "pinia"; import { useCounterStore } from "../stores/cou ......
常见verilog与电路的匹配
1、D触发器 module rtl( input clk, input rst_n, input d, output reg q ); always@(posedge clk or negedge rst_n)begin if(!rst_n) q <= 'b0; else q <= d; end e ......
vue3学习之逻辑复用
逻辑复用-组合式函数 src/views/ad/User.vue <script setup> import { useMouse } from "../../js/mouse.js"; import { useFetch } from "../../js/fetch.js"; import { r ......
vue3学习基础之组件
组件 Comp.vue <script setup> import { ref, provide, readonly, defineAsyncComponent } from "vue"; import DemoComp from "../../components/simple/DemoComp. ......
vue3学习基础之响应式状态
响应式状态 <script setup> import { ref, reactive, computed, watch, watchEffect } from "vue"; //reactive 响应式对象 只能用于对象、数组和集合类型 const author = reactive({ name ......
vue3学习基础之事件绑定
事件绑定 <script setup> import { nextTick, ref } from "vue"; function clickA() { console.log("点击了a标签，点击事件传递到了外层p标签"); } function clickStop() { console.log ......
vue3学习基础之表单相关
表单相关 <script setup> import { ref } from "vue"; const message = ref("hello"); const checked = ref(); const checkedNames = ref([]); const picked = ref() ......
vue3学习基础之vue-router
我的vue3学习之路总是学学停停，最开始在18年开发微信小程序，就发现小程序和vue的语法有些相似，然后就去看了vue2的文档，随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3，有了组合式api，语法简明很多，然后又不知道忙什么丢下。。。 前段有些空时间，就把vue3的学习整理下，使用vi ......
【源码系列#04】Vue3侦听器原理（Watch）
本章目标：侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的？回调时机immediate是如何实现的？关于onCleanup，一个用于注册副作用清理的回调函数是如何实现的？ ......
【Vue】依赖追踪
在明白原理之前，我们有很多表面现象、使用场景需要记忆。明白了原理后，你会发现它们已经不需要记了，因为从原理出发，你自己都能把它们推导出来，一切是那么的自然而然。感觉就是：这还用记吗？很明显嘛！ 之前我对vue的响应式原理，只是一知半解，导致开发中经常会出现疑问，比如：为什么有的数据它不响应？模板中用 ......
VUE3 + Three.js 坑
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时，页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr ......
lottie 动画在 vue 中的使用
前言 最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常认真 ......
vue 浅解
Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 vue有自己的语法， ......
以下是几种常见的PacBio长读纠错算法分类
PacBio长读纠错算法可以根据不同的方法和策略进行分类。根据已有研究文献的描述，以下是几种常见的PacBio长读纠错算法分类： 1. 基于短读段的纠错算法：这类算法将同物种的短读段比对到长读段上，并利用能够比对上的、且错误率低的短读段来进行错误纠正[5]。 2. 基于短读段组装的纠错算法：这类算法 ......
PTFE、FEP、PFA三种常见氟塑料材质的区别
PTFE，即聚四氟乙烯，俗称塑料王。由科学家 Roy J. Plunkett 于 1938 年发现，PTFE 是最不寻常的含氟聚合物，在温度、耐化学性和不粘性能方面表现出性能。 除了享有氟塑料的独特性能外，PTFE 还具有以下优势： ·价格：性能比高 ·+250°C 的连续工作温度 ·耐几乎所有化学 ......
常见的网页错误代码：404、405、500......解析
1、400 请求出错（服务器无法理解用户的请求）：可能输入格式有误，服务器无法理解我们想要表达什么 比如： ①有可能是前端请求时参数拼接有问题②有可能时前端传给后端的参数类型与后端接收的参数类型不匹配，比如前端传String，后端用Integer接收,③有可能是后端的实体类没有配置无参构造方法 2、 ......
XxlJob 常见的报错
XxlJob 启动日志报错： 报错一： ERROR c.x.job.core.util.XxlJobRemotingUtil - Connection refused: connect java.net.ConnectException: Connection refused: connect 解决 ......