页面axios网络vue
深入剖析：Vue核心之虚拟DOM
前言 使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时间，进行 Vue ......
Linux网络状态监控
## sar命令 显示指定网络接口的统计信息，包括接收和发送的数据量、错误等指标。 ```shell 语法：sar -n DEV ``` * IFACE：本机网卡接口的名称。 * rxpck/s：每秒钟接受的数据包。 * txpck/s：每秒钟发送的数据包。 * rxkB/s：每秒钟接受的数据包大小 ......
vue定时器
```js export default{ methods:{ fun1(){ const timer = setInterval(()=>{ //需要做的事情 },1000); //通过$once来监听定时器，在beforeDestroy钩子可以被清除。 this.$once('hook:befo ......
vue input实现模糊搜索，input实现搜索下拉提示
html <input type="text" v-model="searchContent" style="border:1px solid red" @input="inputFun2"> <div v-for="(item,index) in optionsData" @click="getO ......
vue3
# https://cn.vuejs.org/guide/introduction.html#what-is-vue # 简介 ``` import { createApp } from 'vue' createApp({ data() { return { count: 0 } } }).moun ......
HTML页面中返回顶部的几种实现方式
## 第一种:引用外部jQuery 新建HTML页面,将下面代码复制保存,通过浏览器打开,即可看到效果. ```html doc ``` ## 第二种:使用css及特殊图标进行设置 全代码打造简洁美观回到顶部按钮,同上,将代码复制进HTML文件中,打开即可看到效果 ```html doc ⌆ ``` ......
前端Vue自定义手机号文本格式化组件手机号码文本转星号
#### 前端Vue自定义手机号文本格式化组件, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13231 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......
axios封装GET，POST，PUT，DELETE请求（超详细websocket代理加密解密）
核心代码： // axios 封装 import axios from "axios"; import qs from "qs"; import Crypto from './encryp' import md5 from 'js-md5' const baseURL = '/prod-api' c ......
前端Vue自定义银行卡号格式化组件 中间卡号文本转星号
#### 前端Vue自定义银行卡号格式化组件 中间卡号文本转星号, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13230 #### 效果图如下:  npm install ......
会网络爬虫能干什么？
网络爬虫是一种自动化程序，用于浏览互联网并从网页中获取数据。它可以执行以下任务： 数据采集：网络爬虫可以访问网站，并从中提取所需的数据，例如新闻文章、产品信息、用户评论等。这些数据可以用于各种目的，如市场调研、数据分析、内容聚合等。 搜索引擎索引：搜索引擎使用爬虫来抓取网页，并将其加入搜索引擎的索引 ......
[渗透测试]—5.3 网络渗透测试技术和工具
在本章节中，我们将学习一些常用的网络渗透测试技术和工具，如Wireshark、Ettercap等。我们会尽量将内容讲解得详细、通俗易懂，并提供尽可能多的实例。 ### 5.1 Wireshark Wireshark是一款免费的开源数据包分析器，可以实时或离线捕获、分析和解码网络数据包。Wiresha ......
【网络】【TCP】TCP 序列号和确认号是如何变化的？
1 前言 这节我们来看看 TCP 头部的序列号的变化过程哈，在看连接、传输、挥手之前先把这个看了哈，了解一下序列号和确认号的变化，才能更好的理解哈。比如数据传输中 TCP 序列号和确认号的变化你知道么？ 我们来瞅瞅，TCP 序列号和确认号是如何变化的？ 三次握手中 TCP 序列号和确认号的变化 数据 ......
vue3 vscode快捷模板
{ "Print to console": { "prefix": "v3", "body": [ "<script setup>", "import { ref, reactive, onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBe ......
Vue2.0针对设备调节显示内容方法
一晚上完成0.2.2、0.3.0、0.3.1三个版本的更新，很高兴，总结一下 项目地址： [穆音博客](https://blog.muvocal.com) 文章首发地址：[Vue针对设备调节显示](https://blog.muvocal.com/blog/11) ## Vue中进行优化的方式 总体 ......
vue脚手架引入less
安装依赖 npm i less@4.1.2,npm i less-loader@6.0.0 在页面使用加上lang='less' 和scope <style lang="less" scope> .el-menu-vertical-demo:not(.el-menu--collapse) { wid ......
vue组件-使用Vue.component全局注册组件
# 通过components注册的时`私有子组件` 例如： 在`组件A`的components节点下，注册了`组件F`。 则组件F只能用在组件A中；不能被用在`组件C`中。 # 注册`全局组件` 在vue项目的`main.js`入口文件中，通过`Vue.component()`方法，可以注册全局组件 ......
vue-组件-使用组件的三个步骤
# 组件之间的`父子关系`  # 使用组件的`三个步骤` 
使用 script setup 的组件是默认关闭的——即通过模板引用或者 $parent 链获取到的组件的公开实例，不会暴露任何在 script setup 中声明的绑定。 可以通过 defineExpose 编译器宏来显式指定在 script setup组件中要暴露出去的属性： ``` ``` 当 ......
vue模板大小写区分
HTML 标签和属性名称是不分大小写的，所以浏览器会把任何大写的字符解释为小写。这意味着当你使用 DOM 内的模板时，无论是 PascalCase 形式的组件名称、camelCase 形式的 prop 名称还是 v-on 的事件名称，都需要转换为相应等价的 kebab-case (短横线连字符) 形 ......
vue3自定义hook
### 什么是hooks - hook是钩子的意思，看到“钩子”是不是就想到了钩子函数？事实上，hooks 还真是函数的一种写法。 - vue3 借鉴 react hooks 开发出了 Composition API ，所以也就意味着 Composition API 也能进行自定义封装 hooks。 ......
vue组件动态缓存与动态刷新
## 动态缓存 ### 前言 在项目中，为了减少性能消耗，有时我们需要使用keep-alive把组件缓存起来，但是并不是所有组件都需要被缓存，那么如何控制那些组件需要缓存呢？主要使用到路由meta，路由前置守卫，vux，动态组件。 ### 实现 **APP.vue** ``` home test ` ......
小程序进入页面自动播放音频
以前我开发PC和H5时知道 音频/视频如果自动播放是需要静音的 小程序是不一样的 1. 首先肯定是要在 onLoad / onShow 中调用我们准备播放用的函数 这里根据自己需求写 2. 重点 我们需要构建一个 InnerAudioContext 对象 //创建内部 audio 上下文 Inner ......
vue3标准开发过程
1.如何用脚手架快速新建一个vue3项目 安装vue-cli后，用如下命令创建 vue create my-vue3-project 默认创建vue3项目，直接回车即可。 新建完成后，如何引入element-plus？ 用Webstrom打开项目， 先运行一次npm install 然后运行npm ......
etcd网络模块解析
1. RaftHttp模块介绍 在etcd里raft模块和网络模块是分开的，raft模块主要负责实现共识算法，保证集群节点的一致性，消息的发送和接收则交给raftHttp网络模块来处理，由上层应用模块来进行协调交互和消息传递。 1.1. 整体结构图 （1）当raft模块发生了状态变化时，会把变化的消 ......
计算机网络那些事之 MTU 篇
哈喽大家好，我是咸鱼 今天我们来聊聊计算机网络中的 MTU （Maximum Transmission Unit） 什么是 MTU ? MTU（Maximum Transmission Unit）是指数据链路层中的最大传输单元 通俗点来讲，MTU 是指数据链路层能够传输的最大数据帧的大小（以字节为单 ......
vue新建项目标准流程
1、如何做到快速创建Vue 2项目： 要快速创建Vue 2项目，可以按照以下步骤进行操作： 步骤1：确保已经安装了Node.js和npm（Node.js的包管理器）。 步骤2：打开终端或命令提示符，进入你想要创建项目的目录。 步骤3：运行以下命令安装Vue CLI（命令行工具）： ``` npm - ......