页面axios网络vue
vue-router 添加动态路由
需要解决以下几个问题： 1. 如何添加？（请求后台接口，拿到路由数据后进行处理后添加） （ 图1-1 ） （ 图1-2 ） 2. 添加的时机？（a. 各种登录接口返回成功时， b.登录成功后刷新页面 ） （ 图2-1 ） 登录成功后，刷新页面时 （ 图2-2 ） 3. 其他问题 3.1 如果当前停留 ......
Vue中使用quill-editor(富文本编辑器)
## 一、安装quill-editor富文本编辑器 ``` npm install vue-quill-editor --save ``` ## 二、引入 ### 1.全局引入 在main.js中引入（示例）： ```js // 文件：main.js import VueQuillEditor fr ......
React与VUE究竟谁会取代谁?
最近在许多技术社区,很多人在讨论React会不会被VUE取代的问题, 就我过去的个人经验而言, 两者各有优势, 不存在谁被谁取代的问题. vue就是一个js库，并且无依赖别的js库，直接引入一个js文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架表示开发者可以由简单组件写起，渐渐 ......
vue图片压缩插件
图片压缩插件 1.安装插件 npm i js-image-compressor 2.引入 import ImageCompressor from 'js-image-compressor' 3.使用 compressionImage (file) { return new Promise((reso ......
vue通过style切换背景图片，出现闪屏现象
1.情况：通过监控swiper的index修改背景图片，出现闪屏情况 2.解决：尝试过多种方法例如v-clock，提前定义路径变量等都无法解决问题，最终使用提前定义好类名，通过修改类名动态更改类解决，在浏览器网络中可发现只请求过一次，不再是滑动时每次重新请求图片，因此不会出现闪屏现象 ......
Django-4.2博客开发教程:数据库操作-页面动态展示数据库中的数据（十）
1、数据准备工作 首先增加2篇文章用于展示数据。 我用的mysql数据库，使用pycharm的DB Browser 进行数据查询。双击blog库下面对应的文章表，则显示当前数据。 2、查询数据并动态展示 models.py 里的类就是一个模板，在views.py引入并实例化。即将值查询出来并赋值到一 ......
node14 升级 node16 后 vue2 项目中 sass 报错问题
起因 不知道因为个什么手贱把之前的 node14 版本卸载了去官网重新下载安装了一下 node，最近版本升级到了 node16，以为应该不会有什么问题吧，结果把项目一跑，我勒个去，一堆飘红的，看控制台提示主要是这个 node-sass 报的错。 # 卸载 npm uninstall node-sas ......
Cilium系列-15-7层网络CiliumNetworkPolicy简介
## 系列文章 * [Cilium 系列文章](https://ewhisper.cn/tags/Cilium/) ## 前言 今天我们进入 Cilium 安全相关主题, 介绍 CiliumNetworkPolicies 相比于 Kubernetes 网络策略最大的不同: 7 层网络策略能力. ## ......
vue报错 Multiple assets emit different content to the same filename index.html
vue-cli版本:@vue/cli@5.0.8 报错现象:想把css和script全部内嵌到html文件中,就用了"HtmlInlineScriptPlugin"插件,打包后js代码被嵌到了head里,导致代码提前执行找不到#app,再配置HtmlWebpackPlugin插件通过inject: ......
深度神经网络调优
1.选择合适的模型架构 总结：当开始一个新的工程时，试着复用已经有效果的模型 1）首先，选择一个已经被广泛使用和建立起来的模型架构来先让其正常工作。可以在以后再建立一个定制化的模型。 2）模型架构一般都具有多种超参数，这些超参数决定了模型的尺寸和其他一些细节（如，层数，层 宽，激活函数的类型），因此 ......
Vue的升级与降级命令
# vue2.0–>3.0 npm uninstall vue-cli -g (全局卸载vue2.0) npm install @vue/cli -g (全局安装vue3.0) npm install @vue/cli-init -g （如果还想使用vue2.0可以安装这个桥接工具） vue ini ......
Mitsubishi 三菱FX5U间1:1网络通讯
通过RS485通信适配器或者扩展版连接两台三菱FX PLC的信息自动交换，其中1台作为主站，另1台作为从站。在1:1通信方式下，用户不需要编写通信程序，只需要设置与通信相关的参数，两台PLC之间就可以自动传送数据，最多可以连接100点辅助继电器和10点数据寄存器的数据。 硬件接线 参数设置 在模块参 ......
P9235 网络稳定性
## 前置知识 - 最近公共祖先（LCA) - $\text{Kruskal}$ 重构树 ## 简化题意 >[P9235 网络稳定性](https://www.luogu.com.cn/problem/P9235) > 给一个有边权的无向图，给你点 $u$ 到另一个点 $v$ 所有的路径上最大的边权 ......
vue中axios多次相同请求取消上一个请求
api import axios from 'axios'; export function getDataFlowGraph(id, that) { return request({ requestBase, url: `/workflowMetadata/getDataFlowGraph/${i ......
页面静态化的方法 伪静态
``` 1.页面静态化 --在静态页面还是会有一部分内容会发送变动，可以使用ajax动态加载这些需要变动的数据 1.真静态 1)使用ob缓存获取页面输出的内容，进行静态页面生成 缓存区：ob缓存区=》程序缓存区=》浏览器缓存区 ob_start() 开启ob缓存 ob_clean() 清除缓存区 之 ......
拖拽宫格vue-grid-layout详细应用及案例
[toc] # 1、前言 vue-grid-layout是一个适用于vue的拖拽栅格布局库，功能齐全，适用于拖拽+高度/宽度自由调节的布局需求。本文将讲述一些常用参数和事件，以及做一个同步拖拽的Demo。效果动态图如下： 1.用户管理服务器系统版本介绍 windows服务系统（不开源）:win2003 win2000 win2008 linux服务系统 : redhat(开源收费)，centos（开源免费）用户概述 SID = 系统id(电脑唯一标识)+uid(用户标识最后几位) wi ......
（网络）台式机无法上网问题
# 问题：以太网正常连接，但是无法连接微信，向日葵，浏览器。 + 飞书报错：  + 浏览器报错：协议不受支持，客户 ......
分离式网络变压器连接方式
资料来源：https://www.myjwd.com/fenlishiwangluobianyaqi.html 器件选型：https://www.myjwd.com/searchproducts/?psid=152&sid=159 ......
【腾讯云 Cloud Studio 实战训练营】基于Cloud Studio构建React完成点餐H5页面
 ### 前言 * 最近也是有机会参与到了腾讯云举 ......
前端 Vue 应该知道的一些东西，个人笔记 2021-11-26
## 前端代码编写规范及es6常用语法 1. 命名规范 ``` 文件夹名称，文件名称，组件名称，统一使用大驼峰或者 小横线方式命名； 组件文件名: list-item.vue.或者ListItem.vue; 基础的无状态的通用组件加V Base App前缀 BaseButton AppButton ......
论文分析|利用图神经网络挖掘群组信息进行个性化推荐
Exploiting Group Information for Personalized Recommendation with Graph Neural Networks论文分析初步 # 论文分析 **推荐系统的关键问题是如何对用户偏好进行建模。**已有工作大多利用用户历史数据学习用户偏好，但面 ......
【Vue笔记链接总结】
# 【Vue笔记链接总结】 # 【一】前端发展史 - [【1.0】前端的发展史 - Chimengmeng - 博客园 (cnblogs.com)](https://www.cnblogs.com/dream-ze/p/17610231.html) # 【二】Vue之介绍及引入 - [【2.0】Vu ......
【Vue大回顾】
# 【Vue大回顾】 # 【一】Vue入门 ## 【1】MVVM（Model-View-ViewModel）架构 - MVVM（Model-View-ViewModel）是一种软件架构模式，用于将用户界面（View）与应用程序逻辑（Model）之间的关系进行解耦。 - 在MVVM中，ViewMode ......
【13.0】Vue3之引入
# 【一】Vue3介绍 ## 1.性能的提升 - 打包大小减少41%： - Vue3采用了一种新的编译器，它能够生成更精简的代码，从而减小了打包后的文件大小。 - 初次渲染快55%, 更新渲染快133%： - Vue3对渲染过程做了优化，提高了首次渲染和更新渲染的速度。 - 内存减少54%： - V ......
【14.0】Vue3之函数
# 【一】setup函数 - `setup`函数是用来替代Vue 2中的`data`、`methods`等选项的。 - 它是一个特殊的函数，它会在组件实例创建之前被调用，用于初始化组件的状态和行为 - `setup`函数可以定义变量和函数，并且可以使用ES6的`let`和`const`语法来声明变量 ......
【12.0】Vue之Router的使用
# 【一】Router的介绍 - Router是一种用于实现页面组件跳转的工具。 - 在单页面应用中，为了实现页面之间的切换，可以使用Router来进行管理和控制。 - 提倡单页面应用，需要做页面的跳转 》借助于Router实现页面组件的跳转 # 【二】Router之简单使用 ## 【1】页面跳转 ......
Vue 第三方UI库参考
# Vue3 UI库 # 【一】Element Plus(ElementUI 的升级版): - Element Plus 是前端开发者广泛使用的一个基于 Vue 3 的 UI 组件库。它是 ElementUI 的升级版，提供了丰富的组件和样式，以及强大的功能。其基本使用操作包括： - 安装 Elem ......
【15.0】Vue之Hook实现打点
# 【一】JS代码 - `\src\hook\UsePoint.js` ```js import {onBeforeUnmount, onMounted, reactive} from "vue"; export default function () { let point = reactive( ......