效果echarts项目vue
一些基于SpringBoot2.X的后台管理系统，可以作为高校毕设项目、个人学习之用
该酒店管理系统适用于各类酒店管理，用于提高酒店内部工作效率。主要是针对酒店内部工作人员即管理员和酒店普通员工设计的。主要是具备客房预订、退房、房间信息管理、员工管理、入住管理等模块,提高了酒店内部业务的运转效率,大大降低了成本；该系统基于SpringBoot+VUE+MyBatisPlus+MySQ ......
Nginx项目部署
本篇来总结一下vue项目打包部署到nginx上的流程和注意事项 使用 1.Vue打包 在NPM脚本中找到build，或者在终端控制台输入 npm run build 就可以对vue项目进行打包 在文件目录dist中的文件就是本次打包的文件 2.nginx 简介 Nginx是一款轻量级的Web服务器/ ......
Jenkins运行项目推送的邮件模板显示中文乱码
直接找到邮件模板文件，查看里面的格式是不是GBK，不是的话就改成GBK； 最好的方法是将邮件模板文件以GBK格式保存： 将邮件模板文件通过记事本打开，通过另存为编码ANSI就是GBK保存下来就可以了 ......
软件项目管理案例教程第四版答案
第一章软件项目管理概述 一填空题 1、敏捷模型包括（4）个核心价值，对应（12）个敏捷原则。 2、项目管理包括（启动过程组）、（计划过程组）、（执行过程组）、（控制过程组）、（收尾过程组）5个过程组。 二、判断题 1、搬家属于项目。（√） 2、项目是为了创造一个唯一的产品或提供一个唯一的服务而进行的 ......
vue+go实现注册功能
<!DOCTYPE html><html><head> <meta charset="utf8"> <style> .container { width: 400px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-rad ......
纯CSS技术妙不可言，打造惊艳文字效果！
哈喽！大家好！我是【程序视点】的小二哥。 前言 CSS是一门很特殊的语言，你认为CSS只能用来控制网页的结构与样式，但只要你有丰富的想象力，就能创造无限可能。本文中为你精选了10个使用纯CSS实现的文字炫酷效果，欣赏完之后一定要自己实现体验一番哦~ 一.渐变文字效果 该效果主要利用backgroun ......
【UniApp】-uni-app-项目计算功能(苹果计算器)
前言 本文主要介绍苹果计算器项目中计算功能的实现 在前面的文章中已经实现了输入，动态计算字体大小，以及计算器的布局 本文主要介绍计算功能的实现 正文 实现/清空/改变正负/除以100 inputText 已经实现了，接下来实现 operator 的功能，operator 方法在之前的文章中已经定义好 ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
项目自定义代码规范
2023年底了马上2024年了， 今年没写几篇文章， 事情太多。长大是痛苦的要经历很多。收～ 进入正题 今天带来一个创建项目团队合作开发的规范。跟上我的步伐，从0-1开始吧！ eslint ESLint 是一个可配置的 JavaScript 检查器。它可以帮助你发现并修复 JavaScript 代码 ......
vue3 elementplus 表格表头过长 三个点显示
vue3:const renderHeaderMethods = ({ column }) => { return createVNode( resolveComponent('el-tooltip'), { effect: 'dark', content: column.label, placem ......
nginx部署vue编译项目刷新页面404
原因：nginx配置错误。 因为vue打包输出的是单页网页应用，只有一个index.html入口，其他路径是由前端路由去跳转的，服务器目录下没有对应物理路径，所以就会报404。 这样的nginx配置会出现该问题。 location / { alias /home/vue/dist/; index i ......
vue3学习之Pinia状态管理
状态管理 src/views/Pinia.vue <script setup> import { ref } from "vue"; import { storeToRefs } from "pinia"; import { useCounterStore } from "../stores/cou ......
React拖拽效果实现
基于 React 的拖拽效果 Demo 一个基于 React 的拖拽功能实现的 Demo. 两个关键点 1, draggable 属性 2, drag 事件 draggable 属性 img 标签默认是支持拖拽的, 当时其他 HTML 标签, 想要其拖动的话, 需要为其添加 draggable="t ......
vue3学习之逻辑复用
逻辑复用-组合式函数 src/views/ad/User.vue <script setup> import { useMouse } from "../../js/mouse.js"; import { useFetch } from "../../js/fetch.js"; import { r ......
Lottie - 轻松实现复杂的动画效果
Lottie - 轻松实现复杂的动画效果 Android爱好者 2018-08-20105,246阅读8分钟 1. Lottie 介绍 Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，设计师可以使用 Adobe After Effects 设计出漂亮的动画之后，使用 Lot ......
django项目中存在多个app时models 表没有创建成功
场景 使用django 创建的项目，项目下有多个app，在第二个app中的models中创建表，执行生成表的命令没有生效。 解决 #1、执行命令需要指定app名称 python manage.py makemigrations --empty team # team 为app名称 #2、 再次正常运 ......
Flutter 创建一个交错效果的侧边栏菜单
一、创建一个没有动画效果的菜单 import 'package:flutter/material.dart'; class Menu extends StatefulWidget { const Menu({super.key}); @override State<Menu> createState ......
vue3学习基础之组件
组件 Comp.vue <script setup> import { ref, provide, readonly, defineAsyncComponent } from "vue"; import DemoComp from "../../components/simple/DemoComp. ......
vue3学习基础之响应式状态
响应式状态 <script setup> import { ref, reactive, computed, watch, watchEffect } from "vue"; //reactive 响应式对象 只能用于对象、数组和集合类型 const author = reactive({ name ......
vue3学习基础之事件绑定
事件绑定 <script setup> import { nextTick, ref } from "vue"; function clickA() { console.log("点击了a标签，点击事件传递到了外层p标签"); } function clickStop() { console.log ......
echart 柱状图x轴悬浮显示文字
两种方法： 1.自带属性，自带样式 ； 2. 自定义样式 renderBarChart () { // let that = this const barChart = echarts.init(document.getElementById('bar-chart')) const barOptio ......
vue3学习基础之表单相关
表单相关 <script setup> import { ref } from "vue"; const message = ref("hello"); const checked = ref(); const checkedNames = ref([]); const picked = ref() ......
vue3学习基础之vue-router
我的vue3学习之路总是学学停停，最开始在18年开发微信小程序，就发现小程序和vue的语法有些相似，然后就去看了vue2的文档，随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3，有了组合式api，语法简明很多，然后又不知道忙什么丢下。。。 前段有些空时间，就把vue3的学习整理下，使用vi ......
【源码系列#04】Vue3侦听器原理（Watch）
本章目标：侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的？回调时机immediate是如何实现的？关于onCleanup，一个用于注册副作用清理的回调函数是如何实现的？ ......
【Vue】依赖追踪
在明白原理之前，我们有很多表面现象、使用场景需要记忆。明白了原理后，你会发现它们已经不需要记了，因为从原理出发，你自己都能把它们推导出来，一切是那么的自然而然。感觉就是：这还用记吗？很明显嘛！ 之前我对vue的响应式原理，只是一知半解，导致开发中经常会出现疑问，比如：为什么有的数据它不响应？模板中用 ......
VUE3 + Three.js 坑
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时，页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr ......
lottie 动画在 vue 中的使用
前言 最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常认真 ......
maven项目的pom.xml文件不识别$符号，爆红
错误一： 在IntelliJ IDEA中， maven项目的pom.xml文件不识别$符号，， 解决方案： 删除项目，从新从gitlab上下载。 可能因为缓存，但是我清理了缓存仍然无用。最后删除重新下载。 错误二： 由于引入：mapstruct-processor， 报错： java: Intern ......
vue 浅解
Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 vue有自己的语法， ......
序列比对方法的纠错效果和准确度比对
## 序列比对方法的纠错效果和准确度比对 在实际应用中，不同的序列比对方法在纠错效果和准确度比对方面具有一定的差异。这些差异主要体现在方法的设计原理和采用的技术上。例如，整体比对方法主要用于找出序列之间的整体相似性，而局部比对方法则可以找到序列之间的局部相似性[1]。然而，需要注意的是，通过局部比对 ......