截图 部分vue3 vue

搭建前端Vue框架的步骤,包括TypeScript、ESLint、Prettier和Vite的配置

搭建前端Vue框架需要以下步骤: 1. 安装Node.js和npm 2. 创建一个新的Vue项目 ``` vue create my-project ``` 3. 安装TypeScript ``` npm install --save-dev typescript ``` 4. 配置TypeScri ......
前端 TypeScript 框架 Prettier 步骤

鼠标任意拖动元素排列顺序(vue)

参考地址:https://codesandbox.io/s/condescending-butterfly-enjqpr?file=/src/App.vue <template> <div> <transition-group name="drag" class="list" tag="ul"> < ......
顺序 元素 鼠标 vue

vue-颜色选择器(vColorPicker)

// 安装插件 // 官网:http://vue-color-picker.rxshc.com/ npm install vcolorpicker -S // main.js 中全局引入 import vcolorpicker from 'vcolorpicker' Vue.use(vcolorpi ......
vColorPicker 颜色 vue

vue3中使用provide/inject

父组件 <template> <hello-world/> <button @click="changeMessage">按钮</button> </template> <script setup lang="ts"> import HelloWorld from "./components/Hel ......
provide inject vue3 vue

Vue Components Testing All In One

Vue Components Testing All In One TDD / 测试驱动开发 ......
Components Testing Vue All One

04.使用 github actions+docker 自动部署前后端分离项目 zhontai (.net core+vue)

本文将分享使用 GitHub Actions 完成对一个.Net Core+Vue 的前后端分离项目 zhontai 的构建,并使用 docker 部署到云服务器(阿里云),及对docker部署.Net Core+Vue的一些经验分享。 ......
actions zhontai 项目 github docker

vue3项目实战+element-plus

记录自己搭建前端项目的学习过程和开发过程,希望一起学习进步 采用Vue3+element-plus+axios+vue-router+sass……(目前刚开始是用到了这些,随着开发慢慢更新) npm是比较慢的, 所以我用的是pnpm。安装指令:npm i pnpm 简单介绍下作用 Vue3:前端框架 ......
element-plus 实战 element 项目 vue3

vue2

介绍 Vue.js 是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 ......
vue2 vue

vue项目打包之后, 生成一个可修改IP地址的文件

