教程npm vue
VMware 虚拟机系统的添加详细教程
一、虚拟机使用界面 如图1所示。VMware workstation 17软件界面，软件操作这里不做过多的介绍，请参考VMware官网说明书。 二、虚拟机系统添加 打开虚拟机软件后，点打开虚拟机，在步骤2中找到你下载好的虚拟机系统文件路径，打开系统虚拟机系统，如图2所示。 编辑虚拟机系统的内存，步骤 ......
yarn和npm对比
Yarn和npm都是JavaScript的包管理工具，由不同的公司开发和维护。它们之间有一些相似之处，但也存在一些显著的区别。 在功能上，npm 和 Yarn 有许多共同的特性，如安装依赖、全局安装等。然而，它们在处理依赖关系的方式上存在差异。对于 npm 和 yarn ，它们将为每个项目的 nod ......
Typora的图片上传教程
Typora的图片上传教程 图片上传准备 1.图床开源工具使用 自行上传图片是很麻烦的，所以借用一个开源图床工具PicGo来使用作为图片上传工具 ......
eBPF（Linux内核安全方案）教程1简介
1 eBPF简介 eBPF（extended Berkeley Packet Filter）是一种革命性的内核技术，它允许开发人员编写可动态加载到内核中的自定义代码，从而改变内核的运行方式。(如果你对内核还不太了解，不用担心，本章很快就会讲到）。 这使得新一代高性能网络、可观察性和安全工具成为可能。 ......
vue锚点跳转
直接上答案 // 获取dom元素 const ele = this.$refs['refName']; // 获取元素距视窗的高度 const top1 = ele ? ele.getBoundingClientRect().top : 0; // 如果ref是在v-for中定义的，需如下获取 co ......
vue自定义样式
在项目中常常遇到一些页面由后台定制样式呈现，这就需要在页面中动态绑定style，如若定制样式里包含了伪类、媒体查询、hover效果能样式，寻常的v-bind:style内联样式可能就无法满足需求，这里就记录了一个解决办法。 那么该如何操作呢，简单举个栗子： 首先，我们在需要定制的样式元素上定义一个c ......
vue移动鼠标画矩形（抄别人的，下附原文地址）
1、draw.js /** * 画布中绘制矩形 * 参数: cav-画布对象 list-矩形数组 i-选中矩形下标 **/ /* 操作执行方法分发 */ export function draw(cav, list, i) { // 画布初始化 let ctx = cav.getContext('2 ......
Adobe2024全家桶大更新， 包含Win/Mac M1 M2 ，安装教程分享
按照以往的惯例每年的10月份下旬将会迎来Adobe一年一度的软件大更新，大家期待已久的 Adobe 2024 全家桶终于来了，这次可以说是不痛不痒的大更新，喜欢尝鲜的小伙伴赶紧安排上！ Adobe 2024 全套更新 最新Adobe2024全集桶，拥有更强大的内容，更完善的功能，更全面的软件，给你带 ......
Vue学习笔记（十一）：路由管理
1 Vue路由基本使用¶ 1.1 安装¶ Vue中默认并不提供路由功能，需要安装其插件Vue-router，如下所示，其中“@3”表示安装版本3 npm i vue-router@3 1.2 创建路由¶ 在src目录下创建路由文件目录，目录名为“router”，并在该目录下创建“index.js”文 ......
[Vue]模板语法和MVVM
模板语法分为： ①插值语法、②指令语法 插值语法 {{ xxx }} 指令语法 v-bind:attr='xxx' 注意 v-bind: 只是一种指令，指令可以有很多种。 v-bind: 可以简写为 : <body> <div id="root"> <h1>插值语法</h1> <h3>{{ name ......
MCGS 昆仑通态触摸屏开机进度条、延时启动主画面设置教程
步骤1新建一个窗口设置为启动窗口； 步骤2在启动窗口界面添加百分比填充构件； 步骤3拖动放置后双击构件设置参数； 步骤4双击空白处打开窗口编辑脚本； 设置完成后就可以开机显示3秒进度条然后切换至主界面 ......
vue @click.native/stop/prevent
1.@click.native 父组件要引用子组件中的点击事件，可以通过@click.native来直接访问子组件中的方法，如果不使用@click.native可在子组件中使用this.$emit('click')来传递事件 // 父组件 <template> <div> <span>父组件页面</ ......
Vue实现文件上传(单文件、多文件、分片上传)
前端使用UI封装好的upload组件 1.单文件上传 <a-upload :disabled="!editpersonflag" name="avatar" listType="picture-card" class="avatar-uploader" :showUploadList="false" ......
PostgreSQL 教程
本 PostgreSQL 教程可帮助您快速了解 PostgreSQL。您将通过许多实际示例快速掌握 PostgreSQL，并将这些知识应用于使用 PostgreSQL 开发应用程序。 如果你是 … 寻求快速学习 PostgreSQL。 使用 PostgreSQL 作为后端数据库管理系统开发应用程序。 ......
npm i 安装的依赖项目,运行正常,换成pnpm i安装的依赖运行报错
报错信息大概如下 Failed to compile with 15 errors 00:47:21These dependencies were not found: * codemirror/addon/dialog/dialog.css in ./node_modules/.pnpm/cach ......
手撕Vue-数据驱动界面改变下
经过上一篇的介绍，已经实现了观察者模式的基本内容，接下来要完成的就是将上一篇的发布订阅模式运用到 Nue 中，实现数据驱动界面改变。 在监听数据变化的章节当中，根据指定的区域和数据去编译渲染界面 这个步骤处，我写了一个注释，这个注释是这样的：第一步：给外界传入的所有数据都添加get/set方法，第二 ......
Vue源码学习(十一):计算属性computed初步学习
好家伙， 1.Computed实现原理 if (opts.computed) { initComputed(vm,opts.computed); } function initComputed(vm, computed) { // 存放计算属性的watcher const watchers = vm ......
开源项目 | 一款基于NodeJs+Vue3的强大的在线设计图片工具
采用 Vue3+Vite2+Vuex+ElementPlus 技术实现的在线海报图片设计工具，可用于生成电商分享图、文章长图、视频/公众号封面等。 ......
NUC双系统安装详细教程
硬件 NUC8i5BEH 读卡器硬改白苹果拆机Wi-Fi蓝牙二合一卡（一般的改装方式会占用m.2接口这种改装方式可以省一个m.2接口） 完善情况 DP/HDMI 4K 60hz 视频输出+音频输出（可双屏 4K 60hz） 全部 USB3 / USB2 接口 雷电3（支持 DP 1.2、USB 3. ......
vue3中setup
和vue2不同的是vue3中的script中带有setup标签 里面的setup相当于vue2中的data和methds空间可以放置函数，也可以执行函数 在写时需要有return返回值 <script setup> </script> setup执行发生在页面之前所以不能使用this函数，一般通过r ......
手撕Vue-数据驱动界面改变上
经过上一篇的介绍，已经实现了监听数据的变化，接下来就是要实现数据变化后，界面也跟着变化，这就是数据驱动界面改变。 想要实现数据变化之后更新UI界面，我们可以使用发布订阅模式来实现，先定义一个观察者类, 再定义一个发布订阅类, 然后再通过发布订阅的类来管理观察者类。 接下来我们就来实现这个代码。 定义 ......
IntelliJ IDEA 2023.2.3 最新版安装激活教程
1.下载安装IntelliJ IDEA 建议大家直接在官网下载最新版本，登陆官网，我下载的是的2023.2.3，2023最新版本以及2021版本以上的版本都支持。 一步一步确定安装，然后打开 这里提示输入激活码，先关闭应用！！！ 2.下载激活工具 打开下载好的工具 windows的样子 打开scri ......
ORBSLAM3 安装及测试教程（Ubuntu20.04）
1. 准备工作 1.1 安装依赖 sudo apt install git cmake gcc g++ mlocate 1.2 下载 ORBSLAM3 源码 可以去 Github 下载源码：https://github.com/UZ-SLAMLab/ORB_SLAM3 或者终端内下载：git clo ......
手撕Vue-监听数据变化
经过上一篇的介绍，已经实现了将模板编译成具体数据，接下来要介绍的是如何监听数据的变化，本章主要完成这个需求即可。 在我们文章的开始，我写了一个 Vue 双向数据绑定原理的文章当中封装了一个 Observer 类，这个类的作用就是监听数据的变化，当数据发生变化的时候，会通知订阅者，订阅者会去更新视图。 ......
手撕Vue-编译模板数据
经上一篇编译指令数据后，我们已经可以将指令数据编译成具体需要展示的数据了，上一篇只是编译了指令数据，还没有编译模板数据，这一篇我们就来编译模板数据。 也就是 {{}} 这种模板的形式我们该如何编译，其实和指令数据编译的思路是一样的，废话不多说，直接上代码。 改造一下 buildText 方法，让它支 ......
手撕Vue-编译指令数据
经过上一篇的分析，完成了查找指令和模板的功能，接下来就是编译指令的数据了。 所以本章节主要处理的方法则是 buildElement 方法，我们先分析一下我们所拿到的数据在进行编码，这样会更加清晰一些。 我将 name, value 打印出来，分别对应的值是 name: v-model, value: ......
微软带你玩转 Linux —— 发布《如何下载和安装 Linux》教程
微软近日在技术文档中心上架了一份名为《如何下载和安装 Linux》的教程指南，介绍了 4 种安装 Linux 的方案，包括：WSL、裸机安装、本地虚拟机安装和云端虚拟机安装。 这份教程重点介绍了用户在 PC 上下载和安装 Linux 发行版的必要步骤，包括选择合适的 Linux 发行版本，推荐首选的 ......
vue学习六
<div id="app6"> <div v-for="item in list">{{ item }}</div> </div> <script> const app6=new Vue({ el:'#app6', data:{ list:["1","2","3","4","5"] } }) </s ......