页面axios网络vue
前端页面常见的布局方式有以下几种
# 前端页面常见的布局方式有以下几种 1、文档流 --内联元素从左往右排列，块级元素从上往下排列。 2、float（浮动）布局 3、position （定位）布局 4、display inline-block （行向）布局 5、margin 布局 6、display:flex 弹性布局 7、disp ......
ajax与axios
概念：ajax(Asynchronous Javascript And Xml):异步的js和xml ajax作用： 1、使用ajax和服务器进行通信，就可以使用html+ajax替换jsp页面 2、异步交互 原生ajax <!DOCTYPE html><html lang="en"><head> ......
vue面试2
VUE2 1. 为什么.Vue被称为“渐进框架”? 使用渐进式框架的代价很小，从而使现有项目(使用其他技术构建的项目)更容易采用并迁移到新框架。Vue.js 是一个渐进式框架，因为你可以逐步将其引入现有应用，而不必从头开始重写整个程序。 Vue的最基本和核心的部分涉及“视图”层，因此可以通过逐步将V ......
vue3 文件上传进度条组件
index.vue文件 <template> <div class="confirm-modal"> <transition name="fade"> <div class="modal-dialog" @click="clickMaskToClose ? handleCancel() : null ......
vue开发超级方便的Node版本管理器nvm
nvm全名node.js version management，是 nodejs 的版本管理工具 可以在一个环境中同时安装多个 nodejs 版本（和配套的 npm 版本），并随时切换 开发调试不同 nodejs 应用变得更省心，随时切换所需要的版本。 github地址： nvm git 地址 nv ......
从输入URL到页面展示
[TOC] ## 用户输入过程 1. 地址栏`omnibox`判断用户的输入是搜索内容还是URL链接： - 如果是搜索内容，地址栏使用默认的搜索引擎合成带搜索关键字的URL链接 - 如果输入内容符合URL规则，则加上协议合成完整的URL链接 2. 用户输入完成后按下回车键，浏览器导航栏显示加载状态， ......
vue之排序后端排序功能的实现
实现了使用后端的排序，前端只负责向后端发送请求要数据就可以了。 整个代码的简单逻辑就是，后端定义好的接口，前端使用逻辑获取前端是想正序、逆序还是无排序，然后将排序拼接到url中，发送给后端就行了。 代码如下： ```html ``` ......
vue better-scroll的参数和方法
startX: 0 开始的X轴位置 startY: 0 开始的Y轴位置 scrollY: true 滚动方向为 Y 轴 scrollX: true 滚动方向为 X 轴 click: true 是否派发click事件，通常判断浏览器派发的click还是betterscroll派发的click，可以用e ......
vue面试题1
VUE1 1.那你能讲一讲MVVM吗? MVVM是 Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并自动将 ......
vue项目中嵌入软键盘（中文/英文）
键盘效果是这样，样式可以自己调整。gittee地址：https://gitee.com/houxianzhou/VirtualKeyboard.git步骤1 安装使用jQuery npm install jquery --save main.js中引入 import $ from 'jquery' ......
vue2第二章
1.组件封装 父传子 【使用最多的 主要用于封装 展示型 的组件】 子传父 【主要用于封装 有交互的组件, 一般是有事件绑定】 插槽 【主要是要插入内容】 1）卡片组件封装【展示型组件】 封装 <template> <div class="as-panel"> <div class="icon-wr ......
vue中引入echarts
1、先下载依赖包 npm install echarts -s //安装在目标项目中，如果想要全局安装就用-g 2、引入 2.1、全局引入 main.js中 import echarts from 'echarts' Vue.prototype.$echarts=echarts //也可以用： im ......
vue3第一章
官方文档（ 中文版 ）：https://vue3js.cn/docs/zh/ 视频：https://www.qiuzhi99.com/movies/vue3/1330.html 语法对比：https://www.jianshu.com/p/4e7ba9e93402 与2.x区别对比 1. vue2和 ......
vue2第三章
1.内置组件component 渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。 vue内置组件 <template> <component :is="viewName" @updateView="updateView" > </component> </template> <s ......
vue2第一章
1.安装两个vscode插件 vetur --让.vue文件高亮和有语法提示 Vue VsCode snippets -- 快捷写代码 2.vue组件 一个.vue文件就是一个组件，称为单文件组件 <template> <div> // 这里写 HTML 注意：template只能有一个根节点 </ ......
网络协议
> ## OSI七层模型 > >  > > ## TCP/IP三次握手 > > ![image](htt ......
一次网络不通"争吵"引发的思考
"你到底在说什么啊，我K8s的ecs节点要访问clb的地址不通和本地网卡有什么关系..." 气愤语气都从电话那头传了过来，这时电话两端都沉默了。过了好一会传来地铁小姐姐甜美的播报声打断了刚刚的沉寂「乘坐地铁必须全程佩戴口罩，下一站西湖文化广场...」。 ......
Vue初识
##### 一、Vue目录结构  ###### 1.vue组件 在Vue中，一个组件通常 ......
前端vue、js、html、svg文件
**HTML文件** HTML文件用于定义网页的结构和内容。HTML文件包含HTML标记，用于创建网页的各个元素，如标题、段落、链接、图像等。HTML文件被浏览器解析和渲染，将其转换为可见网页。 ```html /*声明：用于指定 HTML 文档的版本类型*/ /*HTML 文档的根元素，包含了整个 ......
underlay与overlay网络
#1 underlay网络 1. underlay是指物理网络，它是由物理设备了物理链路组成；常见的物理设备有交换机，路由器，防火墙，负载均衡器，入侵检测等等，这些物理设备通过物理线路连接起来形成一个传统的物理网络，这样的物理网络，我们称之为underlay网络 2. 就好比我们自己开车上下班，所有 ......
Linux 网络发包流程
哈喽大家好，我是咸鱼 之前咸鱼在《[Linux 网络收包流程](https://mp.weixin.qq.com/s?__biz=MzkzNzI1MzE2Mw==&mid=2247486122&idx=1&sn=df659a7458028772c9595e98d5cefbc1&chksm=c2930 ......
Vue 加载远程组件的解决方案
## 背景 最近的项目有一个加载远程组件的需求。基于此我对 Vue 加载远程组件的方案进行了研究，并且整理了两个可行的解决方案。 ## HTML 文件 + umd 组件 这个方案是最简单、最容易实现的。组件以 umd 的格式进行打包，然后在 HTML 文件中直接使用。 ```html ``` 但是这 ......
vue el-form 多种校验
rules:Object.freeze({ name1: [{ required: true, message: '请输入发放计划编码', trigger: 'blur' },{ pattern: /^(?!\s+).*(?<!\s)$/, message: '首尾不能为空格', trigger: ......
VUE后台管理系统(三)
### SKU管理模块 开发 - 先完成`静态组件` ``` ### Sku.index.vue ,sizes,total"> ``` - 配置请求并存储后端返回的数据 ``` ### product.sku.js ...... export const reqSkuList = (page,lim ......
vue项目在360浏览器兼容模式下SCRIPT1002: 语法错误以及“fetch”未定义问题解决
使用360浏览器的兼容模式，vue项目页面空白，打开控制台，发现如下报错：SCRIPT1002: 语法错误 解决方法如下： 1、安装依赖 npm install --save core-js regenerator-runtime 2、在main.js引入 import 'core-js/stabl ......
jeecgboot-vue3 查询区 label 文字居左实现
>以系统管理中的系统角色界面为例 > ## 操作步骤 #### 1. 通过路由或者工具找到当前代码所在的文 ......
NQA、BFD 网络健康检测
#1 NQA ##1.1 NQA介绍 1. NQA(Network Quality Analyzer)网络质量分析 是一种实时的网络性能探测和统计技术，可以对响应时间、网络抖动、丢包率等网络信息进行统计。 1. NQA还提供了与Track和应用模块联动的功能，实时监控网络状态的变化。 1. NQA通 ......
网络运维之无线调优
1.无线连接速率下降 无线网络设备能够智能调整传输速率，以适应无线信号强度的变化，保证无线网络的畅通。但是，如果连续一段时间内网络连接速度低于2Mb/s，那就说明网络可能出现了故障，可以进行以下操作，以恢复原有的传输速率： 01.查看是否开启了无线网卡的节电模式。在采用节电模式时，无线网卡的发射功率 ......
卸载页面时上报日志
### 当刷新页面或关闭页面时，上报日志 ```javascript function report() { let myHeaders = new Headers(); myHeaders.append("Accept", "application/json"); myHeaders.append ......
一文教你如何实现低代码轮播图中点击图片跳转不同的H5页面
【关键字】 低代码开发、API6、轮播图组件、Item实例数据获取、H5页面跳转 1、写在前面 实际开发中我们经常会遇到这样的场景，首页轮播图加载了几张活动图片，每张图片点击之后会跳转到各自不同的活动详情页面，活动详情是通过H5页面实现的，现在我们来思考一下在API6的低代码开发中该如何实现这样的需 ......