页面axios网络vue
vue中scoped原理
vue中scoped原理 scoped 在vue组件中的style标签上有一个特殊属性“scoped” 作用 当一个style标签拥有scoped属性时，它的css样式就只能作用于当前的组件，通过该属性，可以使组件之间的样式不互相污染。 原理 为组件实例生成一个唯一标识，给组件中的每个标签对应的do ......
vue + canvas 实现九宮格手势解锁器
此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器，用户可以通过在九宫格中绘制特定的手势来解锁。 ......
一文扫盲：收银系统前台页面
一、收银系统主要功能 收银系统是一种用于管理和处理销售交易的计算机软件或硬件设备。它主要用于商店、超市、餐厅、零售店等销售场所，用于记录商品销售、计算交易金额、处理支付方式、生成销售报表等功能。 收银系统的主要功能包括： 商品管理：管理商品的信息，包括名称、价格、库存等。 销售记录：记录每笔销售交易 ......
32网络相关知识
后期大致节奏 * 网络编程(2~3d) * 并发编程(3~5d) * 前端(5~7d) * MySQL数据库(5d) * django基础(10~13d) * BBS项目(3~5d) * DRF进阶(7d) * 后期项目(延伸到毕业) 软件开发架构 # 什么是软件开发架构 程序员在编写软件的时候应该 ......
vue组件级别的权限控制
**核心思想：尽量减少对组件的侵入性，也就是权限控制的代码剔除出来** ### 实现 **authority.vue** ``` // 将用户权限通过作用域插槽传递出去 ``` **index.vue** ``` sssss 45 45 45 ``` ......
计网（网络层）
1. 网络层概述 * 网络层的主要任务是将分组从源主机经过多个网络和多段链路传输到目的主机，可以将该任务划分为分组转发和路由选择两种重要的功能 * 网络向其上层提供的两种服务 ![](https://img2023.cnblogs.com/blog/2745802/202309/2745802-20 ......
网络项目技术了解
# 单台服务器 即通过ssm在同一台服务器上完成前后端 SpringMVC负责前后端转发，Spring负责程序主体，MyBatis负责数据库交互 优点：简单，开发速度快 缺点：并发能力极差 # 服务器集群 即通过一台Nginx服务器将请求均匀分配给Tomcat服务器集群，每个服务器都有完整的项目前后 ......
css修改页面内元素的滚动条样式
<div class="box"> <div class="content"></div> </div> <style> .box{ width: 100px; height: 200px; overflow: auto; } .content{ width: 100px; height: 1000 ......
网络编程学习大纲&&网络编程1.1
### 网络编程的学习大纲 1. 计算机网络体系结构模型，网络编程专业术语（socket/IP/端口号），通信时序图 2. 传输协议：TCP协议/UDP协议 3. 多进程并发服务器，多线程并发服务器 4. 网络编程IO模型：阻塞IO/非阻塞IO/多路复用/信号驱动 5. 超时接收数据方法 ### 回 ......
vue
### vue2 #### 引入方式 ```python #CDN的方式引入 #下载后导入 其实就是直接在浏览器中打开https://cdn.jsdelivr.net/npm/vue/dist/vue.js，然后复制下来，创建一个js文件再粘贴进去 7.补充 解释型的语言是需要解释器的 js就是一门 ......
Vue简单浮动标签(simple floating labels)
简介及使用教程 Vue简单浮动标签(simple floating labels)是一个基于Vue.js的简单浮动表单标签组件，支持自定义颜色、边框及错误信息。 安装 npm i vue-simple-floating-labels 使用 引入组件 import FloatingLabel from ......
js 全屏和退出全屏 这里是vue2的写法
全屏和退出全屏 js 的实现方式 这里是vue2的写法 全屏和退出全屏的切换 切换页面显示文字 <div id="box"> <el-button v-if="!fullscreen" @click="fullScreen()">全屏</el-button> <el-button v-else @c ......
滚动到底部的Vue指令插件
简介及使用教程 Vue Chat Scroll是一个保持可滚动内容滚动到底部的Vue指令插件，用于Vue.js 2，当在该元素中添加新内容时，滚动到该元素的底部。 安装 npm i vue-chat-scroll 使用 import Vue from 'vue' import VueChatScro ......
Vue 拖拽组件(Draggable)
简介及使用教程 Vue 拖拽组件(Draggable)是一个允许与View-Model同步进行拖放排序的Vue组件。这是基于Sortable.js并提供它的所有功能。 特点 完全支持Sortable.js特性： 支持触摸设备 支持拖动句柄和可选择的文本 智能自动滚动 支持在不同列表之间拖放， 没有j ......
Vue 密码强度测试器(Password Strength Meter)
简介及使用教程 Vue 密码强度测试器(Password Strength Meter)是一个基于zxcvbn的交互式密码强度测试组件。 安装 Npm npm i vue-password-strength-meter zxcvbn 使用 基础用法 <template> <password v-mo ......
网络安全管理员: 从事网络及信息安全管理、防护、监控工作的人员
网络安全管理员: 从事网络及信息安全管理、防护、监控工作的人员。 本工种为信息处理与网络环境下的网络系统安全运行管理和监控等工作的人员。 职业技能等级: 本职业技能从低到高设立四个等级:四级（中级工）、三级（高级工）、二级（技师）和一级（高级技师）。 四级（中级工）:能够熟练运用基本技能和专门技能完 ......
vite + vue3 自动导入点击路由刷新问题记录
export default defineConfig(() => { // 这里只加入了element的有其他的也加在这里 const optimizeDepsElementPlusIncludes = ['element-plus/es']; // 预加载element样式 有其他组件也是如此设 ......
Vue3实战06-CompositionAPI+<script setup>好在哪？
Vue 3 的Composition API + ``` ``` 这就把清单功能独立出来，可在任意需要的地方复用。 基于组件去搭建应用，可实现对业务逻辑的复用。如有其他页面也需要用到这功能，直接复用。 然后，就可基于新语法实现清单应用。 把之前的代码移植过来后，使用ref包裹的响应式数据。修改tit ......
2-Vue.js环境准备-使用vue-cli快速搭建项目(cli2)
一、概述 在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢，可以考虑使用淘宝镜像的cnpm来代替npm。 首先Vue的安装依赖于Node.js，要保证你的计算机上已经安装过Node.js。可以参考前面的文章：htt ......
让页面价格等数字显示两位小数
// 让数字显示两位小数 由于0.00 和3.00 只能是字符串格式 返回统一显示字符串格式 export const RoundToFixed = (num,dec)=>{ let sNum = num + ""; let idx = sNum.indexOf("."); if (idx < 0) ......
网络的一些基础知识
### tcp三次握手 - 服务器进入LISTEN监听状态 - 客户端尝试连接服务器，发送SYN包产生一个随机的初始序列号seq = x，客户端进入SYN_SEND状态等待服务器确认 - 服务器接收SYN包并确认，ack = x + 1，同时向客户端发送一个SYN包，seq = y，服务器进入SYN ......
与读者互动：建立稳固的小红书社交网络
嗨，亲爱的小红书读者们！作为你们心目中的小红书专家小紫，我今天将带你们探索如何建立稳固的小红书社交网络。小红书作为一个高度互动和社交化的平台，拥有数百万活跃用户，这里的社交网络可以让你结识志同道合的朋友、获取实用的购物攻略、分享你的生活见闻，并且还能够发现最新的潮流趋势。 首先，要建立稳固的小红书社 ......
ipv6下访问网页和网络共享
如访问网络共享 \\fe80::6d80:75d6:107e:5723\d 微软为IPv6地址转换建立了一个特殊的域ipv6-literal.net，通过UNC路径中使用IPv6地址，需要使用破折号来代替冒号，并且需要在地址的末尾加上.ipv6-literal.net后缀，例如将上面的UNC地址改为 ......
新建vue项目(vue@3.3.4)
一，通过命令行创建 root@lhdpc:/data/vue# vue create responsive 此处使用默认选中的vue3,回车即可 二，运行vue项目： 按照提示运行 root@lhdpc:/data/vue# cd responsive/ root@lhdpc:/data/vue/r ......
npm:安装@vue/cli(5.0.8)
一，安装@vue/cli: 查看bin目录下的程序 root@lhdpc:/usr/local/source/node# ls /usr/local/soft/node-v18.17.1-linux-x64/bin/ corepack node npm npx 用npm安装 root@lhdpc:/ ......
vue 图片加框及文字标注，并可返回base64
// 图片添加标注并转为base64,用于对图片某个地方画框标注文字 /** * 获取table可视化高度 * @param imgUrl 图片地址 * @param markInfo 标注信息，markInfo.target是标注画框的坐标，markInfo.text为标注文字，默认标注在画框的右 ......
$router.push跳转页面传参
$router.push传参与收参 //传参 <el-button type="text" @click="$router.push('/games/Match?id='+1)">页面跳转1</el-button> //收参 const id = this.$route.query.id; $rou ......
Windows服务器使用IIS部署html页面
如果用的是Linux相同的话 把前端部署上去 你就是直接把本地的文件cv过去就行了 页面的ip就是你服务器的ip 但是在windows系统上 就不行 你要自己配置一个公网ip 配置步骤如下: 双击打开服务器 然后就可以了 然后这边启动你刚刚配置的项目 出现这个页面 解决办法 找到这个应用程序 改为t ......
VUE后台管理系统(三) 项目引入Echart
### 项目引入`Echarts.js` - 安装依赖 ``` - npm install echarts ``` - 新增`lineChart组件`,用来展示`折线图` ``` - 准备容器 - 生成echart实例 - 实例.setOption({}) # 一堆的配置... ``` ``` ## ......
vue本地连接多个服务器
通过配置代理的方式： 后端接口在浏览器已通  前端接口： ![](https://img2023.cnblogs. ......