tailwindcss项目vue
vue 常用动画
来源: https://juejin.cn/post/6844903638402334734 Vue 常用 transition 动画效果记录 我的代码果然有问题 2018年07月15日 13:48 · 阅读 3839 先简单介绍下 transition 标签的使用方法 主要用于 v-show, v ......
一个简单的rust项目贪吃蛇
一个贪吃蛇游戏的 rust 实现，使用了 piston_window 和 rand crate。 游戏使用 上下左右 方向键进行操控，使用 R 重置游戏，使用 P 进行暂停/启动。 项目结构 · ├── Cargo.lock ├── Cargo.toml ├── src/ │ ├── main.rs ......
vue第三课：简单点击器应用
简单需求： 1，最小为0 ，小于0则不能再点击减少，并显示提示 2，最大值为10，小于10则可以点击增加，超过10则不能再点击，并显示提示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-html测试 </title> <s ......
vue第二课：常用标签
1，v-text指令 <div id='app'> <h2 v-text="message+'???'"></h2> <h2 v-text="info"></h2> <h2>{{message+'??'}}江苏</h2> </div> <script> Vue.config.productionTi ......
SpringBoot之使用IDEA新建Web项目
1. 打开IDEA,点击左上角的File选项,打开菜单选择New,再打开菜单选择Project 2. 选择Spring Initializr,输入或选择项目相关的信息 3. 选择Spring Boot版本以及相应的依赖,并点击右下角的Create按钮进行项目创建 4. 项目创建完成后,点击左上角的F ......
vue侦听器
侦听data里的数据变化： 方法格式： <script> const vm=new Vue({ el:"#app", data:{ username:"张三", userList:[ {"id":1,"name":"张三"}, {"id":2,"name":"李四"} ], info:{ usern ......
Excel 如何计算项目完成时间占全年百分比 - 小技巧
一、新建 “项目记录表”数据表，含有“项目名称”、“开始时间”及“结束时间”等信息，我们现在需要计算出项目所需要的时间占全年的百分比。如图所示 二、单击选中“结束时间”右边的单元格并输入“占全年时间的百分比”，然后按住鼠标左键往下拉到表格底部。选中该列，如图所示： 三、按键盘上的Ctrl+1键，进入 ......
VUE 页面使用 defineProps 如何友好的给参数赋默认值
🌟在 Vue 3 中，我们可以使用 Composition API 来编写组件，其中一个新特性是使用 defineProps 来定义 props。但是，在使用 defineProps 定义 props 时，如果没有给 props 赋默认值，那么在使用该组件时就必须给 props 传递值，否则会报错 ......
VSCode打开Vue项目
打开VSCode 打开文件夹并选择vue的文件夹 新建终端 在终端输入npm install 在终端输入npm run dev（dev为配置的值） 等上一步执行出结果即为编译好的链接 ......
4.15 vue中watch computed
在 Vue.js 中，computed 是一种计算属性，它能够根据依赖的数据动态计算出一个新的值。 computed 属性可以定义为一个函数，该函数返回需要计算的值。 当它所依赖的数据发生变化时，Vue.js 会自动重新计算这个值并将其更新到组件上。 与 computed 对应的还有另外两种常见的属 ......
IDEA:如何导入maven项目，以及启动项目，关闭项目等操作
导入Maven项目 操作一:导入项目 (情况一)IDEA没有打开过其他项目 打开IDEA,选择Open,找到项目位置,选择项目根目录 (情况二)IDEA已经打开过其他的项目 打开IDEA, 选择file,选择open,找到项目位置,选择项目根目录 其他操作上述两种情况 均一致 操作二:导入pom文件 ......
vue下拉框联动 数据清空后，赋值无效
1.问题描述 : 规格型号与设备类型联动，当选择“规格型号”后，清空“设备类型”选择框内容，选择数据赋值时失效。 2.解决 添加this.$forceUpdate();进行强制渲染，效果实现。 getSecondName() { this.$forceUpdate(); }, ......
vue做播放器和进度条
<template> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" @play="onPlayerPlay($even ......
vue3+vite 解决本地调用时跨域请求
1、config配置文件中，axios默认请求地址；改为""，否则还是请求环境变量中的地址； 2、vite.config.ts文件中做如下配置： server: { open: true, //启动项目自动弹出浏览器 port: 8081, //启动端口 cors: true, proxy: { " ......
【vue】vue3中的动画
vue版本：vue3 不过是控制动画放到了标签内控制 在上图中，是绑定到了style vue中关于动画的封装 入场出场动画 进入开始状态（时间点） .v-enter-from { } 动态效果（时间段） .v-enter-active { } 终止状态（时间点） .v-enter-to { } .v ......
vue实现在固定区域内鼠标轮滚放大缩小图片组件
<template> <div style="width: 100%;position: relative;overflow: hidden;text-align: center;border: 6px solid #f1f2f3;"> <el-button size='mini' circle t ......
关于 fontawesome 库在 Spartacus 项目中的应用
FontAwesome 是一个广受欢迎的开源图标库，它提供了一系列的图标和符号，可以在 Web 开发中方便地使用。它包含了大量的图标，如社交媒体图标、箭头、菜单图标、表单控件图标、设备图标、通知图标等等。 FontAwesome 的图标是以矢量方式呈现的，这意味着可以根据需要缩放和变换大小而不会失去 ......
Angular 项目中 angular.json builder 字段的可选项介绍
angular.json 文件的语法？ options 是 angular.json 文件中 architect 对象中包含的一个属性，用于指定构建、测试或运行的选项。以下是 options 支持的一些常见的选项： outputPath: 构建输出的目录。 index: 应用程序的主入口文件。 ma ......
vue脚手架创建与环境安装
1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版，如果要安装以前的版本👇，页面往下拉找到 Previous Releases—Donloads—下载msi文件。 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......
在 Vue 中控制表单输入
Vue中v-model的思路很简单。定义一个可响应式的text（通常是一个ref），然后用v-model="text"将这个值绑定到一个input上。这就创造了一个双向的数据流： 用户在输入框中输入，text会发生变化。 text发生变化，输入框的值也随之变化。 让我们看看如何在Vue 3中使用v- ......
axios在vue中的使用
在该项目的vscode命令行下载 npm i axios 在使用axios时涉及跨域问题 你的8080窗口虽然发了请求，服务器也返回了消息，但是你收不到 1.cors 方式 服务器给你返回响应时加特殊的响应头 2.jsonp方式 借助了 script 标签里面的src属性 引入外部资源时，不受同源策 ......
vue2+element-ui实现网站标题随着路由改变动态切换标题
以下内容仅供自己学习使用 1. 效果图 2. 第一步在router.js编写meta:{title:''} 3. 然后挂载路由导航守卫 // 在Vue实例创建之前获取路由信息 router.beforeEach((to, from, next) => { // 更新动态标题 document.tit ......
🎊这个 OpenTiny 开源项目的 CLI 可太牛了，两行命令创建一个美观大气的 Vue Admin 后台管理系统，有手就会，连我的设计师朋友都学会啦啦
近期尝试了下 OpenTiny 的 CLI 工具，不得不说，简单到“有手就会”，只要执行两行命令就创建了一个美观大气的 Vue Admin 后台管理系统，连我的设计师朋友都学会啦啦。 ......
项目讲解之火爆全网的开源后台管理系统RuoYi
博主是在2018年中就接触了 RuoYi 项目 这个项目，对于当时国内的开源后台管理系统来说，RuoYi 算是一个完成度较高，易读易懂、界面简洁美观的前后端不分离项目。 对于当时刚入行还在写 jsp 模板的博主来说，RuoYi 项目在后台基础功能、模块划分、易用性和页面美观度上，对比同期用 Java ......
【开源项目】合肥~超经典智慧城市CIM/BIM数字孪生可视化项目—开源工程及源码
最新消息，数字孪生智慧宁波开源了其数据工程源码和工程，免费送出供大家学习、使用、分享。 智慧宁波实现了一系列全面的功能，如实现长三角经济圈特效、智慧地铁特效、智慧灯杆特性等。这些项目利用数字孪生技术和物联网等先进技术，可以实现精细化管理和智能控制，提高城市管理效率和品质。 长三角经济圈——中 ......
创建第一个Maven项目（IDEA）
前言：Maven项目创建对于第一次的新手来说还有有些困难繁琐的，相比之下，创建一个Java项目或者JaveWeb项目都比较简单，所以写一个Maven项目的创建教程，给自己做标记。 一、创建第一个Maven项目 1、打开IDEA，创建新项目【按图框起来处选择，最后Next】 2、给项目取名，指定路径 ......
如何利用git地址将项目导入到本地
步骤 1、在本地新建一个我们专门放置协作仓库的文件夹，然后右键，选中Git Bash Here打开 2、进入到终端界面，输入 git clone +git网址 然后就可以在我们新建的那个文件夹里面看到相应的git项目信息啦！ 当然，前提是你是已经被邀请共同协作的呦！ ......