教程npm vue

vue3.0项目搭建

一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......
项目 vue3 vue

Windows部署frp内网穿透教程

家庭网络是没有分配公网IP的,无法通过互联网直连。想要内网设备也能通过公网访问,将流量从公网穿透到内网就得内网穿透了. 内网穿透的核心思想就是“映射”和“转发”,把内网设备的端口映射到公网设备的端口上,来进行流量转发。 简单地画一下示意图如上,基础设施由两个核心设备组成: 服务端:拥有公网IP的设备 ......
Windows 教程 frp

Vue入门

一、vue 官网:https://cn.vuejs.org/index.html 1.1Vue的简单概述 1.1.1、介绍: Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目 ......
Vue

Go语言编程教程4-枚举

课程要点 了解Golang中的枚举 自定义枚举值 跳过某个枚举值 枚举的常用惯例 了解fmt.Stringer接口 Golang中的枚举 在Golang中并没有像其他语言一样,拥有类似于enum的常规枚举类型,而是通过使用一组常量来实现类似枚举的功能。 如下所示,我们定义了三个常量来表示状态语义的枚 ......
语言编程 语言 教程

Go语言编程教程1-开发环境搭建

课程要点 了解云开发环境 下载安装Golang 配置Golang常用环境变量 安装Golang开发相关的IDE 云开发环境 如果你想要快速参与开发与学习,可以直接使用云开发环境, 而不用手动进行本章节后续的配置。 以下是常见的云开发环境,直接点击对应图标就可以在对应的云开发环境中打开本项目的示例代码 ......
语言编程 语言 环境 教程

Go语言编程教程3-变量与常量

课程要点 了解Golang中的变量的使用 了解Golang中的常量的使用 了解变量和常量的可访问性 变量 定义变量 Golang是一门十分简约的语言,它的变量定义与其他主流语言有一定的相似之处,但是却没有像其他语言一样拥有很多可选的修饰符。 在Golang的变量定义中,我们只会用到var这一个修饰符 ......
语言编程 常量 变量 语言 教程

Go语言编程教程2-Hello World

课程要点 创建并编译运行第一个Golang程序 了解Go Module包管理系统 使用fmt.Println与println函数分别打印hello world,并了解它们的异同 了解fmt.Printf格式化输出 将Golang代码编译为汇编代码 对Golang二进制文件进行反汇编 了解交叉编译 课 ......
语言编程 语言 教程 Hello World

vue3常见问题

