架构 组件k8s k8
关于为element Tree组件实现仿文件夹效果及右键菜单
<template> <div class="custom-tree-container" @contextmenu.native="handlePaste($event)"> <!-- <el-tree :data="dataSource" show-checkbox node-key="id" ......
Game Engine Architecture(游戏引擎架构)
推荐序1 最初拿到《GameEngineArchitecture》一书的英文版，是编辑侠少邮寄给我的打印版。他建议我接下翻译此书的合同。当时我正在杭州带领一个团队开发3D游戏引擎，我和我的同事都对这本书的内容颇有兴趣，两大本打印的英文书立刻在同事间传开。可惜那段时间个人精力顾及不来，把近千页的英文读 ......
上篇：带你手工体验从写代码、编译、打包镜像、部署到K8S的全过程
本篇使用的goweb demo，页面很简单，功能也是很简单，写代码不是本篇的重点，重点是先体验一下整个流程：开发环境准备、写代码、提交到仓库、拉取代码构建并打包镜像、推送到镜像仓库，部署到K8S。 本篇的分享分为上篇和下篇，上篇是手动，计划在下篇再讲自动。只有手动体验过，才能更能深入的理解里面的流程 ......
软件开发、设计、架构的五大原则
唯一不变的就是变化本身。 我们经常讲的系统、子系统、模块、组件、类、函数就是从逻辑上将软件一步步分解为更细微的部分，即逻辑单元， 分而治之， 复杂问题拆解为若干简单问题， 逐个解决。 逻辑单元内部、外部的交互会产生依赖，从而产生了内聚、耦合概念。内聚主要描述逻辑单元内部，耦合主要描述逻辑单元之间的关 ......
ElementPlus 组件全局配置
友链：语雀，在线文档协同平台 官方提供的全局配置：Config Provider 本文只做简单的模板参考，具体的配置请根据自己的业务灵活设置，如果你使用的是其它的ui框架，原理应该都差不多 入口文件的配置 注意事项 需要设置全局属性的组件先导入进来，比如：ElTable、ElForm、ElInput ......
Vue3实现组件级基类的几种方法
Vue3的组件有三种代码组织方式 纯Option API （不含setup） option API + setup 纯 setup （即composition API） 对于这三种形式，设置基类的方法也略有不同。 使用 mixins、extends vue3提供了 mixins和extends，但是 ......
软件开发、设计、架构的五大原则
唯一不变的就是变化本身。 我们经常讲的系统、子系统、模块、组件、类、函数就是从逻辑上将软件一步步分解为更细微的部分，即逻辑单元， 分而治之， 复杂问题拆解为若干简单问题， 逐个解决。 逻辑单元内部、外部的交互会产生依赖，从而产生了内聚、耦合概念。内聚主要描述逻辑单元内部，耦合主要描述逻辑单元之间的关 ......
vue2源码-十六、异步组件
异步组件 Vue 中异步组件的写法有很多，主要用作大的组件异步加载的markdown组件editor组件。就是先渲染一个注释标签，等组件加载完毕，最后再重新渲染 forceUpdate（图片懒加载）使用异步组件会配合 webpack 原理：异步组件默认不会调用 Vue.extend()方法 所有Ct ......
vant ActionSheet组件嵌套多层时，第一层的顶部和底部不会被覆盖
问题描述： 这是一个只有在ios真机测试的时候才出现的问题，使用浏览器本地调试和安卓真机测试的时候都没有这个问题。 在一个页面中点击一个按钮的时候会出现 ActionSheet 动作面板 这个面板里主要是一个表单需要填写 和确定、取消按钮。 其中有选人组件 这个组件也是用 ActionSheet 动 ......
element-plus 上传组件 el-upload 自定义上传 文件至 OSS
看了源码 beforeData 在 beforeUploadPromise 之前 导致 异步设置 :data 不生效 文件传不上去 到 2.3.4 版本 这个问题还没修复 所以用 http-request 实现 用 axios 上传文件 非常简单 const ossData = reactive({ ......
vue2实现饼图Pie组件封装
实现如下效果： 如果不会请移步到官网的栗子，请点击查看 直接给大家上代码： 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; height:300px;"></div> 3 </template> 4 <script> 5 /* ......
nginx 正则反向代理到k8s
代码： nginx 正则反向代理到k8s的服务： http { resolver kube-dns.kube-system.svc.cluster.local; server { listen 80; # services location ~ /(\w+)/ { proxy_pass http:/ ......
Vue3 实现印章徽章组件
Vue3 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 组件代码文件结构： src/components/StampBadge/src/StampBadge.vue 文件代码： <template> <div class="first-r ......
轻松存储千亿级数据，知乎基于Doris的DMP系统架构实践
1）提升查询效率
自动探测 SQL 复杂查询条件预先合并成一个派生特征的 bitmap，预测和圈人时对复杂条件 SQL 重写为派生特征。
2）提升导入速度
Spark 直接写 Doris Tablet 文件，并挂载到 FE。
针对大导入场景与 Doris 团队共建，提升写入效... ......
Vue 根据父组件的不同动态显示子组件
一、问题描述 两个同级组件公用一个子组件，需要根据不同的组件，动态显示子组件的内容，比如A需要这么多的Radio,但是B不需要 二、解决思路 父组件向子组件传值，子组件根据传入的内容进行判断 三、代码 // 父组件引入子组件 通过自定义名称传入父组件的值 <statusChange :isShowR ......
火山引擎 DataLeap 下 Notebook 系列文章三：架构升级详解
更多技术交流、求职机会，欢迎关注字节跳动数据平台微信公众号，回复【1】进入官方交流群 当使用 Notebook 的项目日渐增加时，火山引擎 DataLeap 研发团队发现运行中的 PaaS 服务实在太多了，之前的架构有如下缺点： 部署麻烦。全量升级 JupyterLab 较为痛苦。尽管有升级脚本，但 ......
ubuntu k8s v1.23
1. 关swap swapoff -a /etc/fstab 配置hosts 2. 配置docker groupdriver vi /etc/docker/daemon.json { "exec-opts": ["native.cgroupdriver=systemd"], "registry-mi ......
一统天下 flutter - widget 布局类（可以有多个子）: CustomMultiChildLayout - 自定义多组件布局
源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 布局类（可以有多个子）: CustomMultiChildLayout - 自定义多组件布局 示例如下: lib\widget\layout\cus ......
一统天下 flutter - widget 容器类（只能有一个子）: CustomSingleChildLayout - 自定义单组件布局
源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 容器类（只能有一个子）: CustomSingleChildLayout - 自定义单组件布局 示例如下: lib\widget\container ......
nuxt使用NuxtLink组件定义路由的锚点定位，使用:target伪元素无效问题的解决方法。
原因在使用NuxtLink组件进行路由之间的锚点跳转的时候，:target伪元素无法应用到目标元素。 出现这种情况一般是由于你没有将这个组件标记为外部组件，发现标记外部组件即可正确的进行锚点定位了。 原因可能就是nuxt会预读取属性，可能对标签的点击事件做了自定义处理，从而导致html的a标签的自带 ......
Kivy中的Logger组件用于记录应用程序的日志信息
name： 可选参数，指定Logger组件的名称。 默认为 root。 level： 可选参数，指定Logger组件的记录级别。 默认为 debug。 propagate： 可选参数，指定是否向父Logger组件传递记录消息。 默认为 True。 handlers： 可选参数，指定Logger组件的 ......
Kivy中的sys组件提供了一些与系统交互的方法
argv： 可选参数，指定命令行参数。 默认为 None。 path： 可选参数，指定Kivy加载文件的路径。 默认为 None。 exit_on_escape： 可选参数，指定是否在按下ESC键时退出应用程序。 默认为 True。 from kivy.app import Appfrom kivy ......
Kivy中的Level组件提供了一种在屏幕上显示动态的、可交互的图形的方法
source： 必需参数，指定要显示的图像的路径。 支持的图像格式包括 PNG、JPEG 和 GIF。 size： 可选参数，指定Level组件的大小。 默认为 None，即使用图像的原始大小。 可以是一个二元组 (width, height) 或一个字符串形式的尺寸，如 '100dp'。 pos： ......
Kivy中的lang组件是用于多语言支持的组件，它可以根据设定的语言环境来显示对应的文本。
filename： 必需参数，指定语言文件的路径。 语言文件是一个YAML文件，包含了不同语言的翻译内容。 default： 可选参数，指定默认语言。 默认为 en。 load： 可选参数，指定语言文件是否在加载时自动加载。 默认为 True。 code： 可选参数，指定当前语言环境的代码。 默认为 ......
Kivy中常用的菜单组件是PopupMenu。它的常用方法及其参数说明
open(widget)： 在指定的控件下方打开弹出菜单。 widget 参数为要显示菜单的控件 my_menu = PopupMenu()my_menu.open(my_button) dismiss()： 关闭弹出菜单。 my_menu.dismiss() add_option(text, ca ......
kivy中按钮组件的所有方法使用和参数说明
__init__(self, **kwargs)： **kwargs：其他未指定参数的关键字参数。 on_press(self)： 无参数。 on_release(self)： 无参数。 on_state(self, widget, value)： widget：触发状态改变的按钮组件。 value ......
Kivy盒子布局中自定义组件位置的方法，可以通过在盒子布局中添加pos_hint属性来指定组件在盒子布局中的位置
Python实现 from kivy.app import Appfrom kivy.uix.boxlayout import BoxLayoutfrom kivy.uix.button import Buttonclass MyBoxLayout(BoxLayout): def __init__( ......
Kivy页面布局中自定义组件位置的方法，可以通过指定组件的位置、尺寸和边距等属性来实现。
Python实现 from kivy.app import Appfrom kivy.uix.gridlayout import GridLayoutfrom kivy.uix.button import Buttonclass MyGridLayout(GridLayout): def __ini ......
Kivy表格布局（Grid Layout）中自定义组件位置的方法，可以通过指定组件的row和col属性来实现。
Python实现 from kivy.app import Appfrom kivy.uix.gridlayout import GridLayoutfrom kivy.uix.button import Buttonclass MyGridLayout(GridLayout): def __ini ......
uniapp脚手架项目抖音小程序中使用了uView框架中的IndexList 索引列表组件报错uni.requireNativePlugin is not a function
解决办法 如果您是vue-cli模式的项目，还需要在项目根目录的vue.config.js文件中进行如下配置： // vue.config.js，如没有此文件则手动创建 module.exports = { transpileDependencies: ['uview-ui'] } ......