架构 组件k8s k8

vue_vueRouter同组件跳转失败

目录场景再现资料查询解决 场景再现 现有一个Article页面, 通过/article/:id来匹配不同的文章页面, 当我需要实现跳转到上一篇或下一篇时, 即从/article/:id跳转另一个/article/:id时, 发现浏览器中只有地址变化了, 但是页面的很多组件, 包括文章内容都没有刷新, ......
vue_vueRouter 组件 vueRouter vue

Vue之与后端交互的三种方式、显示小电影案例、计算属性、监听属性、Vue生命周期、组件介绍和使用、组件间通信、ref属性

与后端交互的三种方式 后端写了一堆接口 前段会了 前后端要打通 》从前端发送 ajax 》核心:用js发送http请求,接收返回 原生js,可以开启可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写) jq,写了个兼容所有浏览器的 $.ajax(),不仅仅有ajax,还封 ......
属性 组件 小电影 Vue 周期

vue-组件

1.组件的介绍和使用 组件中是可以套组件的 组件就是:扩展 HTML元素,封装可重用的代码,目的就是复用 例如: 有一个轮播图,可以在很多页面中使用,一个轮播有js,css,html组件把js,css,html放到一起,有逻辑,有样式,有html 组件的分类: - 全局组件:可以放在根中,可以在所有 ......
组件 vue

uniapp项目实践总结(十八)自定义多列瀑布流组件

导语:有时候展示图片等内容,会遇到图片高度不一致的情况,这时候就不能使用等高双列或多列展示了,这时候会用到瀑布流的页面布局,下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件; 按照 ......
瀑布 组件 项目 uniapp

K8s部署Nacos 2.0.3集群模式(外置mysql数据库)

来源:https://www.woniusnail.com/?p=1691 Nacos 具体介绍就不介绍了,详细的官方都有。 本次主要介绍在k8s集群中部署Nacos集群(3节点),数据库使用外置的 mysql ,相比使用官方的在k8s内创建数据库的方案维护更方便,所有nacos配置 全部保存在数据 ......
集群 模式 数据库 数据 Nacos

MySQL高级10-InnoDB引擎存储架构