在做项目的时候遇到了一个问题, 就是把项目部署到不同的服务器上, 但不能每次修改IP的时候就打包一次, 这就增加了前端的工作量,经过百度, 发现有一些方法是可以的,亲测可用。 具体操作是, 1,在static文件夹下面建立一个config.js文件, 1 2 3 4 5 6 7 (function  ......
地址 文件 项目 vue

ArcMap用一个面要素擦除另一个面要素的部分

本文介绍在**ArcMap**软件中,基于**擦除**(“**Erase**”)工具,对**矢量**面要素的部分区域加以**剔除**的操作。 假如我们已知这样一个研究区域,其包括了**陆地**与**水体**两个部分。 ![](https://picturesali.oss-cn-beijing.al ......
要素 部分 ArcMap

vue3探索——组件通信之v-model父子组件数据同步

# 背景 再很多场景中,我们可能想在子组件中修改父组件的数据,但事实上,vue不推荐我们这么做,因为数据的修改不容易溯源。 ## Vue2写法 在vue2中,我们使用`.sync`修饰符+自定义事件`'update:xxx'`,来使父子组件数据同步。 ```html // 父组件 我是父组件,我有{ ......
组件 父子 v-model 数据 model

vue中添加音频和视频

视频播放功能 1. 安装vue-video-player npm install vue-video-player --save 或 yarn add vue-video-player --save 2. 在main.js中全局引用 import VueVideoPlayer from 'vue-v ......
音频 视频 vue

vue--day73--getters的使用

1. 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。 2. 在```store.js```中追加```getters```配置 ```js ...... const getters = { bigSum(state){ return state.sum * 10 } ......
getters vue day 73

前后端分离项目之Vue2框架搭建

1、安装Node.js , 为了可以使用npm命令去安装其他东西 2、vue-cli安装: npm install -g @vue/cli 安装完之后可以执行vue -- version 或者 vue -V 命令去查看版本 注意:npm可以设置淘宝镜像对npm进行加速 : npm config se ......
框架 项目 Vue2 Vue

在vue中使用svg

# 背景 svg作为矢量图,放大不失真,但是如果在vue文件中直接引入svg的话会导致vue文件过长,不友好。想要在组件中使用的时候使用下面的方式来引入svg ```vue // svg-name的值就是svg图片的名称 ``` # 步骤 1. 在`components`下创建`SvgIcon.vu ......
vue svg

CMU 15-213:DataLab(整数部分)

本笔记仅仅只是用于记录,内容为提示性,题主做的不一定完全符合规范!!!!。 本实验中,只有整型只能使用“+”和位运算符。后面浮点数可以用控制循环。 ## 1.异或运算 直接用公式,或者像我这样利用真值表凑的 ```c /* * bitXor - x^y using only ~ and & * Ex ......
整数 DataLab 部分 CMU 213

elementplus-Cascader 组件vue3 实现省市区级联动态加载

背景: 省市区级联是三张sql表,需要实现动态加载 因为我只需要三级 leaf 标记为>=2就好了 <el-cascader :props="props" /> const props: CascaderProps = { lazy: true, async lazyLoad(node, resol ......

react-pdf在部分iOS手机上加载pdf失败问题解决

*最近项目快结束了,测试提了一个bug,iOS手机上加载pdf一直在转圈,加载不出来内容。看到这个bug,在电脑上和安卓手机上没有问题,iOS手机中打开确实又问题,初步确定为app问题。我们的项目是集成在客户的app里的,可能是app内的WebView和Safari有一些差异导致的问题。* 1. 首 ......
react-pdf pdf 部分 问题 手机

vue 错误

npm ERR! Conflicting peer dependency: vue@3.3.4npm ERR! node_modules/vuenpm ERR! peer vue@"^3.2.0" from @element-plus/icons-vue@2.1.0npm ERR! node_mod ......
错误 vue

vue npm install报错

PS I:\Vue3+ts+e-plus后台管理\vue3-ts-element-plus-master\vue3-ts-element-plus-master> npm installnpm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolve ......
install vue npm

蓝信的主机调试(虚拟机部分)

fdisk /dev/sdbnwmkdir /Dataapt-get updateapt-get upgradeapt-get -y install net-tools wget sudo lvm2echo -e "ALL:202.198.16.185\nALL:202.198.16.168" >> ......
主机 部分

用Python制作截图小工具

Python编程语言允许我们执行各种任务,所有这些都是在简单模块和短小精悍的代码的帮助下完成的。在Python的帮助下进行屏幕截图就是这样一项任务。 Python为我们提供了许多模块,使我们能够执行不同的任务。有多种方法可以使用Python及其库进行屏幕截图。 ### 用Pyautogui模块进行截 ......
截图 工具 Python

VSCODE工具 VUE代码格式化插件及配置

1.安装插件 1.1 Prettier 它通过解析代码并使用自己的规则重新打印它,并考虑最大行长来强制执行一致的样式,并在必要时包装代码。如今,它已成为解决所有代码格式问题的优选方案;支持 JavaScript、Flow、 TypeScript、 CSS、 SCSS、 Less、 JSX、 Vue、 ......
插件 代码 格式 工具 VSCODE

nginx部署vue项目报404问题

解决刷新路由404问题 这是因为我的vue项目是采用了history路由模式,又因为vue是单页面应用,一旦切换路由之后,之前的页面就会不存在,然后你再刷新回到之前的页面就会出现404了。(个人理解) 解决的方法: 将路由模式修改为hash模式(不建议,hash模式#太丑) 修改nginx配置 lo ......
项目 问题 nginx 404 vue

vue项目axios请求 解决跨域问题

前端 添加vue.config.js文件 【【4k小白到全栈】进阶课好看登录页面Vue3+Ts+Pinia+Axios+Vue Rouyer+SpringBoot2.7+Mybatis Plus前后端分离】https://www.bilibili.com/video/BV1x14y1Z74z?p=2 ......
项目 问题 axios vue

2023支持截图上传的免费图床有哪些

1.华趣图床 是一个新型自研图床,图片是储存在阿里云oss多份附件储存,稳定保障。、 因为图床作者原本也是一个小站长,也因为是自研平台,所以更加的懂得站长们的需求。 就在刚刚华趣免费图床支持了,截图上传,拖拽上传等功能。 ......
截图 2023

暂告一段落的vue学习以及uniapp的开始

最近学习了VUE并且参照其他开源项目做了一个大致的框架,只余部分还需要改成自己的东西, 但是这个要到一段落了,开始了小程序项目之旅, 首先还是到uniapp官网查看官方资料 当然了,还是要从vue3的部分开始学起 跟着官方视频做了一个试例,感觉还不错,很简单 然后项目正式开始了~~ 终于开始了客户项 ......
告一段落 uniapp vue

vue+element根据表单中选项切换,更改表单验证规则

表单:<el-form-item label="周期间隔(天)" prop="periodSpace" v-if="isServicePeriod"> <el-input v-model="form.periodSpace" type="number" placeholder="请输入周期间隔(天) ......
表单 规则 element vue

升级到DBeaver Community 23.1.5 部分汉化失效解决

升级到DBeaver 到 23.1.5 之后部分中文有不能显示了,虽然也不影响什么但是对于我这个轻微强迫症还是希望能全部汉化。 一个网友告诉我不是DBeaver本身汉化部分的问题,是 Eclipse 本身汉化部分没有安装的问题 更新到23.1.5之后手动安装一下 babel 汉化 下面是 babel ......
Community DBeaver 部分 23

vue 使用Adsense错误:TagError: adsbygoogle.push() error: All ins elements in the DOM with class=adsbygoogle already have ads in them.

<div class="adsenseunit"> <!-- in-article-aquare2 --> <ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-3935005489954231" data-ad ......
adsbygoogle TagError elements 错误 Adsense