小五的个人杂货铺

摘自：https://qiuli.site/2025/10/16/elementplus%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE/ 简介Element UI 是一款基于 Vue.js 2.0 的开源桌面端组件库，旨在帮助开发者快速构建现代化、高效且风格统一的 Web 应用程序。ElementPlus是 Element UI 的官方升级版本，专为 Vue 3.0 设计，完全兼容 Vue 3 的 Composition API 和 TypeScript，并继承了 Element UI 的核心设计理念与组件生态。我们现在使用ElementPlus来实现一套后台管理项目。 项目简介我们这次实现的项目叫‘realworld’，是一个简单的博客网站；这个项目是一个专门用户练手的demo，有各种语言的实现方式，地址是：https://main--realworld-docs.netlify.app/；我们可以找到数据库表、接口标准，前后端的数据格式等等；我使用Java简单实现了后端项目，代码地址为：https://gitee.com/qiuli-zero/rea...

摘自：https://qiuli.site/2025/08/10/vue3%E5%85%A5%E9%97%A8/ 简介Vue.js（简称Vue）是一款用于构建用户界面的渐进式JavaScript框架，本文我们就简单的学习一下Vue的使用。 知识图谱概览我们学习的时候，先从总体上对事务有一个认识还是非常重要的，我从网上找了一张图片，从整体上介绍了一下学习的内容；我们的文章也会按照这个结构来编写 构建工程项目安装Node.js我们可以去官网下载长期支持版本（LTS版本），点击安装即可；安装后再使用命令行查看是否安装成功 123# 查看是否安装了node.jsnode -vnpm -v 基于 Vite 创建一个Vue项目vite是什么？问一问deepseek： 1Vite 是一款由 Vue.js 创始人尤雨溪（Evan You）开发的现代前端构建工具，旨在通过原生 ES 模块（ESM）和按需编译等特性，显著提升开发效率和构建速度。 我们打开命令行，进入希望创建工程的目录，输入命令 1npm create vite@latest 然后按照提示输入项目名称、选择框架（选vue）和...

摘自：https://qiuli.site/2025/10/26/uniapp%E5%85%A5%E9%97%A8/ 简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、鸿蒙Next、Web（响应式）、以及各种小程序（微信/支付宝/百度/抖音/飞书/QQ/快手/钉钉/淘宝/京东/小红书）、快应用、鸿蒙元服务等多个平台。 基础知识CSS语法更多内容可以查看官网 css预处理器uni-app 支持less、sass、scss、stylus等预处理器。 flex布局Flex布局（Flexible Box Layout）是CSS3中一种高效的布局模型，它通过灵活的容器和项目关系，让元素能自动适应不同屏幕尺寸，简化了复杂布局的实现。 尺寸单位定义与适配性px（像素） 是绝对单位，表示屏幕上的物理像素点。在不同设备上，1px 的实际显示大小可能不同（尤其是高分辨率屏幕），可能导致布局比例不一致。 rpx（响应式像素） 是微信...

参看此篇章前可先查看记录一次k3s网络DNS问题排查篇 参考: https://v1-24.docs.kubernetes.io/zh-cn/docs/tasks/administer-cluster/nodelocaldns/ https://www.suse.com/support/kb/doc/?id=000020174 https://stackoverflow.com/questions/70913822/kubernetes-k3s-pod-gets-enotfound-after-5-20-hours-of-airing-time https://icode.best/i/10017745505921 https://hub.docker.com/r/dyrnq/k8s-dns-node-cache/tags https://github.com/coredns/deployment/blob/master/kubernetes/Scaling_CoreDNS.md https://lework.github.io/2020/11/09/node-local-d...

