页面axios网络vue
记录--用 Vue 实现原神官网的角色切换效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 为了更好的了解原神角色，我模仿官网做了一个角色切换效果，在做的过程当中也总结了一些技术点。 为了让大家更好的体验，我兼容了 PC 端和移动端，建议在 PC 端查看效果更佳。接下来就为大家简单的分享一下！ 话不多说，原神启动！！ 效果 ......
《VUE》走马灯组件
<template> <!-- 走马灯 --> <div class="box"> <div class="carousel"> <div class="item" v-for="(v,i) in list" :key="i" @click="open(v)"> <img :src="v.img" ......
微信 H5 页面兼容性——适配用户修改微信客户端字体大小
关于微信安卓端网页字体适配的通知 微信安卓版 7.0.10 版本起，网页的字体会跟随微信设置里的字体大小更改而变化。 当用户修改微信客户端字体大小后，微信公众号网页的适配就会变得非常繁琐，Android 系统设备有 8 级字体大小，IOS 系统设备有 7 级字体大小，尤其将字体放大到最大一级后，页面 ......
vue element admin 实现钉钉登录
lender提了个需求，要求实现钉钉扫码登录，分pc端(扫码)及手机端(直接跳转) 准备工作 根据开发者后台文档获取appId并设置对应的回调url。为了方便演示回调url我们暂定为：https://test.com/ding 登录跳转代码 PC扫码跳转 window.location.href = ......
vue element admin 导出带有sheet的excel
lender提了个需求，要求实现导出excel并且要分sheet页，博主非常依赖框架，以为框架的代码示例里会有，结果找了一圈都没看见，非常蛋疼只能自己改写代码了 改写函数部分 在框架根目录找到 src/vendor/Export2Excel.js 文件，搜索export_json_to_excel ......
windows 网络模拟工具分享
【下载地址】 Releases · jagt/clumsy · GitHub 【介绍】 无需安装 无需篡改和代理 系统级限制，不针对单个程序，但可以针对单个IP 离线也可以限制，随停随用 界面简单 【文词解释】Presets:预制场景Lag：延迟ag：延迟Drop:丢包Throttle：单次大包Du ......
buildroot 构建根文件系统（8）添加网络时间同步
一、开发背景 构建最小系统后成功运行后，时间都是从初始化时间开始计算，形如：Thu Jan 1 09:57:55 UTC 1970 二、开发需求 开机联网后自动从网络中获取最新的时间，同步到系统中 三、开发环境 Linux Ubuntu 4.15.0-65-generic + buildroot-2 ......
application 'vueApp' died in status NOT_MOUNTED: [qiankun]: Target container with #vue not existed after vueApp mounted!
这是第一次微前端很常见的提示，尤其是第一次写前端的时候碰到的 解决1：主应用的 App.vue标签上的id="app"去掉，这是报错的根本解决2： // 在子应用挂在的时候处理 function render(props = {}) { const { container } = props; in ......
vue高德地图多边形覆盖区
高德地图准备工作 安装amap cnpm国内安装比npm更快些； cnpm install vue-amap --save main.js 配置amap的基础配置项 import GaodeMap from 'vue-amap' Vue.use(GaodeMap) GaodeMap.initAMap ......
微前端-qiankun（乾坤）入门（只针对vue + vue）
微前端现在主要以qiankun为主，网上有很多微前端的教学，但是很多啰嗦甚至没有讲到要点，逻辑顺序也很跳跃，对于想入门的同学来说学习时间过长，结合种种情况，我整理网上qiankun 中 vue的教学，从一个入门新生，怎么一步一步创建一个项目过程开始讲解。 一、首先什么是微前端（了解） 微前端就是将不 ......
vue导出带样式的excel
示例说明实现导出excel不同块的颜色 template a标签仅做文件名称调整，默认为隐藏状态； <template> <div> <button @click="exportExcel">导出</button> <a ref="export_a" /> </div> </template> sc ......
nvm、node、vue安装、vue项目创建打包
nvm、node、vue安装、创建vue项目 nvm作用：可以管理多个版本的node，切换node版本，下载node。 前情提要 参 考：https://zhuanlan.zhihu.com/p/519270555 下载地址：https://github.com/coreybutler/nvm-wi ......
axios二次封装
为什么需要封装axios? 请求拦截,在发请求之前处理一些业务 响应拦截,服务器返回数据之后处理一些事情 对axios封装的代码放在 ./src/api/request.js文件里 安装axios: npm install --save axios 封装axios import axios from ......
Vue3语法基本使用
1、watch 使用 watch(监听数据源,执行函数,[配置参数]) //配置参数： 立即执行 深度监听 {immediate: true, deep: true } 1.1 监听基本数据类型单一数据源 <script setup> import {ref, watch} from 'vue' l ......
解决vue中watch监听对象变化获取不到旧数据的问题
解决vue中watch监听对象变化获取不到旧数据的问题 1.问题代码 watch: { pageInfo: { handler(newVal, oldVal) { console.log(newVal, oldVal); }, } } 结果：打印出来newVal和oldVal输出内容一样 conso ......
day八-Python之路 - Socket网络编程
Python之路,Day8 - Socket网络编程 本节内容 Socket介绍 Socket参数介绍 基本Socket实例 Socket实现多连接处理 通过Socket实现简单SSH 通过Socket实现文件传送 作业：开发一个支持多用户在线的FTP程序 1. Socket介绍 概念 A netw ......
vue2使用百度地图（vue-baidu-map）
https://dafrok.github.io/vue-baidu-map/#/ https://www.npmjs.com/package/vue-baidu-maphttps://lbs.baidu.com/index.php?title=jspopularGL/guide/getkey 一 ......
从零开始使用vue2+element搭建后台管理系统（实现导出excel表格的功能）
首先参阅了以下文档： https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 ......
某些浏览器保存密码之后，再次打开登录页面会自动回显账号密码问题
解决方法：将输入框默认设为只读状态，当获取焦点的时候，再将自身的只读属性去除 例如：（使用的是Ant Design库里面的组件，vue2的项目） 1 <a-form-item> 2 <a-input 3 read-only // 只读属性 4 onfocus="this.removeAttribut ......
浏览器安装vue.js-devtools插件
1.火狐浏览器在——扩展和主题搜索vue，如下图所示，直接安装插件 2.Google Chrome和360浏览器 由于打不开google商店只能采取离线下载安装插件的方式 ......
springboot+vue整合百度的Ueditor
前言 最近应上级要求，添加一个富文本编辑器，百度的Ueditor（主角来了）；划重点2016年就停更了！ 废话不多说，直接开始操作吧。 ！！！建议看的时候仔细一点，因为很可能遗漏了某个地方就很抓狂！！！ 相信你看完肯定会有收获的 1、先去GitHub官网上下载Ueditor(点这里) 下载完成之后解 ......
数据包的奇妙旅程：揭秘网络传输的7个关键步骤
在发送数据包的过程中，不同层次的网络协议扮演着不同的角色。数据包在经过多层封装后，通过网络设备和路由器进行转发，并最终到达目标设备。在每个层次中，都会进行相应的处理和解封装，以确保数据包能够正确传输和被接收端处理。整个过程涉及到了物理层、数据链路层、网络层、传输层和应用层等多个层次的协议和设备。尽管... ......
vue端接收springboot端传来的表格数据
1、成果--实现啦！ 2、vue端相关代码 表格界面： <template> <div id="one"> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="id" label="Id" wid ......
计算机网络零碎概念
因特网的概述 网络，互联网，因特网 网络是由若干节点和连接这些节点了链路组成 多个网络可以通过互联网连接起来构成一个覆盖范围更大的网络，即互联网 因特网是世界上最大的互联网络 因特网发展的三个阶段 从单个网络arpanet向互联网发展 逐步形成三级结构的因特网 逐步形成多层次ISP结构的因特网 因特 ......
vue九宫格播放
[2023年9月12日22:09:19] vue实现九宫格自适应播放 业务要实现九宫格的播放，同时也要做到拖拽放大的自适应，两种思路方法，一种是通过九宫格播放容器的宽高进行单元格尺寸的计算再搭配flex等css实现自适应，工作量较大；第二种是通过ui组件库自带的grid布局，这里用ant-desig ......
Vue编译出现This file is being treated as an ES module because it has a '.js' file extension错误
问题描述 在编译前端项目时出现下面的问题： Failed to load PostCSS config: Failed to load PostCSS config (searchPath: D:/WebProject/imooc-front): [Failed to load PostCSS co ......
SpringBoot和Vue实现数据对接--Vue端
以table表格进行数据展示 Vue端 在PageOne界面进行组件引入： <template> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="date" label="Date" widt ......
利用Api接口实现手机网络连接断开的监听
在今天的移动互联网时代，手机已经成为了人们不可或缺的重要工具，而手机的联网状态也是我们经常需要关注的一个问题。我们需要保证手机网络处于正常的连接状态，但是有时候，由于种种原因，手机的网络可能会断开，这时我们需要及时发现，并进行相应的处理措施。而利用Api接口实现手机网络连接断开的监听，便是一种较为高 ......
Vue学习三：生命周期和工程化开发
一、Vue生命周期 Vue生命周期就是一个Vue实例从创建到销毁的过程 生命周期四个阶段：1、创建 2、挂载 3、更新 4、销毁 Vue生命周期函数（钩子函数） Vue生命周期过程中，会自动运行一些函数,被称为[生命周期钩子]→让开发者可以在[特定阶段]运行自己的代码。 创建阶段其实就是开辟存放数据 ......
使用element-plus组件在vue中引入分页功能
1、组件的引入 <el-pagination background layout="prev, pager, next" page-size="6" :total="60" > </el-pagination> 2、存在问题就是，现在页码并不能与每页的内容相互对应 解决方式： page用来表示确认每 ......