页面axios网络vue
Linux系列---【验证端口网络策略是否通的几种方式】
验证端口网络策略是否通的几种方式 前提：先使用ping命令保证IP是通的，再去验证端口。 方式一（telnet ip 端口） telnet 172.17.4.12 8080 方式二（curl ip:端口） curl 172.17.4.12:8080 #验证 通:curl:(52) Empty rep ......
Vue3中的Component之间的消息传递
Vue3中的父子之间的消息传递可以通过Emit进行消息传递.详细参见Vue3的官方文档Event的说明https://vuejs.org/guide/components/events.html#declaring-emitted-events 官网中的文档读起来稍微有点费解,这里阐述一下,其实就是 ......
vue项目中发布新版本线上自动清缓存
背景 最近项目更新频繁，每次一更新客户都说还跟之前的一样。一查原因是因为客户没有清空浏览器的缓存。所以为了方便客户看到最新版本，开始调研再发布新版本后自动清理缓存。 方案 每次打包后的js和css都加上hash值后缀。当文件发生改变时，hash值也改变。这样就不会走缓存 举个例子 vue.confi ......
计算机网络OSI七层参考模型和tcp/udp五层参考模型
计算机网络OSI七层参考模型和tcp/udp五层参考模型 目录 一、OSI七层参考模型和TCP/UDP五层参考模型 1.应用层 2.表示层 3.会话层 4.传输层 5.网络层 6.数据链路层 7.物理层 二、数据格式 三、数据封装的过程 四、分层优点 一、OSI七层参考模型和TCP/UDP五层参考模 ......
用Abp实现两步验证（Two-Factor Authentication，2FA）登录（二）：Vue网页端开发
@ 前端代码的框架采用vue.js + elementUI 这套较为简单的方式实现，以及typescript语法更方便阅读。 首先添加全局对象： loginForm: 登录表单对象 twoFactorData: 两步验证数据， showTwoFactorSuccess: 是否显示两步验证成功提示 l ......
Vue3+element-plus封装文字超出一行，省略号显示，鼠标悬浮展示全部
1.组件封装 <template> <el-tooltip effect="dark" :disabled="isShowTooltip" :content="content" placement="top"> <p :class="['line1', className]" @mouseover= ......
Vue.js 路由的props配置
视频 index.js(解构赋值，连续解构赋值) Message.vue 7.路由的props配置 作用：让路由组件更方便的收到参数 { name:'xiangqing', path:'detail/:id', component:Detail, //第一种写法：props值为对象，该对象中所有 ......
Vue+echarts实现中国地图射线效果
效果图如上 前提是安装Echarts并引入 并且配置中国地图json文件这些都在同账号另一篇博客上有说明，查看请自行移步 下展示代码 <template> <div class="managingPatientSize"> <el-row> <el-col :span="6">1</el-col> ......
Vue3+Vite 动态修改svg图片颜色
首先需要以组件形式使用svg，请先看这篇文章：vite中加载使用svg 可能是跟原博主使用的svg格式不同，用:style="{ color: color }"修改颜色不生效，因此做了一点修改，此修改适用的svg如下： 在iconfont官网收藏下载的svg格式图标，打开文件删除其中的fill=xx ......
uni-app vue2升级vue3过程中遇到的问题总结
首先是在升级的过程中，项目跑不起来，相关的问题不贴图了，解决办法简单粗暴，就是卸载，重装最新版Hbuilder X。可以解决一大部分问题。 再次，会出现如下报错： 是因为我在main.js中app.use 的问题，直接注释。然后发现还有如下问题： 排查了好久才发现，是因为写在app.vue中的检测小 ......
Vue项目使用Echarts来实现中国地图，省份显示
当时做的时候参考了CSND博主：接口写好了吗 第一步：下载echarts npm install echarts --save main.js中引入 import * as echarts from 'echarts'; 第二步：引入china.json文件 创建utils文件夹，在内创建china ......
vue2项目搭建
1安装 脚手架和打包工具 创建项目 npm install -g vue-cli npm install -g webpack vue create 项目名 创建vue项目时报错：vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请 ......
@Controller 跳转页面时报错
springboot项目跳转页面时报错,具体如下 报错: Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Circular view path [login]: wo ......
京准GPS北斗卫星网络授时服务器助力高速智慧交通
京准GPS北斗卫星网络授时服务器助力高速智慧交通 京准GPS北斗卫星网络授时服务器助力高速智慧交通 京准电子科技官微——ahjzsz 运用智慧交通运输系统的骨干，设计可用于连接性、分析和安全性得以连结设备管理和数据收集的平台，例如，交通讯号控制、即时交通流量、事件监控以及道路监控。 什么是智慧交通？ ......
初识 Python 网络请求库 urllib
urllib 是 Python 自带的网络请求标准库，包含了多个处理 URL 功能的模块。 urllib.request 用于请求和读取 URL『包含网页认证、重定向、cookies 等等』，可以方便的获取 URL 内容。 urllib.error 用于 urlib.request 的异常处理。 u ......
Vue2电商实战项目(二)
最新接口请求地址 - http://gmall-h5-api.atguigu.cn/ - 示例: http://gmall-h5-api.atguigu.cn/api/product/getBaseCategoryList axios二次封装 - 前端请求方法大概有这几种: XMLHttpReque ......
vue属性之监听属性(watch)
简介 当一个变量的值发生变化时，执行对应的函数 语法 # 在属性中添加watch属性，并以需要监听变量的名字进行定义函数 data:{show: 'abc'} watch:{ show(){ 我是函数内容 } } 示例 <!DOCTYPE html> <html lang="en"> <head> ......
vue之计算属性(computed)
简介 在vue中，如果在methods中定义了一个函数，也是可以通过插值语法调用的，但会产生一个问题，如果有多个输入框使用了v-model，这时不管输入的内容是否与这个函数有关，这个函数都会执行一次，这样会让降低运行效率，为了解决这个问题，可以使用计算属性 计算属性效果： 计算属性只有在它的相关依赖 ......
JavaScript Window.Location - 获取当前页面地址(URL)并重定向到新页面。
JavaScript Window.Location - 获取当前页面地址(URL)并重定向到新页面。 1、常用： window.location.href //返回当前页面的 href (URL) window.location.host // 或 window.location.hostname ......
【计算机网络-应用层】万维网
1 统一资源定位符 URL 统一资源定位符（Uniform Resource Locator，URL） 格式：<协议>://<主机>:<端口>/<路径>（端口和路径有时可省略，URL 不区分大小写） 例如： 使用 HTTP 协议访问 Web 服务器：http://www.abc.com:80/dir ......
vue项目通过外部配置文件读取接口地址- 在webpack-index.html模板中使用环境变量
概述：在index.html模板中判断当前环境，处于开发环境下时读取process环境变量、处于生产环境下时读取根目录配置文件（./config.js）,两种环境下将配置统一挂载到window全局变量上（SET_CONFIG） config.js window.SITE_CONFIG = { app ......
vue之组件
简介 组件（component）是vue.js最强大的功能之一。组件的作用就是封装可重用的代码，通常一个组件就是一个功能体，便于在多个地方都能够调用这个功能体。 每个组件都是Vue的实例对象。 我们实例化的Vue对象就是一个组件，而且是所有组件的根组件 在工程化工发后，一个组件就是一个 xxx.vu ......
vue 文件拖拽上传功能
现在，很多web端操作都喜欢使用拖拽上传功能。此方法使用起来也很简单，主要是使用 ondrop 和 ondragover 两个事件。 在vue中是这样的 <div class="upload-file-box" v-loading="loading" @drop="dropFile($event)" ......
Axios异步框架
Axios快速入门 1.引入axios的js文件 <script src="js/axios-0.18.0.js"></script> 2.使用axio发送请求，并响应结果 get: axios({ method:"get", url:"http://localhost:8080/science/a ......
网络框架重构之路plain2.0(c++23 without module) 综述
最近互联网行业一片哀叹，这是受到三年影响的后遗症，许多的公司也未能挺过寒冬，一些外资也开始撤出市场，因此许多的IT从业人员加入失业的行列，而且由于公司较少导致许多人求职进度缓慢，很不幸本人也是其中之一。自从参加工作以来，一直都是忙忙碌碌，开始总认为工作只是为了更好的生活，但是一旦工作停下来后自己就觉 ......
复杂网络社区发现算法聚类分析全国电梯故障数据和可视化：诊断电梯“安全之殇”|附代码数据
参考原文：http://tecdat.cn/?p=2186 最近我们被客户要求撰写关于复杂网络社区发现算法的研究报告，包括一些图形和统计输出。 物业工程肩负着维持项目各类设施设备的正常运作，保障全体业主的正常生活，令物业保值升值，是项目的心脏部门。拓端数据（tecdat）研究人员根据全国电梯故障上报 ......
1.Vue的基本原理
当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty（vue3.0使用proxy）将它们转为getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。每个组件实例都有相应的watcher程序实例，它会在组件渲染的过程中把属性记录为 ......
Vue3快速上手
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
1.Vue的基本原理
当一个Vue实例创建时，Vue会遍历data中的属性，用 Object.defineProperty（vue3.0使用proxy）将它们转为 getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时 通知变化。每个组件实例都有相应的watcher程序实例，它会在组 件渲染的过程中把属 ......