页面axios网络vue
内网穿透（外部网络直接访问测试内网http服务器）解决方案之frp
该方法需要有一台外网可以访问的固定ip机器，一般可以是云服务器 windows、linux、macOS都支持 从GitHub上下载frp 其中包含客户端与服务端执行文件和配置文件 服务端 frps frps.toml 客户端 frpc frpc.toml 在云服务器上配置与运行服务端（以linux为 ......
axios的this指向问题
let vue = new Vue({ methods:{ testMethod:function () { //第一个： axios({ method:"post", url:"CartServlet", }).then(response=>{ this.cartJson = response; ......
vue指令实现input自动聚焦
vue指令实现自动聚焦 代码如下： AutoFocus.js import Vue from 'vue' // 插件对象(必须有install方法, 才可以注入到Vue.use中) export default { install () { Vue.directive('fofo', { inser ......
ElementUI2+Vue2实现日期选择长期功能
ElementUI2+Vue2实现日期选择长期功能 效果如图： 代码如下： <template> <div> <el-row> <div class="block"> <span class="demonstration">带快捷选项</span> <el-date-picker v-model=" ......
vue如何判断组件是否注册
在 Vue 中，你可以通过检查 Vue 实例的 $options.components 属性来判断一个组件是否已经被注册。这个属性包含了所有已经被注册的组件。 以下是一个示例： methods: { isComponentRegistered(componentName) { return this ......
Vue中网络图片懒加载工具
在滑动列表视图中如果有网络图片需要加载直接给imag标签赋值src，会造成没有显示的item中图片也直接加载，势必浪费网络资源。 创建一个插件，让列表中的item出显的时候在加载图片从而减少网络请求。具体方法就是给img标签添加一个新的属性暂时先保存对应的url，当item滑动出现到一定值时触发事件 ......
docker 移植标准用法（移植到没有网络的环境）
制作自定义镜像docker ps #查看镜像 docker exec -it id bash # 进入容器进行自动修改操作，安装软件 通过容器提交制作镜像## -a 是作者 ，-m 是提交的记录信息 $ docker commit -a "OxyeMa" -m "myOnlyoffice" 容器id ......
vue2页面Uncaught runtime errors
当vue2请求错误，或者出现其它错误时，界面会出现一个遮罩层提示Uncaught runtime errors 解决方法： 1.打开vue.config.js或者vue.config.ts文件 2.配置devServer devServer: { // 解决页面弹出红色报错遮罩层 client: { ......
当用户打开一个网页时，想一直停留在当前打开的页面，禁止页面前进和后退，以下正确的是
A window.history.forward(1); B window.history.back(1); C window.history.go(-1); D window.history.forward(-1); 正确答案：AD 现在已经打开了一个新的网站，这个网站可以后退，不可以前进（因为不 ......
Vue基础
初识VUE <div id="demo"> <h1>Hello，{{name.toUpperCase()}}，{{address}}</h1> </div> <script type="text/javascript" > Vue.config.productionTip = false //阻止 ......
docker-compose.yaml写法，指定本地dockerfile创建（在无网络情况或者自定义的镜像）
docker-compose.yaml关键字 在docker-compose.yaml文件中，定义了Docker Compose服务的配置。以下是一些常用的docker-compose.yaml文件中的参数介绍： version：指定Docker Compose文件的版本号，定义了使用的Docker ......
vue-cli-service vue.config.js配置 productionSourceMap与webpack中的devtool 关联详细解释
https://webpack.js.org/configuration/devtool/ https://cli.vuejs.org/zh/config/#productionsourcemap https://github.com/vuejs/vue-cli/blob/f0f254e4bc81e ......
Vue中 name 有什么作用？data 为什么是函数而不是对象？
Vue中 name 有什么作用？ 项目使用 keep-alive 时，可搭配组件 name 进行缓存过滤 DOM 做递归组件时需要调用自身 name vue-devtools 调试工具里显示的组见名称是由 vue 中组件 name 决定的 data 为什么是函数而不是对象？ 组件中 data 是 V ......
vue+css实现的伪3d旋转罐+液位动态变化
话不多说先看效果： 设计思路： 罐是做了三个位置（中=>左，左=>右，右=>中）的动画效果，每个罐轮流使用一次，来实现旋转的效果。 中间的光亮做了个变形延迟。 罐的透明效果是使用了三层，即最底层是粒子不透明图片，中层是液体组件，最上层是罐体png图片。都是用了绝对定位，请务必设置好位置。 液体组件中 ......
Vue3 路由查询参数更新后，执行更新方法
import { ref, defineComponent, watch,getCurrentInstance } from "vue"; import { useRoute } from 'vue-router'; export default defineComponent({ setup() ......
获取当前页面URL信息
1，设置或获取对象指定的文件名或路径。 window.location.pathname 结果：/admin/index/index.html 2，设置或获取整个 URL 为字符串。 window.location.href 结果：http://192.168.1.11/admin/index/ne ......
Vue - 创建 Vue3 项目
Vue - 创建 Vue3 项目 需搭建项目 Vue3 + ts + sass 1. 创建项目 npm create vite@latest 2. 安装依赖 tyarn 3. 启动项目 yarn dev 4. 处理其他配置问题 1） 打开HelloWorld.vue页面，发现一些报红，报错 解决：找 ......
vue兄弟组件共享数据
1、vue2.x中，兄弟组件共享数据的方式 EventBus。 一、A组件import eventBus from "@/components/eventBus";export default { methods: { send() { eventBus.$emit('share', this.st ......
Kubernetes常用命令及yml文件、集群网络 Kubernetes组件介绍及环境搭建
Kubernetes常用命令及yml文件、集群网络 Kubernetes组件介绍及环境搭建 Kubernetes组件介绍及环境搭建 一、kubernetes常用命令 说明：因为k8s的命令都是通过kubectl组件接收的，这个组件只在master节点有，所以k8s的命令都是在master节点中执行 ......
解决Vue中使用wangEditor富文本编辑器复制粘贴word文档携带内容样式文本问题
前言：本文记录作者在vue项目中使用到wangEditor富文本编辑器复制粘贴功能所遇到的bug，故此把自己所遇到的坑及问题详细的记录下来。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。 一、自定义处理粘贴的文本内容1、配置 自定义处理粘贴的文本内容~~~如 ......
vue3 Suspense
在Vue.js 3中，Suspense 是一个用于处理异步组件的特殊组件，它允许你在等待异步组件加载时展示备用内容。这对于优化用户体验、处理懒加载组件或异步数据获取时非常有用。Suspense 的主要目标是简化异步操作的状态管理和展示。 下面是一个简单的例子，演示了如何在Vue.js 3中使用Sus ......
vue3 KeepAlive
在Vue.js 3中，<keep-alive> 是一个抽象组件，用于保留其子组件状态，防止在切换组件时销毁它们。这对于在页面间切换时保留组件的状态或避免重复渲染特定组件非常有用。<keep-alive> 主要用于缓存组件，以提高性能和用户体验。 以下是一个简单的例子，演示了如何在Vue.js 3中使 ......
vue3 Teleport
在Vue.js 3中，Teleport 是一种特殊的组件，用于在 DOM 树中的任何地方渲染其内容，而不受父组件的约束。这对于需要将组件的内容移动到 DOM 树的其他部分时非常有用，例如在模态框或弹出窗口中使用。 Teleport 提供了两个名为 teleport 和 teleport-to 的指令 ......
js帮我实现单页面跳转到指定页面的技术！
网站的根目录下的HTML文件中（通常是 index.html 或 index.php）使用 window.location 对象。 以下是一个简单的HTML页面示例，它包含了JavaScript代码，用于执行这样的重定向： <!DOCTYPE html> <html lang="en"> <head ......
vue项目中安装scss
1、安装node-sass、sass-loader 简化内容，具体版本等注意事项在下面。（node官网：GitHub - sass/node-sass: :rainbow: Node.js bindings to libsass） //默认安装最新版本 npm install node-sass - ......
神经网络入门篇：详解计算一个神经网络的输出（Computing a Neural Network's output）
一个神经网络的输出 首先，回顾下只有一个隐藏层的简单两层神经网络结构： 图1.3.1 其中，\(x\)表示输入特征，\(a\)表示每个神经元的输出，\(W\)表示特征的权重，上标表示神经网络的层数（隐藏层为1），下标表示该层的第几个神经元。这是神经网络的符号惯例，下同。 神经网络的计算 关于神经网络 ......
界面控件DevExtreme图表和仪表(v23.1) - 新功能(Angular,React,Vue,jQuery)
本文将为大家总结下DevExtreme在v23.1版本中发布的一些与图表和仪表盘相关的功能。 DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构 ......
常见诊断网络连接是否正确的命令
背景 经常我们需要确认我们使用的主机与目标主机是否连通，若不连通的话，其中在哪里断开 测试是否连通：ping ip,可选参数-n(定义发送数据包的个数)，-t（不间断向目标地址发送数据包，直到我们强迫其停止），-l（设置数据包的大小，一般默认32字节） 测试连通路径上有哪些ip：windows使用命 ......
计算机网络-面试八股文
计算机网络 OSI七层-TCP/IP四层-五层协议 在实际应用中，TCP/IP四层 更常用，所以下面的相关协议就按四层划分。 OSI七层模型 应用层 每一个应用层（TCP/IP参考模型的最高层）协议一般都会使用到两个传输层协议之一： 面向连接的TCP传输控制协议和无连接的包传输的UDP用户数据报文协 ......