效果echarts项目vue
01-vue简介
中文官网：Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org) Vue介绍 Vue 是一套用于动态构建用户界面的渐进式JavaScript框架 什么是渐进式，就是Vue可以自底向上逐层的应用，对于简单应用只需要一个轻量小巧的核心库，对于复杂应用可以引入各式各 ......
vue中scoped原理
vue中scoped原理 scoped 在vue组件中的style标签上有一个特殊属性“scoped” 作用 当一个style标签拥有scoped属性时，它的css样式就只能作用于当前的组件，通过该属性，可以使组件之间的样式不互相污染。 原理 为组件实例生成一个唯一标识，给组件中的每个标签对应的do ......
vue + canvas 实现九宮格手势解锁器
此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器，用户可以通过在九宫格中绘制特定的手势来解锁。 ......
vue组件级别的权限控制
**核心思想：尽量减少对组件的侵入性，也就是权限控制的代码剔除出来** ### 实现 **authority.vue** ``` // 将用户权限通过作用域插槽传递出去 ``` **index.vue** ``` sssss 45 45 45 ``` ......
网络项目技术了解
# 单台服务器 即通过ssm在同一台服务器上完成前后端 SpringMVC负责前后端转发，Spring负责程序主体，MyBatis负责数据库交互 优点：简单，开发速度快 缺点：并发能力极差 # 服务器集群 即通过一台Nginx服务器将请求均匀分配给Tomcat服务器集群，每个服务器都有完整的项目前后 ......
uniapp项目实践总结(十二)封装通用请求上传以及下载方法
> 导语：在日常开发过程中，前端经常要和后端进行接口联调，获取并且渲染数据到页面中，接下来就总结一下 uniapp 中获取请求、文件下载和上传的一些方法。 ## 目录 - 原理分析 - 方法实现 - 实战演练 - 案例展示 ## 原理分析 主要是使用`uni.request`方法来发送请求，`uni ......
Visual Studio的c#项目结构
Visual Studio项目的基本结构 对于要用vs创建一个工程来说，首先创建一个解决方案，在解决方案里面可以创建一个或者多个项目，在项目下则是一些列的实体类 .vs：通常用于存储 Visual Studio 项目的配置和临时文件。它包含有关项目设置和元数据的信息。这个文件夹通常不需要手动操作，由 ......
vue
### vue2 #### 引入方式 ```python #CDN的方式引入 #下载后导入 其实就是直接在浏览器中打开https://cdn.jsdelivr.net/npm/vue/dist/vue.js，然后复制下来，创建一个js文件再粘贴进去 7.补充 解释型的语言是需要解释器的 js就是一门 ......
Vue简单浮动标签(simple floating labels)
简介及使用教程 Vue简单浮动标签(simple floating labels)是一个基于Vue.js的简单浮动表单标签组件，支持自定义颜色、边框及错误信息。 安装 npm i vue-simple-floating-labels 使用 引入组件 import FloatingLabel from ......
js 全屏和退出全屏 这里是vue2的写法
全屏和退出全屏 js 的实现方式 这里是vue2的写法 全屏和退出全屏的切换 切换页面显示文字 <div id="box"> <el-button v-if="!fullscreen" @click="fullScreen()">全屏</el-button> <el-button v-else @c ......
滚动到底部的Vue指令插件
简介及使用教程 Vue Chat Scroll是一个保持可滚动内容滚动到底部的Vue指令插件，用于Vue.js 2，当在该元素中添加新内容时，滚动到该元素的底部。 安装 npm i vue-chat-scroll 使用 import Vue from 'vue' import VueChatScro ......
Rust项目使用Dockerfile构建镜像 访问crates.io下载速度慢解决
在 $CARGO_HOME/config文件添加国内的镜像源 下面的镜像源来自：https://rsproxy.cn/ ```yaml FROM rust:1.72 as builder WORKDIR /usr/src COPY . . RUN echo "[source.crates-io]\n ......
Vue 拖拽组件(Draggable)
简介及使用教程 Vue 拖拽组件(Draggable)是一个允许与View-Model同步进行拖放排序的Vue组件。这是基于Sortable.js并提供它的所有功能。 特点 完全支持Sortable.js特性： 支持触摸设备 支持拖动句柄和可选择的文本 智能自动滚动 支持在不同列表之间拖放， 没有j ......
Vue 密码强度测试器(Password Strength Meter)
简介及使用教程 Vue 密码强度测试器(Password Strength Meter)是一个基于zxcvbn的交互式密码强度测试组件。 安装 Npm npm i vue-password-strength-meter zxcvbn 使用 基础用法 <template> <password v-mo ......
大屏项目：背景图片切换出现闪屏情况
1.情况：做大屏时，swiper切换时背景图片要切换，因背景图片过大，过快切换会出现屏幕闪白情况 2.解决：通过设置切换时，行内样式切换背景图片，使用异步的方法来解决屏幕切换白屏问题 // vue2实现<template> <div class="background" :style="{ back ......
vite + vue3 自动导入点击路由刷新问题记录
export default defineConfig(() => { // 这里只加入了element的有其他的也加在这里 const optimizeDepsElementPlusIncludes = ['element-plus/es']; // 预加载element样式 有其他组件也是如此设 ......
Vue3实战06-CompositionAPI+<script setup>好在哪？
Vue 3 的Composition API + ``` ``` 这就把清单功能独立出来，可在任意需要的地方复用。 基于组件去搭建应用，可实现对业务逻辑的复用。如有其他页面也需要用到这功能，直接复用。 然后，就可基于新语法实现清单应用。 把之前的代码移植过来后，使用ref包裹的响应式数据。修改tit ......
2-Vue.js环境准备-使用vue-cli快速搭建项目(cli2)
一、概述 在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢，可以考虑使用淘宝镜像的cnpm来代替npm。 首先Vue的安装依赖于Node.js，要保证你的计算机上已经安装过Node.js。可以参考前面的文章：htt ......
使用IDEA进行创建后台项目
1 项目的配置过程 第一步 进行配置项目 1 选择 file -> NEW -> project  2 在左侧选择 ......
后端_项目搭建
1.创建父工程 1.1 创建springboot项目，删掉这些文件  1.2 删掉 pom 文件中的depende ......
前端项目搭建的几种方法
方法一：vue-cli 项目搭建 1.首先要安装node.js版本，根据项目需求安装对应版本，下载地址：Index of /docs/https://nodejs.org/docs/ 2.安装vue-cli，打开cmd窗口输入：npm install -g @vue/cli；查看是否安装，打开cmd ......
springboot随项目启动，实时监控日志文件并进行操作
项目中用到了一个开源音视频服务，但是同事的服务有可能导致开源服务崩溃，所以就写了一个实时监控开源服务输出日志的服务，如果日志中有error信息的话就自动重启那个开源服务。 不过后来还是在项目中把这部分屏蔽了。 1 @Component 2 public class FileWatcherRunner ......
跑马灯(文字和图片轮播)效果纯css实现
1. 文字和图片连续轮播 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文字和图片连续轮播</title> <style> * { margin: 0; padding: 0; } body{ text-align: cent ......
Spring Boot项目手动提交事务案例
# Spring Boot项目手动提交事务案例 ``` java // 注入 PlatformTransactionManager 对象，用于管理事务 @Resource private PlatformTransactionManager transactionManager; public vo ......
图文排版艺术：优化小红书布局与视觉效果
图文排版艺术：优化小红书布局与视觉效果 嘿，各位小伙伴们！今天我要和大家分享一些关于图文排版的艺术技巧，让你在小红书上的作品更具吸引力和专业感。无论是分享美食、旅行经历还是时尚搭配，一个出色的排版可以让你的内容脱颖而出，吸引更多读者的目光。接下来，我将教你几个简单又实用的技巧，帮助你优化小红书布局与 ......
使用Idea创建一个父子SpringBoot项目
一、概述 在设计微服务的时候，每个服务都是单独的一个应用，并且可以单独运行。一个大项目中可能会有N个微服务。此时如果不集中管理ide就会打开多个项目，每个项目都是一个单独的窗口，切换起来异常麻烦。其就相当于打开了多个不相关的项目。那么有没有办法可以让这些同一个项目的微服务集中管理呢。答案是肯定的，下 ......
新建vue项目(vue@3.3.4)
一，通过命令行创建 root@lhdpc:/data/vue# vue create responsive 此处使用默认选中的vue3,回车即可 二，运行vue项目： 按照提示运行 root@lhdpc:/data/vue# cd responsive/ root@lhdpc:/data/vue/r ......
npm:安装@vue/cli(5.0.8)
一，安装@vue/cli: 查看bin目录下的程序 root@lhdpc:/usr/local/source/node# ls /usr/local/soft/node-v18.17.1-linux-x64/bin/ corepack node npm npx 用npm安装 root@lhdpc:/ ......
springboot项目自动运行脚本
注意文件格式unix格式（Windows cr lf换行符有不可见字符） ```shell #!/bin/sh # 服务名（要与配置文件中的server名保持一致） APP_NAME="" # git本地仓库路径 GIT_RESPOSITORY="" # 配置文件存储位置 PROFILE_LOCAT ......