异步组件内插槽无法获取组件实例 app.component( cName, defineAsyncComponent(async () => { this.registryNumber++; await setComponentOptions(component); return new Promi ......
常见问题 常见 问题 vue3 vue

vue升序降序按钮功能实现

需求:默认升序,悬浮按钮变色,点击按钮下标跟随变化。 html <div class="right" @click="change(item,index)" v-for="(item, index) in btnList" :key="index">{{item.lable}} <div class ......
升序 按钮 功能 vue

2023-12-14 npm和yarn无法拉取依赖,cnpm可以 ==》切换镜像源

这两天遇到个问题,是关于依赖无法拉取的问题,尽管我有三分猜到了是什么原因,但我还是不肯往那个方向思考,哎,真是死牛一便颈。 如,我要给前端项目装个express框架,用npm装,装了大半天一点反应都没有,用yarn装就直接报网络无法连接,如图: 用cnpm装就没问题,秒过。 注意:我的电脑是能正常上 ......
镜像 2023 cnpm yarn npm

vue + Echarts项目中引用水波图效果

1、下载插件 npm install echarts --save npm install echarts-liquidfill --save 2、在main.js中引入 import * as echarts from 'echarts'; import 'echarts-liquidfill' ......
效果 Echarts 项目 vue

Vue2 校验不通过的表单,赋正确的值后,再次校验结果不变

前言 在工作中遇到了这个问题,多次排查,耗费了不少时间才解决这个问题。问题的解决很简单,但发现根本原因还是有点困难,因此在此做个记录,以防忘记。 问题发现步骤 例如有以下 Ant Design Vue 表单 <a-form-model ref="formRef" :model="model"> <a ......
表单 再次 结果 Vue2 Vue

Vue 图片上传formdata()传参形式

1. 接口需要设置 headers: { 'Content-Type': 'multipart/form-data' }, from-data流的形式传参 2. js html: // 文件上传<div class="file"> <el-button type="primary" style="w ......
formdata 形式 图片 Vue

npm publish 一直不成功

最近(2023-12-14)想要发布npm结果发现始终都报错。本来以为是办公室的环境配置问题,谁知道连公司班的电脑也不行(之前一直都是正常的),那这肯定就不是环境的问题了。 其实反馈的log也指向了是网络的问题,proxy的问题,但是我一直在想从system的proxy去设置。最后发现是不起作用的。 ......
publish npm

vue2 中 el-table 实现树形列表,支持增删改等操作

需求场景:el-table构造一个树形列表,支持新增节点,删除,修改等操作。 实现效果 思路 一般的el-table 增删改,我们都很熟悉;关键在于实现一个纯前端的树形列表,最终再调接口存列表数据。 树形el-table,需要设置 row-key,一般为 id,所以每新增一条数据,都必须有id。需要 ......
树形 el-table table vue2 vue

Chat2DB接入文心一言AI教程(原创教程,转载请注明)

引言 关于Chat2DB和文心一言是啥我就不赘述了,由于Chat2DB自带的ai有调用次数限制,所以想着接入百度的文心AI,但是由于网上没有找到相关的教程,此教程是本人研究了很久才弄出来的,顺便记录一下备忘,也希望对有同样需求有所帮助。 一、注册并实名认证百度智能云账号 百度智能云地址:点击前往百度 ......
教程 文心 Chat2DB Chat2 Chat

Docker安装Kafka安装zookeeper教程(超详细)

1 Docker安装Kafka安装zookeeper教程(超详细) 2 app-tier:网络名称 3 -driver:网络类型为bridge 4 1.docker network create app-tier --driver bridge 5 6 1、安装zookeeper 7 Kafka依赖 ......
zookeeper 教程 Docker Kafka

Linux 部署1Panel现代化运维管理面板教程并且实现远程访问(运维福音!!)

1Panel 是一个现代化、开源的 Linux 服务器运维管理面板。高效管理,通过 Web 端轻松管理 Linux 服务器,包括主机监控、文件管理、数据库管理、容器管理等 下面我们介绍在Linux 本地安装1Panel 并结合cpolar 内网穿透工具实现远程访问1Panel 管理界面 1. Lin ......
福音 面板 教程 1Panel Linux

vue路由切换时内容组件的滚动条回到顶部

vue路由切换时内容组件的滚动条回到顶部:https://blog.csdn.net/Macao7_W/article/details/125517519?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221702523730168001 ......
路由 组件 顶部 内容 vue

WebPlotDigitizer使用教程

导入图片 File-load Image 确定x/y轴 标记x轴第1、2个点;标记y轴第1、2个点;可选是否log scale. 可根据右上角放大图通过键盘微调。 选取数据 Foreground Color - pick 图中所取数据颜色-run Pen - 在上面的基础上画出要取的数据部分,被pe ......
WebPlotDigitizer 教程

Rong晔大佬教程学习(5):ALU单元设计

之前我们提到,alu一共有两个输入,通过前几章的指令部分,我们可以发现有以下四种情况: 注意:虽然上面有四种情况,但由于本项目的U型指令只实现了lui,也就是立即数左移12位,所以把这一类归为寄存器和立即数,而不是第四种立即数和pc,这个是auipc指令实现的功能。所以下面代码中一共只有三种情况。 ......
单元 教程 Rong ALU

vue中echarts图表(二)---折柱混合

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
图表 echarts vue

Vue2添加路由后界面变成空白

在vue2中,每当我添加路由选项的时候,vscode并不会报错,运行后连原本的东西都不见了 也尝试了一下网上搜索的方案,如加上history等等 经过一番摸索发现是导入router的语句导入到了最新版本的router,最新版本的router是匹配的vue3,导致页面一片空白 解决方法就将原来的rou ......
路由 空白 界面 Vue2 Vue

cesium.js入门基础教程三 (地形)

地形简介 Cesium默认是不包含地形的,准确的说应该是Cesium默认加载的地形是没有起伏效果的,如下图所示,在包含山脉的地区是看不到地形起伏的: 默认使用的地形为 "WGS84 Ellipsoid": 地形提供者 TerrainProvider 与影像类似,在Cesium中包含了一些地形提供者T ......
地形 基础 教程 cesium js

Rong晔大佬教程学习(4):寄存器堆和立即数扩展

在第一节的设计结构图中,我们可以看到,ctrl.v模块译码后,就可以得到我们实际运算所需要的数据,有两种:1.寄存器值,通过译码后得到的地址在寄存器堆中读出;2.立即数值,在译码后进行扩展得到的完整的立即数值。 首先来看寄存器堆,一共有32个寄存器: 接口名称表示每个寄存器的功能,本章暂不涉及。特别 ......
寄存器 教程 Rong

vue中echarts图表---正负轴柱状图

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
正负 图表 echarts vue

npm 安装是一直卡在idealTree:npm:sill idealTree buildDeps无反应

最近npm install下载依赖出现一直卡在idealTree:npm:sill idealTree buildDeps,最后出现request to https://registry.npmjs.org/simple-zustand-devtools failed, reason: connec ......
idealTree npm buildDeps sill

vue项目 npm install 安装依赖 特别慢 解决办法

vue项目 npm install 安装依赖 特别慢 解决办法使用NPM(Node.js包管理工具)安装依赖时速度特别慢,为了安装Express,执行命令后两个多小时都没安装成功,最后只能取消安装,笔者20M带宽,应该不是我网络的原因,后来在网上找了好久才找到一种最佳解决办法, 在安装时可以手动指定 ......
install 办法 项目 vue npm

CentOS 8.1成功安装最新Node.js 20教程(含用到的全部命令和截图演示)

yum换镜像和源 CentOS 已经停止维护的问题。2020 年 12 月 8 号,CentOS 官方宣布了停止维护 CentOS Linux 的计划,并推出了 CentOS Stream 项目,CentOS Linux 8 作为 RHEL 8 的复刻版本,生命周期缩短,于 2021 年 12 月 ......
截图 命令 教程 CentOS Node

vue过滤器

使用场景:加工属性,对属性做一些类似格式化的操作但不会改变该属性;看起来跟computed类似,后面总结两者区别 使用地方:可以放在{{}}插值中使用,也可以在v-bind表达式中使用(vue2.1.0+支持) 注意事项:过滤器中this不能获取vue实例 全局过滤器: //main.js Vue. ......
过滤器 vue