vue源码 周期 生命
pod 容器下线前做些生命周期的操作，如服务从注册中心下线
1.我们可以写一些下线的脚本如：（postop.sh） #!/bin/bash #先从注册中心下线 curl http://127.0.0.1:9010/server/deregister sleep 20 #睡眠20s,调用springboot优雅关机接口 curl -X POST http:// ......
基于vue-cli 5 和webpack 5实现微前端
有这么一个需求，项目里有很多业务模块，它们都有引用一些公共组件，每个业务模块打包后都是一个独立的应用，当公共组件修改时，单独打包公共组件，其他应用能够不需要重新构建，就能直接使用最新的公共组件，要怎么实现？ 一开始我想到的是使用网络资源，就是把公共组件打包后的js文件放到服务器，其他应用通过scri ......
Servlet 生命周期、工作原理
Servlet 生命周期、工作原理 Servlet 生命周期：Servlet 加载—>实例化—>服务—>销毁。 init（）：在Servlet的生命周期中，仅执行一次init()方法。它是在服务器装入Servlet时执行的，负责初始化Servlet对象。可以配置服务器，以在启动服务器或客户机首次访问 ......
向AI请教能否用图片生成vue代码
Can figma generate vue code based on a screenshot captured from an android app? Wed, Jul 5, 2023, 3:49 pm avatar No, Figma does not natively generate ......
vue脚手架创建与环境安装(转载)
1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版，如果要安装以前的版本👇，页面往下拉找到 Previous Releases—Donloads—下载msi文件。 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......
10：vue3 组件注册方式（全局注册和局部注册）
组件注册方式 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。 全局注册 将09节课程的Header组件进行全局注册演练 在main.js中添加Header.vue组件的注册 1 import { createApp ......
VUE 2项目使用vue-json-excel导出数据
记录一下后端返回的json数据转成excel导出 ###这里外面使用的是 [vue-json-excel](https://github.com/jecovier/vue-json-excel) ###1.安装包 ``` npm install vue-json-excel ``` ###2.组件中 ......
vue3子组件向父组件传参
《好记性不如烂笔头系列》 子组件 <template> <div class="protocolstyle"> <van-checkbox v-model="checked" toggle @click="userProtocolClick"></van-checkbox> <span class= ......
09： vue3 组件嵌套关系
组件嵌套关系 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构： 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。 创建组件及引用关系 Header. ......
vue-treeselect 被 overflow 遮挡
# 场景 在一个内容区域设置了 `overflow` 纵向滚动的对话框中，内部的 `vue-treeselect` 组件下拉框选项被遮挡了。 # 解决办法 给 `vue-treeselect` 设置 `appendToBody` 和 `z-index` 属性。 ![image](https://im ......
直播源码开发，文字垂直滚动、纵向走马灯
直播源码开发，文字垂直滚动、纵向走马灯 方法一、使用系统控件ViewFlipper方式： 布局文件： <ViewFlipper android:id="@+id/view_flipper" android:layout_width="300dp" android:layout_height="35d ......
在asp.net core中使用vue3+vite（起）
## 前言 一开始是一个自用的应用，原本是用razor写的。最近有了点新想法，加点新功能，但是我接触的项目基本都是vue+api的前后端分离，用这razor写的是真不习惯，最后决定还是用习惯的vue重写。 之前尝试过在.net core里使用vue2+webpack，毕竟实际上就是把.vue翻译成了 ......
直播商城源码，加载网页、html文件显示加载进度
直播商城源码，加载网页、html文件显示加载进度 新建加载WebViewActivity 新建WebViewActivity加载网页html文件 class WebViewActivity : AppCompatActivity() { override fun onCreate(savedInst ......
第八篇 - Vue路由跳转步骤
第六篇讲了将SpringBoot和Vue项目结合起来，实现了使用Vue访问SpringBoot的API。这一篇我们介绍当访问API成功后跳转到新的Vue页面怎么处理。 参考链接：https://zhuanlan.zhihu.com/p/468467076 第一步：首先新建一个Vue页面 jump1t ......
08：vue3 组件基础
定义一个组件 在components文件夹下新建MyComponent.vue组件 写入下面代码 1 <script> 2 export default { 3 data() { 4 return { 5 count: 0 6 } 7 } 8 } 9 </script> 10 11 <templat ......
解决vue中mapbox地图显示一半的问题
### 解决vue中mapbox地图显示一半的问题 问题描述： 在vue中创建mapbox地图，地图只显示一般，查看浏览器开发者工具。发现将`canvas.mapboxgl-canvas` 的`position:absolute`去掉就解决了 。 代码修改：获取到`canvas.mapboxgl-c ......
我坚定的认为，这个源码肯定是有 BUG 的！
你好呀，我是歪歪。 上周我不是发了《我试图给你分享一种自适应的负载均衡。》这篇文章嘛，里面一种叫做“自适应负载均衡”的负载均衡策略，核心思路就是从多个服务提供者中随机选择两个出来，然后继续选择两者中“负载”最小的那个节点。 前几天有读者看了文章后找到我，提出了两个问题。 有点意思，我给你盘一下。 第 ......
vue lang="scss" scoped 样式穿透的规则
1：外层容器 ::v-deep 组件 { }2： ::v-deep 组件 { }3： ::v-deep { & 组件{ } } ......
语音直播源码知识分享：探索新的沟通方式
语音直播作为一种新兴的沟通方式，给用户带来了更加真实、亲近的交流体验。它不仅满足了人们对于实时沟通的需求，还促进了社交互动和多元化内容的传播。 ......
hook:beforedestroy - 监听生命周期
# vue中hook的两点使用 ## 1. 在同一个组件中 例如：在mounted中添加一个监听需要在beforeDistroy中移除这个监听，考虑到某些原因你不想再写个beforeDistroy去实现，这时候绿巨人hook就该登场了 ``` mounted () { window.addEvent ......
vue项目动态菜单import运行报错【转】
Module build failed (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js): TypeError: Cannot read property ‘range’ of null ......
vue项目报错：Node.js v18.16.1 error Command failed with exit code 1.
原因： 把node升级到了最新的长期支持版18.16.1，结果运行vue项目启动失败，报错如下：  试了各种办法都解 ......
vue渲染原理简单实现
实现功能： 1.渲染系统： · 功能一：h函数，用于创建并返回一个VNode（虚拟对象）; · 功能二：mount函数，用于将VNode挂载到节点上； · 功能三: patch函数，用于对比两个VNode，决定该如何处理新的VNode； ### 1.新建一个index.html的页面 其中有一个id ......
Vue项目引入Bootstrap5步骤
1、在工程项目下安装Bootstrap5依赖包  `npm install bootstrap@5.3. ......
Vue, Django | 数据可视化平台开发
给公司搞了个互联网设备可视化平台，在地图上展示互联网设备的信息，点击地图不同区域，统计相应的设备信息，生成图表展示出来  方法是基础方法，其他，单例的绑定 singleto ......