教程npm vue

自写vue导航栏--动态读取js的数据

App.vue <template> <el-container class="layout-container-demo" style="height: 500px"> <el-aside width="200px"> <el-scrollbar> <!-- <el-menu :default-o ......
动态 数据 vue

AI绘画:Midjourney超详细教程Al表情包超简单制作,内附关键词和变现方式

大家好,本篇文章主要介绍AI绘画完成表情包的制作和变现方式分享。 你还不会AI表情包制作吗?下面我们详细的拆解制作过程。跟着这个教程做出一套属于自己的表情包。 核心工具Midjourney + PS,你就可以得到一套自己的专属表情包啦~ 整体制作过程 大概的制作过程如下: 如果你也是做动画风格的表情 ......
绘画 Midjourney 关键词 表情 关键

Vue学习二:指令补充、computed计算属性、watch侦听器、案例:水果购物车

一、指令修饰符 通过"."指明一些指令后缀,不同后缀封装了不同的处理操作 → 简化代码①按键修饰符@keyup.enter → 键盘回车监听②v-model修饰符v-model.trim →去除首尾空格v-model.number →转数字③事件修饰符@事件名.stop →阻止冒泡@事件名.prev ......
侦听器 指令 购物车 computed 属性

Module parse failed: Unexpected token (7:27) File was processed with these loaders: * ./node_modules/vue-loader/dist/templateLoader.js * ./node_modules/vue-loader/dist/index.js 问题的解决

问题描述 由于自身用的是vue3的版本,所以原来的element组件只是适用于vue2,而vue3就是即便按照教程的步骤进行更改,还是依然报错,所以, 我们在使用组件的时候,就需要直接使用element-plus组件; 然而,在我引入新的组件之后,就出现了这样的错误: 满屏的红色呀! 问题解决 经过 ......
node_modules vue-loader modules loader dist

vue-cli

1.安装node.js 下载链接:Node.js百度网盘链接 提取码:6666 安好后使用 cnpm -v查看版本是否成功 成功后直接安装vue脚手架 cnpm install -g vue-cli 安装webpack(打包) cnpm install webpack -g 2.创建项目 2.1 使 ......
vue-cli vue cli

ant design of vue 表格 默认,跨页勾选,翻页选择记忆勾选,数据回显勾选

需求 在使用ant design of vue 的table表格时需要让之前已选择的数据显示勾选状态,还要支持跨页勾选 思路 需要指定row-key绑定的值必须唯一 ant-design-vue的表格对于跨页勾选支持的非常友好,只要设置绑定一下rowKey就可以了,我这里绑定的是workerId 代 ......
表格 记忆 数据 design ant

快速初始化Vue3项目终端工具 x-init

https://github.com/zjy4fun/x-init 安装工具 npm install -g x-init 快速创建一个项目,只需`x projectName`即可快速创建项目,支持国内加速👀 x demo ......
终端 工具 项目 x-init Vue3

操作系统高级教程

关于访问控制,是CPU基于段实现的一种机制。而所谓的高低特权指令和数据,则是指高低特权的指令和数据。 高特权指令可以访问高特权和低特权数据,低特权指令仅可以访问低特权数据 注意以上仅仅是指令访问数据的规则,对于指令调用指令与之不同,无论是高特权还是低特权指令,均不能调用不同权限的指令。换句话说,相同 ......
教程 系统

K8s - 安装部署MongoDB数据库教程1(单实例)

来源: https://www.hangge.com/blog/cache/detail_3158.html MongoDB 是一个基于分布式文件存储的数据库。我之前文件中介绍如何使用官方提供的安装包进行 MongoDB 数据库的安装(点击查看),以及如何通过 Docker 来快速搭建 MongoD ......
实例 MongoDB 数据库 教程 数据

XMind2021免安装绿色便携版教程来了!

安装 直接解压从文末获取到的压缩包 打开解压的文件夹,找到XMind.exe,右键选择发送到->桌面快捷方式 回到桌面双击快捷方式,启动XMind2021 至此,你的XMind就安装解锁成了 获取 顶尖架构师栈 关键字 公号资源 XMind XMind全系列激活工具教程 C01 超10G后端学习面试 ......
绿色 教程 XMind 2021

树莓派 4B 开机红屏修复教程 All In One

树莓派 4B 开机红屏修复教程 All In One 恢复 EEPROM 的镜像后, 树莓派开机红屏, 红灯常亮,绿灯按4次一组闪烁 连接了 HDMI 显示器,则屏幕显示为红色,说明恢复失败了❌ 去除保护外壳,拔掉 mini-HDMI 数据线 吹一吹主板的两面,防止主板上粘有灰尘,影响电路 把用于恢... ......
树莓 教程 All One 4B

vue项目安装依赖

目录🥇如果是别人的项目(标注:别人移除了modules文件夹)🥇如果是自己的项目或者自己要另外下载依赖🥈安装生产依赖🥈安装开发依赖🥈安装特定版本🥇卸载依赖 🥇如果是别人的项目(标注:别人移除了modules文件夹) # 可以执行下面这条命令下载依赖 npm install # 或者输入 ......
项目 vue

vue中使用xlsx插件前端读取解析excel文件

问题描述 工作中一般都是后端去解析excel数据,前端使用上传组件去将excel组件丢给后端,后端使用一些插件去解析excel(比如hutool工具类) 不过有些情况下,前端也需要去做一些excel的解析,比如产品经理说,在上传excel文件之前,要做一个excel的图表化预览审核查看啥的,没问题的 ......
前端 插件 文件 excel xlsx

全局安装oh-my-zsh保姆教程

