小五的个人杂货铺

公共css 123456789101112131415161718192021.body { margin: 0;}.header, .footer, .article, .aside { color: #fff; min-height: 60px; text-align: center; display: flex; align-items: center; justify-content: center;}.header, .footer { background-color: #7dbcea;}.aside { background-color: #3ba0e9;}.article { min-height: 300px; background-color: #108ee9;} 1234567891011121314151617181920212223<view class="body"> <view cl...

基础篇 - 现代化 React 开发入门开发环境与核心概念React 思想与前端演进在 Web 开发的早期，开发者们使用 JavaScript 和 jQuery 等库来为静态的 HTML 页面注入活力。这种方式在处理简单的交互时卓有成效，其核心思路是“命令式”的：开发者需要精确地告诉浏览器“第一步，找到这个 DOM 元素；第二步，修改它的样式；第三步，替换它的文本内容”。当应用程序的规模和复杂度不断攀升时，这种直接操作 DOM 的方式很快就会导致代码逻辑混乱，UI 状态与数据状态的同步变得异常困难，代码最终演变成难以维护的“面条代码”。​为了解决这一困境，前端社区引入了 MVC 和 MVVM 等设计模式，诞生了像 AngularJS 和早期 Vue 这样的框架。它们通过数据绑定的方式，将开发者从繁琐的 DOM 操作中解放出来，这是一个巨大的进步。然而，React 的出现，带来了一种更为纯粹和强大的心智模型。​React 的核心思想可以被精炼为一个优雅的公式：UI = f(State)。​这个公式的含义是，用户界面（UI）仅仅是应用程序状态（State）的一个函数（f）。...

摘自：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（响应式像素） 是微信...

当我们在 Kubernetes 上工作时，有时会遇到这样的场景：我们需要从本地访问一个位于集群内部的 Redis 服务器，但出于安全考虑，这个 Redis 服务并没有直接暴露给外部。不过，集群里有一个 Pod 已经具备了访问这个 Redis 服务器的能力。 利用这个 Pod 作为跳板，我们可以安全地从本地连接到目标 Redis 服务器。由于这个 Pod 本身并不是 Redis 服务，我们不能直接使用 kubectl port-forward。相反，我们需要在 Pod 内部运行一个临时的代理进程。 下面是实现这个目标的详细步骤，可以作为你的操作笔记或博客文章。 借道 Kubernetes Pod 访问内部 Redis 服务器步骤零：先安装必要工具1apt install -y socat net-tools 步骤一：找到你的“跳板” Pod首先，你需要确定那个能够连接到 Redis 服务器的 Pod 的名称。你可以使用 kubectl 命令列出集群中的所有 Pod： 1kubectl get pods 从列表中找到你需要的 Pod，例如它的名字是 my-redis-client...

概述尽管使用 NodeJS 搭建 HTTP 服务器早已是 Web 开发者们的家常便饭，但结合时下最热门的 TypeScript 却能带来更棒的开发体验。今天，我们就来一起尝试将它们结合起来，快速搭建一个健壮的 Koa 服务。 Koa 基础环境搭建我们从 Koa 开始，它是一个轻量且富有表现力的 NodeJS Web 框架。 安装核心依赖安装 Koa 及其常用的中间件 (Middleware)： 1npm install koa koa-bodyparser koa-json koa-logger koa-router 注意： koa-bodyparser、koa-json、koa-logger 和 koa-router 都属于 Koa 的中间件。 编写基础 Koa 代码首先，创建 src 目录用于存放源代码，并在其中创建 index.js 文件： 123// 文件结构src└── index.js 基础 Koa 服务 (index.js)： 123456789101112131415161718192021222324252627import Koa from '...

提取heap snapshot在 Node.js 的本地运行环境中，开发者可以利用多种工具来提取堆（heap）转储，以分析内存使用情况，检测内存泄漏，优化性能。以下是一些常用且有效的工具： heapdump 模块heapdump 是一个流行的 Node.js 模块，允许在运行时生成 V8 引擎的堆快照。通过这些快照，开发者可以深入分析应用程序的内存使用情况，识别潜在的内存泄漏。 安装与使用： 1npm install heapdump 在应用程序中引入并使用： 12345678910const heapdump = require('heapdump');// 在需要生成堆快照的地方调用heapdump.writeSnapshot((err, filename) => { if (err) { console.error('Heap snapshot failed:', err); } else { console.log('Heap snapshot written...

摘自：https://www.cnblogs.com/liuzhongkun/p/16797346.html Poetry概述介绍Poetry 是Python 中用于依赖管理和**打包的工具。**它允许您声明项目所依赖的库，并将为您管理（安装/更新）它们。Poetry 提供了一个锁定文件以确保可重复安装，并且可以构建您的项目以进行分发。 作为一个传统虚拟环境的实现，poetry 凭借其强大的依赖分析能力被大量项目所推荐的虚拟环境管理工具。 对于绝大部分的开发者而言，poetry 作为首选的虚拟环境管理工具是最优方案，其强大的依赖分析能力、环境封装能力以及庞大的社区均可为你的开发保驾护航，这也是我目前最为推荐所有 python 开发者所掌握的虚拟环境管理工具。 环境配置官方推荐安装1curl -sSL https://install.python-poetry.org | python3 - 环境变量： POETRY_HOME：安装目录 POETRY_PREVIEW：是否安装预发布版本，如果需要，设置为POETRY_PREVIEW=1 POETRY_VERSION：...

在 macOS 中，防火墙（Firewall）的设置通常通过系统偏好设置（System Preferences）中的“安全性与隐私”面板来进行配置，但也可以通过终端（Terminal）命令来修改防火墙设置。macOS 还使用一个名为 pf.conf 的文件来配置其内置的 Packet Filter（PF），这是一个强大的网络过滤工具。 通过系统偏好设置配置防火墙 打开“系统偏好设置”。 点击“安全性与隐私”。 选择“防火墙”选项卡。 点击“防火墙选项...”。 在这里，你可以启用或禁用防火墙，以及配置特定的规则，如允许或阻止特定的应用程序访问网络。 通过终端（Terminal）配置防火墙如果你希望通过命令行来配置防火墙，可以使用 pfctl 命令。pfctl 是一个用于管理 PF 防火墙的工具。 启用防火墙1sudo pfctl -e 禁用防火墙1sudo pfctl -d 查看防火墙状态1sudo pfctl -s rules 编辑 pf.conf 文件pf.conf 文件位于 /etc/pf.conf。你可以使用文本编辑器（如 nano 或 vim）来编辑此文件。 例...