组件ubuntu 1.24 k8s
Vue 组件如何进行传值的?
1、父组件向子组件传递数据 父组件内设置要传的数据，在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上，在子组件添加参数 props 接收即可 2、子组件向父组件传递数据 子组件通过 vue 实例方法$emit 进行触发并且可以携带参数，父组件监听使用@（v-on）进行监听，然后进 ......
界面组件DevExpress ASP.NET Core v23.1 - 进一步升级UI组件
DevExpress ASP.NET Core Controls使用强大的混合方法，结合现代企业Web开发工具所期望的所有功能。该套件通过ASP.NET Razor标记和服务器端ASP.NET Core Web API的生产力和简便性，提供客户端JavaScript的性能和灵活性。ThemeBuil ......
vuejs3.0 从入门到精通——Element Plus 组件库
Element Plus 组件库 一、Element Plus 基于 Vue 3，面向设计师和开发者的组件库。 二、完整导入 https://element-plus.org/zh-CN/guide/quickstart.html 如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。 // ......
vue 子组件改变父组件的值 实现双向绑定
自定义子组件中接受外部传过来的值，然后在子组件中显示，当子组件操作完成后，需要把修改后的值返回给父组件，这就需要实现父子组件间的数据双向绑定，实现双向绑定可以通过以下2种方式实现： 1.通过this.$emit("change",val)的方式将数据传递回去，然后在父组件中监听该方法并获取返回val ......
6、Flutter 列表组件
列表有以下分类： 1、垂直列表 class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return Center( child: L ......
用dd命令克隆ubuntu系统
神奇的ghost的原理是什么呢？不就是数据复制吗？Linux下的dd命令不就是最强大的数据复制工具！ 既然如此，我为什么要使用g4l这样复杂的工具呢？一条dd命令不就可以帮我实现任意复杂的镜像复制和恢复的需求了吗？管他是grub，还是ext4，btrfs，FAT32，NTFS...dd面前众生平等。 ......
vue3异步组件
父组件中，子组件的加载一般是按照先后顺序加载的，子组件加载后才会加载父组件。 一个页面的子组件很多，由于会先加载子组件，那么父组件可能会出现比较长的白屏等待时间 大型项目，可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件Vue 提供defineAsyncComponent方法： imp ......
封装 Vue 组件的过程?
组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性等问题 分析需求：确定业务需求，把页面中可以复用的结构，样式以及功能，单独抽离成一个文件，实现复用 具体步骤：使用 Vue.extend 方法创建一个组件，然后使用 Vue.compon ......
ubuntu2204一键部署kubernetes1.22.7
. /etc/os-releasecolor () { RES_COL=60 MOVE_TO_COL="echo -en \\033[${RES_COL}G" SETCOLOR_SUCCESS="echo -en \\033[1;32m" SETCOLOR_FAILURE="echo -en \\0 ......
使用webuploader组件实现大文件分片上传，断点续传
1. 组件简介 webuploader：是一个以HTML5为主， Flash为辅的文件上传组件，采用大文件分片/并发上传的方式，极大地提高了文件上传的效率，同时兼容多种浏览器版本； 2. 项目背景简介 本篇文章的背景，是在上一篇文章(《无组件实现大文件分片上传，断点续传》)的项目背景下进行的一次尝试 ......
第三方组件及计算属性传参的问题解决方式
1. 前言 唉，好想玩滋嘣。 2. 计算属性直接传参接收不到 表格数据某一列需要用的计算属性时，模板中使用计算属性 fullName 就会直接调用 fullName 函数，而在模板中 fullName(item) 相当于fullName()(item)，此处为函数柯里化。 <el-table-col ......
elementui 工具使用el-form嵌入el-input组件添加@change事件，点击回车键（enter）时整个页面会刷新，以下是阻止页面刷新的方式
解决页面刷新问题就是阻止el-form上默认的提交事件@submit.native.prevent <el-form ref="formRef" :model="getFormData" size="small" label-width="auto" @submit.native.prevent> ......
k8s cronjob
k8s cronjob 任务模版 k8s cronjob 任务模版 cat > ${k8s_resource_list}-cronjob.yaml << EOF apiVersion: batch/v1beta1 kind: CronJob metadata: name: ${k8s_resourc ......
升级k8s版本废弃docker引擎
1、废弃docker引擎 systemctl enable kubelet systemctl enable containerd cat <<EOF | sudo tee /etc/modules-load.d/k8s.conf overlay br_netfilter EOF cat /etc/ ......
组件的生命周期
<!-- <template> <Main class="cccc"/> <component-a/> <slot-demo> <template #header="slotProps"> <p>插槽标题-{{slotProps.msg}}</p> </template> <template v-s ......
Ubuntu18.04更换阿里源
一、 前言 最近在给老笔记本装ubuntu系统，有一些配置文件，网上的说法各有措辞，索性自己写一篇，记录笔记本重新安装ubuntu的过程 二、具体步骤 1、备份原来的软件源文件 sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak 2、修改源 ......
记 grep命令在Ubuntu上使用失败的问题
问题/任务 我有一个任务，要用shell命令从文本文件中提取ip地址，文本文件内容就像这样： 185.155.192.77 - - [17/Jul/2023:02:27:22 +0000] "GET / HTTP/1.1" 404 1234 我想到可以用grep 来实现，找到一个ip地址的正则表达式 ......
vue-test4 -------组件之间的数据传递
<template> <h3>CompA</h3> <component-b :onfun="dateFun"></component-b> <p>{{msg}}</p> </template> <script> import ComponentB from "@/components/Compon ......
Flutter TextField组件的使用
Flutter TextField组件 简单的说，这个组件其实就是个输入框。 1. 属性 const TextField({ Key key, this.controller,//控制器 this.focusNode,//焦点 this.decoration = const InputDecorat ......
Ubuntu LTS 坚持 10 年更新不动摇
Linux 内核开发者 Jonathan Corbet 此前在欧洲开源峰会上宣布，LTS 内核的支持时间将从六年缩短至两年，原因在于缺乏使用和缺乏支持。稳定版内核维护者 Greg Kroah-Hartman 也表示 “没人用 LTS 内核”。 近日，Ubuntu 开发商 Canonical 发表博客 ......
最全 Web端 UI组件库详解
一、什么是UI组件UI 设计组件（UI KIT），直译过来就是用户界面成套元件，是界面设计常用控件或元件，「组」是设计元素的组合方式，「件」由不同的元件组成。 二、组件的优势1、保证一致性 Consistency与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；在界面中一致： ......
Ubuntu Antrl和C++运行时库安装
一、Antrl安装 1、在官网ANTLR上下载最新版jar包到/usr/local/lib中 （$ cd /usr/local/lib $ curl -O http://www.antlr.org/download/antlr-4.13.1-complete.jar） （cp antlr-4.13. ......
最全面的移动端 UI组件设计详解：上篇
作为一名UI设计师，我们经常要进行PC端和移动端的设计任务，上一次给大家分享了：《最全Web端UI组件设计详解》，这次给大家带来移动端UI组件设计详情，尤其在我们APP、小程序、H5页面设计中，我们要使用和熟知各种的 UI组件，今天给大家总结了关于移动端UI组件，希望可以在工作中帮到你。 什么是UI ......
最全面的移动端 UI组件设计详解：中篇
一、基础组件 Basis 1、状态栏 StatusBar 用于显示当前设备的时间、电池电量、蓝牙、信号、定位等各种状态。 2、按钮 Button 按钮用于点击后出发一个即时操作。 用法指南： 标记了一个操作命令，响应用户点击行为，触发相应的业务逻辑。 在设计中，基本有以下四种按钮类型： 主要按钮：用 ......
最全面的移动端UI组件设计详解：下篇
上一期给大家讲解了《最全面的移动端UI组件设计详解：中篇》，主要分享了：基础组件、表单组件和反馈组件3个部分；这次给大家带来：数据展示组件和其他组件详解，希望你在设计APP、小程序、H5页面中，能熟练使用和理解各种的 UI组件，今天给大家总结了关于移动端UI组件，希望可以在工作中帮到你。 一、数据展 ......
K8S Calico网络插件之BGP模式，BGP模式只能在同个子网内使用，无法跨网段
注：本文基于Calico v3.20.1版本编写 1 切换到BGP模式因为按照官网的配置文件部署calico时，默认使用的是IPIP模式，如果需要使用BGP模式，就要做一些修改。 主要有两种方式， 修改IPPool中的ipipMode为Never，也就是禁用IPIP模式[root@master ho ......
vue 项目使用element ui 中tree组件 check-strictly 用法
属性 check-strictly: 在显示复选框的情况下，是否严格遵循父子互相关联的做法，默c认为 false。 默认false，父子关联。 点击父节点，其下子节点全部统一跟随父节点变化，点击子节点，子节点部分勾选时，父节点处于半选状态。 设置为true，严格遵循父子不互相关联。 就是点击全选的话 ......
vue3 使用elementUI饿了么el-table组件 动态循环自定义表头列数据
在vue3上使用el-table组件自定义循环表头列； <el-table :data="list" v-loading="loading" border> <!-- @selection-change="handleSelectionChange" --> <!-- <el-table-colum ......
一文带你认识「Docker」与「k8s」
转载：https://juejin.cn/post/7015729458959089701 随着 k8s 作为容器编排解决方案变得越来越流行，有些人开始拿 Docker 和 k8s 进行对比，不禁问道：Docker 不香吗？ k8s 是 kubernetes 的缩写，'8' 代表中间的八个字符。 其 ......
C#截图 开源组件库ShareX
ShareX支持以下几种截图方式，其中全屏功能是指自动截取主屏幕桌面区域的截图（可以配置是否隐藏ShareX窗口、隐藏屏幕虚拟区域等），窗口功能是指截取屏幕中的指定进程的窗口截图（ShareX程序通过调用Windows系统的EnumWindows函数枚举屏幕中的顶层窗口，并动态生成窗口菜单的子菜单） ......