页面axios网络vue
vue：<img>动态绑定的路径无法解析问题
##问题 我们引用图片，正常的静态img 图片是这么引用的 ``` ``` 没问题，只要路径正确 在 vue中动态绑定路径` :src` ``` ``` 发现图片根本加载不出来，因为 `:src`根本不能解析`@/assets/img/icoms/people.png` ##解决方案 ###方案一 ......
vane 一个适用于前端打工人的全栈框架,nodejs+vue3+typescript
# vane 写这个的初衷是因为每次用node写接口的时候总是需要一些写大一堆的东西, 也有些人把很多接口都放在一个js文件内, 看起来很是杂乱, 后来用到nuxt写的时候, 感觉用文件名来命名接口路径很是方便, 无论是query参数还是params参数,都可以通过文件名来命名, 也可以通过文件夹层 ......
O2OA(翱途)开发平台如何在流程表单中使用基于Vue的ElementUI组件?
本文主要介绍如何在O2OA中进行审批流程表单或者工作流表单设计，O2OA主要采用拖拽可视化开发的方式完成流程表单的设计和配置，不需要过多的代码编写，业务人员可以直接进行修改操作。 在流程表单设计界面，可以在左边的工具栏找到ElementUI组件。 将对应的组件拖动到表单设计区域就可以创建组件了。下面 ......
网络配置
Vmware网络配置 然后点击 NAT设置： 然后 确定 – 确定 CentOs配置 改hostname [root@hadoop100 etc]# vi /etc/hostname Host里添加主机配置 [root@hadoop100 etc]# vi /etc/hosts 改ip [root@ ......
vue中加入视频播放插件vue-video-player
1.安装 ，我试了一下直接安装最新版本是汇报错误的，所以指定5.0.1 npm install vue-video-player@5.0.1 --save 2.在main.js中添加 import VideoPlayer from 'vue-video-player/src';import 'vue ......
网络——mininet使用
简介： Mininet是由一些虚拟的终端节点、交换机、路由器连接而成的一个网络仿真器，它采用轻量级的虚拟化技术使得系统可以和真实网络相媲美。 Mininet可以很方便地创建一个支持SDN的网络：host就像真实的电脑一样工作，可以使用ssh登录，启动应用程序，程序可以向以太网端口发送数据包，数据包会 ......
Vue3 在主页中加入其它模板页template
模板页 在components目录下 新建 HeaderComponent.vue 文件 HeaderComponent.vue <template> <div > 元素 </div> </template> <script> export default { // 组件名称 name: 'Head ......
Java 网络爬虫，就是这么的简单
是 Java 网络爬虫系列文章的第一篇，如果你还不知道 Java 网络爬虫系列文章，请参看 学 Java 网络爬虫，需要哪些基础知识。第一篇是关于 Java 网络爬虫入门内容，在该篇中我们以采集虎扑列表新闻的新闻标题和详情页为例，需要提取的内容如下图所示： 我们需要提取图中圈出来的文字及其对应的链接 ......
小程序实现页面转图片
要实现一个小程序页面转图片的需求，实验了以下方案： 1.wxml2canvas 微信提供的解决方案，写起来很麻烦，页面样式还有好多不支持，pass 2.webview+html2canvas 在小程序里通过webview打开一个外部页面，然后在外部页面使用html2canvas插件生成图片，这种方式 ......
第2节：vue3 模版语法
1、将vue-demo项目清理为空 （1）index.html 不动 （2）main.js删除样式引用 （3）App.vue只保留template和script （4）清空文件夹assets和components 2、模版语法 （1）文本插值 打开App.vue写一下代码 1 <template> ......
网络编程
# 网络编程 ## 引言 ### 什么是网络编程？ - 网络编程可以让程序与网络上的其他设备中的程序进行数据交互。 ### 网络通信的基本形式 常见的通信模式有如下2种形式： Client-Server(CS) 、 Browser/Server(BS) 问题
问题代码: tableTemplates: Array<HkTaskTemplateEntity> = reactive([]); //删除方法的一部分 ,根据templateId删除数组数据this.tableTemplates = this.tableTemplates.filter(item ......
SPA单页面网站首屏加载优化
对于vue和react这些单页面应用都有一个弊端，首屏加载时间长，对于用户的使用体验很不好，我们这次的目标是把页面整体加载时间控制在800ms以内 首先说下我的项目情况是vite+vue3+ts 下面主要说说要做哪些事情： 一、开启gzip资源压缩 gzip需要后端配置，在nginx里面开启，ngi ......
vue项目优化——Webpack的externals的理解
下面这边文章写得还是不错的： [webpack官网地址](https://webpack.docschina.org/configuration/externals/) 说一下自己的理解： > webpack官网解释如下：防止将某些 import 的包(package)打包到 bundle 中，而是 ......
vue3+tsx开发语法详解
## 参考链接 [vue3+tsx开发语法详解](https://baijiahao.baidu.com/s?id=1743578463689979280) [vue3官方文档和jsx的使用](https://cn.vuejs.org/guide/extras/render-function.htm ......
vue.config.js配置文件
``` const path = require("path"); function resolve(dir) { return path.join(__dirname, dir); } const port = 8080; // 端口号 const IS_PRODUCTION = process. ......
vue3+el-select的watch监听回调触发多次问题
# vue3+el-select的watch监听回调触发多次问题 > 背景： 当时的需求实：通过选择下拉框，改变当前充电桩对象，监听对象变化是刷新表格（echarts）的数据； 结果问题出现：当我选择下拉框中的函数时，watch（）中的刷新表格执行了两次。 * 第一次回调，对象的id变化； ......
Vue3 使用 axios 实现跨域
Vue3 使用 axios 可以实现请求跨域问题 1.安装axios npm install axios -S 2.引入axios 并配置为全局 $axios 对象 main.js import { createApp } from 'vue' import App from './App.vue' ......
餐厅页面
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m ......
登录页面
<!DOCTYPE html><html><head> <title>Register</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; } .container { max-width ......
Vue 卸载已经安装的某个依赖，例如 卸载 vue-resource
卸载XXX依赖 npm uninstall XXX -S 卸载 vue-resource npm uninstall vue-resource -s ......
Module not found: Error: Can't resolve ' vue-resource'
问题： 在学习vue的过程中出现了这个问题，说明VueResource模块没有安装。 解决方法： 打开终端，进入当前项目所在目录，输入指令 npm install vue-resource --save 然后等待安装，安装好了以后在main.js中引用（下图红色框中代码） ......
Vue3 vite：is a JavaScript file. Did you mean to enable the 'allowJs' option?
描述 今天在vue3+vite下进行打包时,突然vscode报了一个error。 大概的意识是询问是否启用“allowJS”选项，因为该文件在程序内是指定用于编译的根文件。 提示信息已经很明确了，下面从网上摘抄了下什么是 allowJS 选项。 allowJs是1.8中新提供的选项。TypeScri ......
Vue3 如何使用 axios
在 Vue 3 中集成和使用 Axios Axios 是一个流行的 JavaScript 库，用于在浏览器和 Node.js 中进行 HTTP 请求。它提供了简洁的 API，可以轻松地发送异步请求并处理响应数据。在 Vue 3 中，我们可以使用 Axios 来与后端进行数据交互。 参考资料：Axio ......
第1节：vue3开发前准备
（1）需要安装nodeJs版本16.0或以上版本 以下是2023年6月30日官方文档截图 （2）查看你的电脑里node版本 通过cmd命令查看 node -v查看是否大于等于16 （3） 创建vue项目 注意：vue项目的命名不能用大写字母，只能小写字母，创建的项目名会以文件夹的方式呈现 创建命令： ......
封装Axios
Axios是一个基于Promise的易用、简洁且高效的HTTP请求插件，可以用于浏览器和Node.js。首先执行yarn命令安装依赖，安装成功时在package.json文件的dependencies下多出了Axios及其版本号，笔者写此书时，安装的版本为0.26.1，如所示。 yarn add a ......
网络安全：MACsec车载应用技术解读
1.前言 我们在以往的分享中介绍了网络安全的相关技术在车载通信中的一些内容，包括E2E和SecOC等，但这些技术通常更多地是做数据校验，数据本身还是以明文进行传输。而随着网络安全级别的提高以及以太网在车载中更大规模的使用，我们迫切地需要数据加密的手段来防止数据被监听。同时由于车载通信对延迟性能的要求 ......
vue使用电子签名插件vue-esign
功能描述：1，兼容 PC 和 Mobile；2，画布自适应屏幕大小变化（窗口缩放、屏幕旋转时画布无需重置，自动校正坐标偏移）；3，自定义画布尺寸（导出图尺寸），画笔粗细、颜色，画布背景色；4，支持裁剪 （针对需求：有的签字需要裁剪掉四周空白）。5，导出图片格式为 base64 ； 第一步：安装： n ......
vue+ts项目出现types\express-serve-static-core\index.d.ts报错处理
如果出现`types\express-serve-static-core\index.d.ts` 的错误可以固定TS版本 ```js cnpm install typescript@4.1.6 cnpm install -D @types/express-serve-static-core@4.17 ......