一、逻辑存储结构 表空间(Tablespace):一个mysql实例,及一个数据库实例,可以对应多个表空间(ibd文件),用于存储记录,索引等数据。 段(Segment):分为数据段(Leaf node segment)、索引段(Non-leaf node segment)、回滚段(Rollback ......
架构 引擎 InnoDB MySQL 10

使用 Amazon Lightsail 的优势:为初创企业简化基础架构并提升运营效率

引言: 作为亚马逊的一名软件工程师,我有机会使用各种 Amazon 服务,其中 Amazon Lightsail 是为初创企业而设的易上手使用、经济实惠的虚拟专用服务器。在这篇文章中,我们将探讨使用 Amazon Lightsail 的优势,以及它如何简化基础设施管理并提高运营效率。 背景: 为了了 ......
架构 Lightsail 效率 优势 基础

打包vue组件包并上传到npm

在自己的项目中新建一个index.js做打包组件的配置 1 import 组件的名字 from "组件的地址"; 2 const comArr = [组件的名字]; 3 export default { 4 install(Vue) { // install是vue中的方法,此方法要在export ......
组件 vue npm

【微信小程序】【Demo】Picker模糊查询组件

微信小程序Picker模糊查询组件 pickerSelect.js Component({ options: { // 在组件定义时的选项中启用多slot支持 multipleSlots: true }, /** * 组件的属性列表 */ properties: { // 父组件传递过来的数据列表 ......
组件 程序 Picker Demo

Vue之后端交互、计算、监听、组件间通信

一、与后端交互三种方式 1、 2、 3、 4、小电影案例 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdeli ......
组件 Vue

k8s coredns服务报 Readiness probe failed 8181: connect: connection refused

现象:Readiness probe failed 8181: connect: connection refused 1、分析: kubectl 直接 describe CoreDNS Pod,显示 ReadinessProbe 探针异常,导致 Pod 无法正常启动,由于 ReadinessPro ......
connection Readiness coredns connect refused

k8s相关

https://www.sealyun.com/zh-Hans/docs/lifecycle-management/quick-start/ kubernetes install # 在线安装 sealos run labring/kubernetes-docker:v1.25.0 labring/ ......
k8s k8 8s

vue3 组件

学习随笔(Vue3 组件) 该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的,Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
组件 vue3 vue

Harbor 安装(k8s)-企业容器镜像仓库

Harbor 安装在k8s 集群 本小节目的是要在k8s 集群上安装一个 harbor镜像仓库。 准备工作 参考官网文档需要的准备工作。 Prerequisites Kubernetes cluster 1.10+ Helm 2.8.0+ High available ingress control ......
容器 仓库 镜像 Harbor 企业

uniapp 子组件中onLoad,onShow方法不执行

uniapp中,有应用生命周期和页面生命周期,子组件没有应用周期,所有onLoad,onShow都不存在,难怪我用两个方法没有效果。 可以用如下方法: // 子组件 export default { methods: { childOnShow() { console.log('子组件 onShow ......
组件 方法 uniapp onLoad onShow

react高阶组件(HOC)个人理解

React中 子组件传递父组件的方法是:父组件通过给props传递一个接收方法,子组件通过 在 调用自身的方法 中 调用这个 父组件传递过来的方法将参数抛过去 例如: class Test extends React.Component{ state = { name:'张三' } handleCl ......
高阶 组件 react 个人 HOC

Taro的架构与使用价值

随着移动互联网和智能设备的普及,前端开发人员需要采用多端同构技术来适配不同的终端(小程序、App和Web)。这些终端之间存在着明显的差异,包括浏览器引擎、操作系统、交互方式以及代码语言等方面。这些差异给前端开发人员带来了不少挑战。一方面,不同终端采用不同的浏览器引擎和操作系统,导致页面渲染和交互行为 ......
架构 价值 Taro

高级系统架构师学习(六)信息安全和系统可靠性

一、信息安全基础 信息安全5要素 机密性:指网络信息不泄露给非授权的用户、实体或程序,能够防止非授权者获取信息。 完整性:指网络信息或系统未经授权不能进行更改的特性。 可用性:指合法许可的用户能够及时获取网络信息或服务的特性。 可控性:指可以控制授权范围内的信息流向及行为方式。 可审查性:指对出现的 ......
系统 可靠性 架构 信息

DRF之权限组件源码分析

【一】权限组件介绍 Django REST framework(DRF)中的权限组件用于控制API的访问权限。 DRF内置了多个常用的权限类,同时也允许你创建自定义的权限类以满足特定需求。 【二】内置权限类 IsAuthenticated:要求用户在访问API时进行身份验证,即用户必须登录。 IsA ......
组件 源码 权限 DRF

有关 Android 架构的建议

有关 Android 架构的建议 | Android 开发者 | Android Developers https://developer.android.google.cn/topic/architecture/recommendations?hl=zh-cn 翻译 搜索 复制 ......
架构 Android 建议

1.MySQL、基础架构(SQL语句执行流程)

1.MySQL的索引有哪些索引在什么层面: 索引是在存储引擎层实现的,而不是在服务器层实现的,所以不同存储引擎具有不同的索引类型和实现。B+树索引:是大多数 MySQL 存储引擎的默认索引类型。哈希索引:哈希索引能以 O(1) 时间进行查找,但是失去了有序性;InnoDB 存储引擎有一个特殊的功能叫 ......
语句 架构 流程 基础 MySQL

Dubbo3应用开发——架构的演变过程

Dubbo3应用开发——架构的演变过程 什么是Dubbo 早期Dubbo的定位; 基于Java的高性能,轻量级的RPC框架;SOA【Service-Oriented Architecture ⾯向服务的架构】 = RPC+服务治理; 2018年阿⾥巴巴把这个框架捐献给了 Apache 基⾦会,正式更 ......
应用开发 架构 过程 Dubbo3 Dubbo

JAVA高级架构师

JAVA高级架构师技术包含:SpringBoot3.0,SpringCloudAlibaba,JDK11~19,Spring6,IOC,AOP,JavaWeb,SpringMVC,Mybatis,Docker,k8s,Devops,Vue3.0,Nginx,Redis7,MongoDB,JDBC,S ......
架构 JAVA

Vue多层级组件传递动态具名插槽

这里以一个table组件的二次包装为案例,父组件中使用子组件(table组件)再次包装: Vue2: 子组件,inTable <template> <table> <thead> <tr> <th v-for="(item, index) of columns" :key="index"> {{ i ......
多层 组件 动态 Vue

加密 K8s Secrets 的几种方案

前言 你可能已经听过很多遍这个不算秘密的秘密了--Kubernetes Secrets 不是加密的!Secret 的值是存储在 etcd 中的 base64 encoded(编码) 字符串。这意味着,任何可以访问你的集群的人,都可以轻松解码你的敏感数据。任何人?是的,几乎任何人都可以,尤其是在集群的 ......
Secrets 方案 K8s K8 8s

记录一次k8s集群升级报错

集群升级报错 failed to upgrade cluster, err: the cluster is already in upgrading, taskID: "upgradeclusterv3-cdd88149e9bb444e38f9857bbaadaad99-1656899231-041 ......
集群 k8s k8 8s

迁移pgsql从数据库(原先数据库架构为主从同步)

迁移pgsql从数据库 将原先的1.56服务器上的从数据库迁移至1.62服务器上1、安装依赖包yum -y install readline gcc -y readline-devel zlib-devel2、下载对应版本的pgsql并解压编译安装下载地址: https://www.postgres ......
数据库 数据 主从 架构 pgsql

解决k8s集群中opensearch服务CrashLoopBackOff的问题

1. 前言 我使用的k8s版本是1.23.6,前面安装了Kubesphere可视化组件,然后开始的时候没有启用日志模块,而是在安装Kubesphere后启用日志系统(参考在安装后启用日志系统),安装一切正常,但是安装后验证,就出现opensearch-cluster-master-x和opensea ......

k8s集群pod出现Evicted状态

生产pod出现Evicted状态 其中报错提示 检查原因,发现是磁盘压力导致pod被驱逐,IO匹配不了应用的需求,导致pod被驱逐,更换更高规格的磁盘可以解决此问题 Evicted状态的pod直接删除即可。 ......
集群 状态 Evicted k8s pod

KingbaseES V8R6集群案例---一主二备架构单个备库宕机事务影响测试

KingbaseES V8R6集群案例 一主二备架构单个备库宕机事务影响测试 案例说明: 对于KingbaseES V8R6集群,在sync模式下,对于一主一备架构,如果备库宕机时,主库事务commit,会被hang住,在wal_sender_timeout参数(默认60s)超过阈值后,sync转为 ......
集群 单个 KingbaseES 架构 案例