前端 终端 实战vue
vue3+ts+vite 炼丹之路（第一回）
前言： 作为一个写了七年的C#，半年PHP，三年的vue+两年的Java程序员，多少有点不伦不类，无奈，性格如此，小孩子才做选择，我全都想要☺， 相信现如今的形势下，有着和我相同经历的道友不在少数，革命一块砖，哪里需要哪里搬，有人说贪多嚼不烂，也有人说艺多不压身，至于能达到何种高度，想必都在个人投入 ......
线上环境如何开启vue devtool
``` var Vue, walker, node; walker = document.createTreeWalker(document.body,1); while ((node = walker.nextNode())) { if (node.__vue__) { Vue = node.__ ......
AI实战营环境配置-快速安装
# AI实战营环境配置-快速安装 [toc] ## 前言： 介绍如何快速配置实战营实战项目的所依赖环境，分本地配置和服务器配置。 ## 本地配置环境 ### mmpretrain - github：https://github.com/open-mmlab/mmpretrain - 快速安装： `` ......
vue亚马逊云AWS SDK对接封装
使用亚马逊云的AWS3sdk实现云存储对接，作为最大的云存储服务商国内腾讯的cos阿里的alicos以及minio 都兼容亚马逊的sdk，这样在对接时可减少很多工作量，同时也支持在服务商间快速切换 ### 说明 `cacheStsInfo`为由后端返回的sts配置信息，根据实际业务需要，具体信息包含 ......
vue对kindeditor进行封装以及使用
下载kind editor后需要使用的文件如下（其他没用到的可删除）  封装成组件以及自定义上传插件 上传图片后生成i ......
使用 Angular proxy 解决前端跨域问题
在Angular应用程序的前端部分绕过CORS限制有两个选项：（1）JSONP 和（2）Angular代理。 其中 JSONP 无法设置头部信息，所以如果需要设置头部信息，可以使用Angular代理。 proxy.conf.json文件是Angular应用程序中的一个配置文件，用于配置代理服务器。它 ......
vue this.$route.query 和this.$route.params的使用与区别
一：this.$route.query的使用 #1、传参数： this.$router.push({ path: '/index/detail', query:{itemId: item.id} }); #2、获取参数 this.$route.query.itemId #3、url的表现形式 htt ......
直播app开发搭建，Vue Element UI Upload 上传多张图片
直播app开发搭建，Vue Element UI Upload 上传多张图片 <template> <div> <el-card> <h1>轮播图 - 图片上传管理</h1> <el-divider></el-divider> <!--注意：使用 :model="uploadImgForm" 不要使 ......
51.使用vue3+vite+typescript+element_plus的setup语法糖实现发送axios的get请求http://localhost:3000/users接口数据，将获取到的json数据显示在页面上
<template> <div> <ul> <li v-for="user in users" :key="user.id">{{ user.name }}</li> </ul> </div> </template> <script setup lang="ts"> import { ref, on ......
前端解决浏览器跨域问题
自从前后端分离后，浏览器做出了很多的限制，如产生跨域时将限制访问服务器，那要如何解决前端跨域的问题，下面将以谷歌浏览器（chrome）为标椎来提出一个简单且常用解决方案。 一、创建一个能够跨域的谷歌浏览器 下载并安装谷歌浏览器以后（如果已经拥有那就不用），右击谷歌浏览器使用快捷方式创建出另一个谷歌浏 ......
前端如何解决跨域问题
跨域问题是指由于浏览器的同源策略（Same-Origin Policy：两个页面具有相同的协议、主机和端口，三者有任一不相同即会产生跨域），导致不能在不同域名、协议或端口之间直接进行数据交互。跨域是浏览器的一种安全机制，服务端之间是不存在跨域的。如下表所示： 解决方案 JSONP：JSONP利用sc ......
vue-封装组件-超出部分限制...，并且提示
显示效果 代码： <template> <div class="tip"> <el-tooltip :content="content" placement="top" width="400" :disabled="!isShowTooltip"> <span class="member-label ......
vue3学习中使用vue-router@4的问题Invalid VNode type: undefined (undefined)
首先是按照常规的箭头函数引入的方法，结果报一下错误，且页面报错 const HelloWorld=()=>import('../components/HelloWorld.vue'); 解决办法 import { defineAsyncComponent } from 'vue' const Hel ......
vue中el-select 多选限制条件（根据不同选项进行不同可选可不选）
首先看一个数据结构： 1：无缺陷 2：有缺陷-》缺陷1，缺陷2，缺陷3 3：审核不通过 把它们集成到一个平面数据，进行下拉所选就变成了： 1：无缺陷，2：审核不通过，3：缺陷一，4：缺陷二，5：缺陷三。 因为字典项是个平面的，所以在类似的大批量的情况下，有缺陷这个类如果还按照这种结构除非自己去归类。 ......
前人踩过的雷，绕过的弯，何必重蹈，前端学习路径方法分享
今天我们一起来聊聊前端的学习路线与方法。 在上篇文章中，我和你简单回顾了前端行业的发展，到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零 ......
最佳实践：基于vite3的monorepo前端工程搭建
## **一、技术栈选择** ### **1.代码库管理方式-Monorepo：** **将多个项目存放在同一个代码库中**  > > - 《JavaScript全栈开发》：https://book.douban.com/subject ......
如何在前端应用中合并多个 Excel 工作簿
本文由葡萄城技术团队于博客园原创并首发。葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言|问题背景 SpreadJS是纯前端的电子表格控件，可以轻松加载 Excel 工作簿中的数据并将它们呈现在前端浏览器应用的网页上。 在某些情况下，您可能需要将来自多个工作簿的数据（例如，来自不 ......
乘风破浪，遇见最佳跨平台跨终端框架.Net Core/.Net生态 - 对接MQTT和它的代理们
## 什么是MQTT > https://mqtt.org  **MQTT**(`Message Queui ......
【LeetCode双向链表】LRU详解，双向链表实战
### LRU缓存 请你设计并实现一个满足 LRU (最近最少使用) 缓存 约束的数据结构。 实现 LRUCache 类： * LRUCache(int capacity) 以 正整数 作为容量 capacity 初始化 LRU 缓存 * int get(int key) 如果关键字 key 存在于 ......
Vue ref和reactive
1.ref：接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性 .value 1.1为了读写通过ref()创建的响应式变量，你需要通过.value属性来访问，可以使用unref直接获取返回值，如果unref()的参数是一个ref，就会返回其内部值。否则就返回参 ......
基于JAVA的springboot+vue摄影跟拍预定管理系统,附源码+数据库+论文+PPT
**1、项目介绍** 困扰管理层的许多问题当中,摄影跟拍预定管理一定是不敢忽视的一块。但是管理好摄影跟拍预定又面临很多麻烦需要解决,例如有几个方面:第一,往往用户人数都比较多,如何保证能够管理到每一用户;第二,如何在工作琐碎,记录繁多的情况下将摄影跟拍预定的当前情况反应给领导相关部门决策等。在此情况 ......
vue3+vite 中自定义 svg 图片 icon
关于 vue3 + vite 开发一个管理后台，并在后台中使用 自定义的 svg 图片左右路由icon #### 安装依赖 * `npm i vite-plugin-svg-icons --D` 或者 * `yarn add vite-plugin-svg-icons --D` 等其它的安装工具 # ......
vue3.0 study
# 1、 new Vue - > create(vue) #### 2.0  #### 3.0 ![](https ......
前端自动识别CAD图纸提取信息方法总结
前言 CAD图纸自动识别和提取信息具有许多意义，包括以下几个方面： 提高工作效率：传统上，对于大量的CAD图纸，人工识别和提取信息是一项耗时且繁琐的任务。通过自动化这一过程，可以大大提高工作效率，节省时间和人力资源。 减少错误和精度提升：人工处理CAD图纸容易出现错误，例如错读数字或忽略细节。自动识 ......
django多表关联实战
定义模型类： from django.db import models from django.contrib.auth.models import User ''' Django-ORM多表关联 ''' ''' 需要创建的表： 1. 书籍表 2. 出版社表 3. 作者表 4. 作者详情表 ''' ......
Ubuntu20.04使终端用户名颜色高亮
Ubuntu20.04使终端用户名颜色高亮 问题背景 你还在为你的Linux大量输出内容但是不能清晰的看到每次输入的命令而烦恼吗？找找下面图中的两条命令在哪😄 解决方法 首先介绍一下.bashrc文件： 在Linux中，.bashrc文件是用于配置Bash（Bourne Again SHell）的 ......