截图 部分vue3 vue

1、新建 number-thousander-format.ts import { Directive, DirectiveBinding } from "vue"; const numberThousanderFormat: Directive = { mounted(el, binding: D ......

上一节创建了一个Spring Boot的后端登录功能，接下来创建一个Vue项目实现前端登录页面 一、创建一个Vue项目 将Vue项目创建到spring boot demo1项目中。打开idea的Terminal，运行【vue init webpack vuetest】，后面都按enter/Y/n等就 ......

# Axios axios是一个网络请求相关的库。 > axios: ajax i/o system 使用axios编写的网络请求代码，可以运行在浏览器端，也可以在Node环境中运行。 ## 01. 支持的请求方式 - axios(config) - axios.request(config) - ......

nginx的不说，直接说在项目中配置的。 重点：前端要配代理，后端要设置返回的头文件信息。双管齐下 1、前端在项目中的vue.config.js配置中进行设置 module.exports = { publicPath: '/', outputDir: 'dist', // 发布输入文件 asset ......

vue 文件中的核心代码写法 <template> <div> <v-select :items="filters" label="查询条件" solo dense class="select-size" v-model="filterKey" clearable ></v-select> </di ......

页面初始化mounted的时候，通过document.body.clientWidth和document.body.clientHeight获取到浏览器的宽和高，然后通过 window.onresize 来监听浏览器窗口的变化，在这里来改变我们的变量宽和高即可。（created()的时候不行，因为此 ......

在一些后台管理系统中，每个身份登录的权限不一样，以至于配置的菜单不一样。就我做过的小区物业管理系统而言，举个例子：业主登录网站只能看到社区服务中的投诉、维修以及查看公告。而管理员可以看到一些对本小区的基本操作，例如查看楼栋，查看业主，账单催缴等等…而超级管理员，可以看到所有界面，以及处理一些审核等等 ......

1、使用canvas对video元素进行截图 function getVideoFrame(video){ const canvas = document.createElement("canvas"); canvas.width = video.videoWidth; canvas.height ......

在PyCharm中使用ESLint对Element UI进行语法检查和代码风格检查的配置步骤如下： 确保你的项目已经配置了ESLint并且可以正常运行。如果尚未安装ESLint，请先使用npm（或者你的包管理器）在项目中安装ESLint： npm install eslint --save-dev ......

vue-cli 单页面应用程序 单页面应用程序（Single Page Application）一个web网站只有唯一一个HTMl页面，所有功能&交互都在唯一一个页面完成 vue-cli vue-cli是vue.js开发的标准工具，简化了基于webpack创建工程化的Vue项目的过程。 创建项目 基 ......

Options API (选项API) 传统的组件随着业务复杂度越来越高，代码量会不断的加大，整个代码逻辑都不易阅读和理解。虽然尽量一个文件不要写太多代码(1000行内)，但总有一些大型组件要一个文件写很多代码 优点：各选项编写写位置固定，结构清晰缺点： 代码组织性差，相似的逻辑代码不便于复用 逻辑 ......

推荐以下几款轻便的截图工具： Snipping Tool Snipping Tool 是 Windows 自带的一个截图工具，可以截取屏幕、窗口或自定义区域，并进行简单编辑和保存。 Greenshot 1.2.10.609 2017 Greenshot 是一款免费开源的截图工具，支持多种截图方式，包 ......

nginx配置文件中配置代理访问 这里配置的proxy_pass是后台接口的代理 location /prod-api/ { proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_he ......

# vue的特性 vue框架的特性，主要体现在如下两方面： 1. `数据驱动视图` 1. `双向数据绑定` # 数据驱动视图 ![image](https://img2023.cnblogs.com/blog/1069029/202305/1069029-20230531001444511-1724 ......

**1、项目介绍** 本学生综合测评系统以springboot作为框架，b/s模式以及MySql作为后台运行的数据库，同时使用Tomcat用为系统的服务器。本系统主要包括首页，个人中心，学生管理，试题信息管理，测评试题管理，管理员管理，综合测评管理，系统管理，综合考试管理等功能，通过这些功能的实现基 ......

# Pinia Pinia是西班牙语piña（西班牙语中的“菠萝”）单词的形似。 它是一个状态管理的库，用于跨组件、页面进行状态共享（这点和Vuex、Redux一样），同时兼容Vue2、Vue3，也并不要求你使用Composition API； > Pinia开始于大概2019年，最初是作为一个实验 ......

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 核心 使用CSS变量, 准备两套CSS颜色, 一套是在 light模式下的颜色,一套是在dark模式下的颜色 dark模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给html添加自定义属性[data-theme='d ......

// import { showInfoMsg, showErrorMsg } from '@/utils/popInfo' // import ElementUI from 'element-ui'; import { Toast } from 'vant'; function initWebSo ......

https://gitee.com/jeecg/jeecgboot-vue3?_from=gitee_search JeecgBoot—Vue3版前端源码，采用Vue3.0+TypeScript+Vite+Ant-Design-Vue等新技术方案，包括二次封装组件、utils、hooks、动态菜单、 ......

# setup setup是个函数, 包含数据、方法等，是组合api的“舞台”。 setup返回值： 1.对象，其中的属性、方法都可以在模板中直接使用 2.渲染含数（了解就好） ``` export default { name: "App", components: {}, setup() { / ......

故事开头是这样的，项目收尾阶段，我去修改同事写的代码，写着写着，看到一个页面中根本不存在的标签，很是好奇，我就认真的看了起来 <div class="tabs_content" ref="tabsContent" v-if="showTabsContent"> <TabsPage></TabsPag ......

在实际开发中，由于项目一开始设计的一些不合理性，会在组件中通过 html[media=pad]{ .xxx{ /* 组件样式 */ } } 以上方式修改某些组件的样式，这样会涉及到从 html 层级选择，由于我 style 标签是这样写的 <style lang="less" scoped></st ......

``` hasRoute(path, routeList) { // console.log('path', path, routeList); for (let i = 0; i < routeList.length; i++) { if (routeList[i].path path) { re ......

<template> <div> <v-chart :forceFit="true" :height="height" :data="data" :scale="scale" :onClick="handleClick" :padding="['70', '0', 'auto', 'auto']"> ......

1.引入store 安装引入vuex，在main.js里面： import store from './store' //store引入 new Vue({ el: '#app', router, store,//store引入 components: { App }, template: '' } ......

@click @click直接点击，会触发父元素事件 例如： <template> <div @click="parentClick"> <div @click="childClick" > 子界面 </div> </div> </template><script> export default { ......

vue3是组合式开发什么是组合式？ 组合式 API (Composition API) 是一系列 API 的集合，使我们可以使用函数而不是声明选项的方式书写 Vue 组件。它是一个概括性的术语，涵盖了以下方面的 API： 响应式 API：例如 ref() 和 reactive()，使我们可以直接创建 ......

## 01. 什么是状态管理 在开发中，我们的应用程序需要处理各种各样的数据，这些数据需要保存在我们应用程序的某一个位置，对于这些数据的管理我们就称之为 **状态管理**。 > 在Vue开发中，我们使用组件化的开发方式： > > - 在组件中我们定义data或者在setup中返回使用的数据，这些数据 ......

> 最近一个月没有更新博客，去写了一个系统，包含前台和后台，还有后端的API。前后台使用VUE+高德地图API，后台使用FastAPI，实现了一些基本的功能。 ## 前台部分 因为我也是前端初学者，写的比较乱 #### 基础功能 - [x] 用户登陆注册功能 - [x] 搜索功能 - [x] 主页照 ......

1.在html文件中增加过渡css动画，如下图所示，参考若依项目 在资源还没加载完成时，红框中的动画会进行运行，当资源加载完成后，路由会自动替换红框中的静态资源，增加用户体验。 2.vite开启gzip压缩，安装vite-plugin-compression，如下图在config文件中引入 impo ......