我的系统是CentOS 7.6,按流程走完后可以实现系统内所有用户都默认使用zsh且插件配置共享省去重复编写配置或软连接的烦恼 1 安装git yum -y install git 2 安装zsh yum -y install zsh 3 更改root的默认shell #查看当前可用shell列表 ......
全局 保姆 oh-my-zsh 教程 zsh

js 大屏屏幕适配方案,同样适用Vue

vue项目写在 index.html文件下 以1920*1080为基准的屏幕做适配,在网上找的方案在全屏于非全屏时,效果会有一点点差距,所以对代码进行了改进。 如果网页不是全屏则需要加上任务栏高度、工具栏高度进行计算缩进。 我的项目是数据大屏项目一般都是全屏看,所以非全屏时会存在滚动条,并不是bug ......
大屏 屏幕 方案 Vue js

Burp Unexpected_information插件二次开发教程

Unexpected_information 是什么? Unexpected_information是一款开源的Burp插件, 该插件的主要场景是用来辅助渗透测试工作,它可以自动的标记出请求包中的一些敏感信息、JS接口和一些特殊字段,防止我们在测试中疏忽了一些数据包,能发现平时渗透测试中忽略掉的一细 ......

Vue、element图片上传回显

需求:使用element的上传组件,上传图片,回显图片(可无实际上传:不调后台接口) ......
element 图片 Vue

如何在Vue3中配置国际化语言i18n

1. 安装 vue-i18n npm i vue-i18n -S 2. 创建一个i8n的配置文件 如:i18nConfig.js // 配置 vue-i18n 实现国际化语言设置 import { createI19n } from 'vue-i18n' import zh_cn from '../ ......
语言 国际 Vue3 i18n Vue

SpringBoot集成微信支付JSAPIV3保姆教程

前言 最近为一个公众号h5商城接入了微信支付功能,查找资料过程中踩了很多坑,以此文章记录一下和大家分享 前期准备 公众号认证 微信支付功能需要开通企业号并进行资质认证,费用一年300,且需企业营业执照等信息,对公账户打款验证 登录微信公众平台https://mp.weixin.qq.com/,创建服 ......
SpringBoot 保姆 JSAPIV3 教程 JSAPIV

关于vue的 scoped

前沿 关于在vite中使用 less | sass npm install less -D npm install sass -D 在style标签注明: <style lang="less"></style> <style lang="scss"></style> scoped scoped实现组 ......
scoped vue

创建vue3的项目和目录结构讲解

本节目标 了解Vue3 项目的结构 学习Vue3 项目的基本开发知识 Vue3 和 Vue2的开发区别 全局安装vue-cli npm i -g @vue/cli vue create vue3-json-schema-form 自定义vue3 配置 自定义配置: 选择 [自定义] ,通过方向键上下 ......
结构 目录 项目 vue3 vue

PyInstaller 打包 exe 的教程

下面是更详细的 PyInstaller 打包 exe 的教程,包括各个参数的使用说明: 步骤 1: 安装 PyInstaller 首先,确保你已经安装了 Python,并且能够通过命令行使用。然后,打开命令行,并执行以下命令来安装 PyInstaller: pip install pyinstall ......
PyInstaller 教程 exe

vue可以使用this.$set()来进行强制更新,进而解决问题

可以使用this.$set()来进行强制更新,进而解决问题 对象操作: 三个参数:this.$set("改变的对象","改变的对象属性","值") 数组操作: 三个参数:this.$set("数组","下标","值") ......
问题 this vue set

SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)

​ 1、基本概念 1.1、Spring Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开发框架,由Rod Johnson 在其著作Expert One-On-One J2EE Development and Design中阐述的部分理念和原型衍生而来。它是为了解 ......
SpringMVC 框架 MyBatis 教程 Spring

石器时代H5之恐龙宝贝游戏详细图文架设教程

想体验卡通风格的休闲挂机回合制游戏吗?想体验满级VIP的尊贵吗?想体验榜一大佬的无敌寂寞吗?各种极品炫酷时装、坐骑、翅膀、宠物通通给你,就在石器时代 H5 之恐龙宝贝! ......
石器时代 石器 恐龙 宝贝 图文

Vue3+Axios网络请求封装(转)

转自:原文链接:https://blog.csdn.net/weixin_43295498/article/details/130939488 代码说明 代码主要分为以下几个部分: import导入模块。在这个代码段中,我们导入了axios和element-plus两个模块,并对其进行了解构。 定义 ......
Axios 网络 Vue3 Vue

vue3 表头显示小图标

<!-- 排班信息 --> <el-table v-resize:44 :data="tableData" class="table" border style='margin: 10px 0px' highlight-current-row element-loading-text="数据正在加载 ......
表头 图标 vue3 vue

【源码】Vue.js 官方脚手架 create-vue 是怎么实现的?

最近系统学习了vue.js 的官方脚手架create-vue的源码,深入分析了里面的技术实现细节,本文是我整理的源码学习文章。 ......
脚手架 create-vue 源码 官方 create

vue 页面导出为pdf与word

vue 页面导出为pdf与word 一.导出为word 基于 docxtemplater 来导出word文档的方法 1.安装引用依赖 // 安装 docxtemplater npm install docxtemplater pizzip --save // 安装 jszip-utils npm i ......
页面 word vue pdf

超全面详细一条龙教程!从零搭建React项目全家桶(上篇)

超全面详细一条龙教程!从零搭建React项目全家桶(上篇) 兔子先生 ​关注他 101 人赞同了该文章 React是近几年来前端项目开发非常火的一个框架,其背景是Facebook团队的技术支持,市场占有率也很高。很多初学者纠结一开始是学react还是vue。个人觉得,有时间的话,最好两个都掌握一下。 ......
上篇 一条龙 全家 项目 教程