在node节点上可以执行kubectl命令吗？ 12[root@k8s-node1 ~]# kubectl get nodeThe connection to the server localhost:8080 was refused - did you specify the right host or port? localhost:8080 是 kube-apiserver 非安全端口。在 master 上面可以执行成功其实走的是配置文件，但是在 node 上连接的是本地的非安全端口。 其实还有一个对外端口是6443，这个是kube-apiserver监听的，masterip:6443安全端口 12[root@k8s-master ~]# netstat -tpln | grep 6443tcp6 0 0 :::6443 :::* LISTEN 92617/kube-apiserve 什么叫安全端口，什么叫非安全端口 kube-apiserver两个端口： local...

转自：https://tinychen.com/20200319-nginx-03-load-balancing/ nginx的负载均衡配置，包括http、tcp和udp负载均衡，以及Round robin、Least connections、Least time（Nginx Plus专属）、Generic hash、Random、IP hash（HTTP模块专属）的原理分析。 1、http负载均衡我们先来看一小段配置文件 12345678910upstream backend { server 10.0.0.1:80 weight=1; server nginx.example.com:80 weight=2; }server { location / { proxy_pass http://backend; }} 这是一个简单的使用upstream模块对http服务进行指定权重的负载均衡的配置文件，一般存放在nginx目录下的conf.d文件夹中。 server可以使用Unix socket、...

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169ngx.arg[1] 脚本参数ngx.var['arg_a'] 取queryString的参数a #/nginx_var?a...

摘自：http://www.daileinote.com/computer/openresty/12 Openresty 提供了强大的 cosocket 功能，它源自 nginx 的 upstream 机制，但又超越了 upstream 机制，结合了 nginx 的事件机制和 Lua 协程特性，以同步非阻塞模式实现 socket 编程，可以高效的与后端服务器通信，而且还支持连接池功能。 ngx.socket.tcp123syntax: tcpsock = ngx.socket.tcp()context: rewrite_by_lua*, access_by_lua*, content_by_lua*, ngx.timer.*, \ ssl_certificate_by_lua*, ssl_session_fetch_by_lua* 创建一个 tcp 的 cosocket 对象，使用完后最好手动关闭或者通过 setkeepalive 存入连接池。如果没有关闭或者存入连接池，那么如下2中情况发生也会关闭。 1.当前请求的 Lua 句柄结束。2.被 Lua GC 垃圾回...

摘自：http://www.daileinote.com/computer/openresty/06 下面介绍的 Lua API 可以在 *_by_lua_block 和 *_by_lua_file 指定的 Lua 代码里调用，这些 API 很好的桥接了 nginx 和 Lua。 ngx.arg12syntax: val = ngx.arg[index]context: body_filter_by_lua* 在响应体过滤时候 ngx.arg[1] 代表响应体内容，ngx.arg[2] 代表该块的标志位。参照 配置指令 body_filter_by_lua_block。 ngx.var.VARIABLE这个指令可以获取 nginx 的变量，注意，在一次请求里 nginx 变量读取的时候会分配一次内存，在请求结束的时候会释放，所以如果需要反复使用该变量的值，可以保存为本地 lua 变量。 未定义的变量返回 nil，定义了未初始化的返回空字符串。 把变量设置为 nil，会清除该变量。 1ngx.var.args = nil 例子 123456789101112location /...

摘自：http://www.daileinote.com/computer/openresty/13 定时器一旦创建，就会脱离当前请求，也就是说就算当前请求结束了，定时器还是在的，它的生命周期跟创建它的 worker 进程一样。 ngx.timer.at1syntax: hdl, err = ngx.timer.at(delay, callback, user_arg1, user_arg2, ...) 创建定时器，到期时会回调 callback 函数。 delay 参数指定到期时间，单位为秒，精度0.001，代表1ms，也可以指定0，会立马过期并执行回调函数。 callback 回调函数第一个参数为 premature，接下来才是 user_arg1，user_arg2...，premature是个布尔值，代表是否是正常回调。 premature 为真的情况比如，nginx 准备关闭或者reload。 当定时器到期，回调函数以协程的方式运行，完全脱离创建该定时器的环境，对象生命周期跟创建它的worker进程一样，跟 cosockets 一样不能在原始环境和定时器回调函数里共享...