页面axios网络vue
第二十四篇 vue - 深入组件 - 内置组件 - TransitionGroup
TransitionGroup <TransitionGroup> 是一个内置组件，用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果 和 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 Jav ......
第二十五篇 vue - 深入组件 - 内置组件 - keepAlive
keepAlive <KeepAlive> 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件 kee-alive 是 Vue 内置的一个组件 ......
第二十六篇 vue - 深入组件 - 内置组件 - Teleport
Teleport <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去 基本用法 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他 ......
第二十七篇 vue - 深入组件 - 内置组件 - Suspense
Suspense <Suspense> 是一个内置组件，用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成，并可以在等待时渲染一个加载状态 <Suspense> 是一项实验性功能。它不一定会最终成为稳定功能，并且在稳定之前相关 API 也可能会发生变化 ......
第二十八篇 vue - 深入组件 - 动态组件 - component
component 动态组件就是动态变化的组件，和动态样式一样，通过用户的操作来确定是什么类型的组件。动态样式是绑定:style，动态组件则是绑定:is 在 vue 中，实现 Tab 切换主要有三种方式：使用动态组件，使用 vue-router 路由，使用第三方插件。本文将详细介绍Vue动态组件 所 ......
第二十一篇 vue - 深入组件 - 依赖注入 - provide 和 inject
Prop 逐级透传问题 provide 和 inject 可以帮助我们解决这一问题。 [1] 一个父组件相对于其所有的后代组件，会作为依赖提供者 任何后代的组件树，无论层级有多深，都可以注入由父组件提供给整条链路的依赖 Prop 逐级透传问题 通常情况下，当我们需要从父组件向子组件传递数据时，会使用 ......
鸿蒙开发学习笔记-UIAbility-Router页面跳转接口源码分析
在鸿蒙开发中，UIAbility的跳转使用 router 方法. 在使用的时候需导入 import router from '@ohos.router'; 该方法接口成员如下： 1.interface RouterOptions interface RouterOptions { url: stri ......
vue2 + sass + sass-loader
本地vue脚手架版本：5.0.8 本地node版本：v18.13.0 项目创建：vue init webpack demo 由于项目本身不支持sass，需要首先安装：npm install sass sass-loader -D,记住：此处无需安装node-sass，安装后报错。 由于sass和sa ......
vue第一课：简单了解
1，通过JS引入，学习的时候通过CDN即可 <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> 2，在HTML文件中 <div id ='root'> <h1>hello,{{name}}</h1> </div> <s ......
h5移动端应用实现类似原生页面切换效果
1.原理 将vue-router中的跳转方法重写并监听，根据不同的跳转类型加载不同的过渡动画。 2.实现 创建router-helper.js文件 export const DirectionType = { // 进入动画 In: 'in ', // 退出动画 Out: 'out ', /** 不 ......
vue (一)
vue是一套构建用户界面的前端框架。 构建用户界面指的是用vue往html中填充数据。 框架指的是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能。 vue指令、组件（ui的复用）、路由、vuex、vue组件库 只有把上面罗列的内容掌握之后 才有开发vue项目的能力。 vue框架的 ......
JavaSE——网络编程（UDP/TCP）
网络编程入门 网络编程概述 计算机网络 是指将地理位置不同的具有独立功能的多台计算机及其外部设备，通过通信线路连接起来，在网络操作系统，网络管理软件及网络通信协议的管理和协调下，实现资源共享和信息传递的计算机系统 网络编程 在网络通信协议下，不同计算机上运行的程序，可以进行数据传输 网络编程三要素 ......
网络流学习笔记
前言 我最近在刷网络流的题，结果啥都不会做…… 把一些学习中的心得放到这里，很垃圾，请巨佬们不要吐槽。 ~~没时间写，目前先把模板放到这吧~~ （未完待续） 本文写作时间：2023.3.30 22.16 ~ ? 本文发布在洛谷博客，博客园。 网络流算法 Ford-Fulkerson 算法 Ford- ......
RockyLinux9配置网络
编辑配置文件vim /etc/sysconfig/network-scripts/ifcfg-enp0s3 TYPE=Ethernet PROXY_METHOD=none BROWSER_ONLY=no BOOTPROTO=none DEFROUTE=yes IPV4_FAILURE_FATAL=n ......
VUE分别使用普通方法、计算属性、监听器完成简易计算器
VUE分别使用普通方法、计算属性、监听器完成简易计算器 声明：本方法使用VUE完整框架独立模块组件来实现 TOP：实现效果 Ⅰ：完整框架 Ⅱ：框架实现案例组件功能细分 1.APP组件 总组件，管理所有组件(每个单独的组件最后都汇总到APP组件里,便于管理) 管理汇总:Methodss组件、Watch ......
SpringBoot的视图页面与控制器
1、SpringBoot 对视图页面的支持 SpringBoot对页面的支持有两种方式： （1）使用SpringBoot自带的模板引擎，如Thymeleaf、FreeMarker、JSP等； （2）前后端分离：这种方式前端开发和后端开发完全分离,可以由前后端两个团队分开同步开发，只需要协商好接口就行 ......
网络编程2
五.socket套接字编程 如果我们需要编写基于网络进行数据交互的程序，意味着我们需要自己通过代码来控制我们之前所学习的OSI七层(很繁琐、很复杂，类似于我们自己编写操作系统) 什么是Socket呢？我们经常把Socket翻译为套接字，Socket是在应用层和传输层之间的一个抽象层，它把TCP/IP ......
【webserver 前置知识 02】Linux网络编程入门其一
网络结构模式 C/S结构 服务器 - 客户机，即 Client - Server（C/S）结构。C/S 结构通常采取两层结构。服务器负责数据的管理，客户机负责完成与用户的交互任务。客户机是因特网上访问别人信息的机器，服务器则是提供信息供人访问的计算机。 在C/S结构中，应用程序分为两部分：服务器部分 ......
我的第一个项目(七):(解决问题)Vue中canvas无法绘制图片
好家伙, 现在,我想要把我的飞机大战塞到我的主页里去,想办法把文件导入 然后,直接死在第一步,图片渲染都成问题 先用vue写一个测试文件 来测试canvas的绘制 <template> <div> <div ref="stage"></div> <button @click="drawsth()"> ......
网络编程1
一.楔子 你现在已经学会了写python代码，假如你写了两个python文件a.py和b.py，分别去运行，你就会发现，这两个python的文件分别运行的很好。但是如果这两个程序之间想要传递一个数据，你要怎么做呢？ 这个问题以你现在的知识就可以解决了，我们可以创建一个文件，把a.py想要传递的内容写 ......
Vue3 深度选择器原理
一、Demo <!-- 补录身高与体重 --> <script lang="ts" setup> import { ref } from 'vue'; const isShow = ref(true); const height = ref(); const weight = ref(); </sc ......
Vue 2中实现数字滚动效果
代码： <template> <div class="statistics-num"> <!-- 显示当前数字，不使用逗号分隔符 --> <span class="num">{{ currentVal.toString() }}</span> <!-- 显示当前数字，用逗号分隔符 --> <!-- ......
Vue引用富文本编辑器
1.在package.json加上并安装依赖 "devDependencies": { "@jsdawn/vue3-tinymce": "^1.1.7", } 2.在页面中引入 import Vue3Tinymce from "@jsdawn/vue3-tinymce"; 3.使用 <vue3-ti ......
vue 使用 导出 Excel
import * as XLSX from "xlsx"; exportExcel() { var wb = XLSX.utils.table_to_book(document.querySelector('#data-table2'), { raw: true}); var wbout = XLS ......
【vue : 无法加载文件 G:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本】问题解决
问题 全局安装vue-cli后,安装没问题,但是执行vue -V查看版本时出问题 出现这个报错的原因：在电脑上启动 Windows PowerShell 时，执行策略极大可能是 Restricted（默认设置）。Restricted 策略不允许任何脚本运行，防止执行不信任的脚本。 解决问题 1、可以 ......
04-网络安全-渗透测试扫描工具（基础篇）
01 渗透测试扫描工具 （企业一般有专门的工具如天眼） 需要使用扫描工具对系统或者web应用进行全面的扫描。 phpstudy作用是使你计算机具有了AMP架构平台，使你能够访问一些网站。 可以使用phpstudy管理站点域名，然后就可以在浏览器直接访问了。 漏洞扫描原理 1.链路检测扫描 通过链路检 ......
网络时钟同步设备（NTP时间同步服务器）技术设计应用方案
网络时钟同步设备（NTP时间同步服务器）技术设计应用方案 网络时钟同步设备（NTP时间同步服务器）技术设计应用方案 京准电子科技官微——ahjzsz 网络时钟系统，顾名思义就是由1/2套母钟和一群子钟组成。如果你选择了安徽京准公司的HR系列时钟系统产品，那么所有的系统设计将会变得非常简单： HR系列 ......
来回切换axios取消上一次请求，版本0.22
method的方法 getCateApi async getCateApi(){ // 用户快速切换的时候取消上一个请求,要不然太卡了 const axiosSource = this.axios.CancelToken.source(); this.cancelRequest = { cancel ......