ourjs

python基于asyncio实现 Redis 的异步操作哈希数据写入 / 读取、发布订阅消息中间件
by ourjs keys Python Redis 1768976694754

基于asyncio实现 Redis 的异步操作 —— 包括哈希数据写入 / 读取、发布订阅(Pub/Sub),同时演示了串行 / 并行两种消息发布方式,最终让订阅者持续监听频道消息。

 
Angular入门:用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
by ourjs keys 前端 1768440483942
这套代码实现了一个 Angular 单页应用内的用户登录 / 注册功能模块,核心包含「前端交互层(组件 + 模板)」和「状态管理层(Signals 服务)」。整体基于 Angular 原生能力实现,无第三方状态管理库,用 Signals 替代传统 RxJS 实现响应式,依赖 Bootstrap 快速实现基础样式。
用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
by ourjs keys devops 1767754837774
简单来说,Gitea Actions CI/CD的核心目标是自动化代码从提交到部署的全流程,减少人工操作、提升交付效率、保障代码质量。
1. 自动化验证代码质量  
这是 CI/CD 最核心的初衷,通过配置自动化脚本,在代码提交 / 合并前完成校验,避免有问题的代码进入主分支:
代码检查:自动运行 lint(如 ESLint、Pylint)、代码格式校验(如 Prettier、black),确保代码风格统一;
单元测试 / 集成测试:自动执行测试用例(如 JUnit、pytest),统计测试覆盖率,未通过测试则阻止合并;
编译 / 构建验证:对需要编译的项目(如 Go、Java、C++),自动编译检查是否有语法错误,避免「本地能跑、线上编译失败」。
E2E 端到端测试: 模拟真实用户操作,比如:打开网页 → 输入账号密码 → 点击登录 → 提交表单 → 查看结果。从头到尾验证整个系统流程是否能正常跑通的测试方法。
2. 自动化构建与打包  
代码验证通过后,自动完成构建和制品打包,减少人工打包的繁琐和错误:
构建产物:前端项目自动打包成 dist 静态文件、后端项目编译成可执行文件 / JAR 包;
制作镜像:自动构建 Docker 镜像并推送到镜像仓库(如 Gitea Registry、Harbor);
版本管理:自动生成版本号(如基于提交记录、Tag),打标签并归档制品,方便追溯。
3. 自动化部署(CD)  
将验证、构建好的产物自动部署到目标环境,实现「代码合并即上线」:
多环境部署:配置不同流水线,自动部署到测试环境(Test)、预发布环境(Staging)、生产环境(Production);
部署方式灵活:支持容器化部署(K8s 发布)、传统部署(SSH 上传文件)、云服务部署(如云函数、容器服务);
回滚机制:配置失败自动回滚,或一键回滚到上一个稳定版本,降低部署风险。
FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
by ourjs keys react hooks Python 1767145815981

这篇文章是一份关于 FastAPI + SQLModel + PostgreSQL + React 全栈项目的环境搭建与初始化指南。它详细介绍了从数据库部署、后端环境配置到前端启动的整个流程,并提供了标准化的项目目录结构。

Node.js 打印vite react+go项目目录树
by ourjs keys Node.JS 1767142644082

想要用 Node.js 实现打印当前目录树的功能,支持排除指定文件 / 文件夹、控制目录深度,且输出样式和系统 tree 命令一致,适配 Windows/macOS/Linux(包括 WSL)。

valtio基于Proxy代理比redux\zustand更简洁的react状态管理库
by ourjs keys react hooks 1738807546079

Valtio基于Proxy实现响应式状态管理,当状态发生变化时,能够自动触发组件的重新渲染。

而Redux需要手动触发dispatcher通知其它组件状态变化,通过创建actions、reducers和store,并结合react-redux库使用Provider、connect/useSelector、useDispatch等,相对繁琐。

未发布 Windows与Mac通过git ssh和rsync实现文件共享互传
by ourjs keys Git 1737855653693
未发布 Windows与Mac通过git ssh和scp实现文件共享互传
by ourjs keys Git 1737680206089

sdf

React结合vite使用vue3,在纯typescript的react hooks中使用vue
by ourjs keys react hooks vue 1736914220899

在React中使用vue的前题是,整个react组件只能渲染一次,这样vue绑定的事件才不会被多次渲染冲掉。
React中的StrictMode会调用函数组件两次,保证其为纯函数。可以先把这个模式禁掉,或采用其它方法,保证vue只渲染一次。

未发布 使用PubSub-JS时ReactNative在后台运行一段时间唤醒后,组件无法scribe到publish的事件,typescript实现一个事件订阅发布组件
by ourjs keys react hooks TypeScript 1733930577434

但最后给某APP添加了一个后台运行功能。当用户把APP从后台唤醒后 PubSubJS 的事件发布/订阅机制不起作用。

react native 版本 "react": "18.3.1","react-native": "0.76.1",, 使用的是 jsc 引擎.

仔细阅读源码发现 PubSubJS 是一个默认给浏览器、node.js环境写的库,默认使用的是JavaScript V8引擎。


 近期热门 - 点击最多
  1. python基于asyncio实现 Redis 的异步操作哈希数据写入 / 读取、发布订阅消息中间件
  2. Node.js 打印vite react+go项目目录树
  3. Angular入门:用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
  4. 用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
  5. FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
  6. React结合vite使用vue3,在纯typescript的react hooks中使用vue
  7. valtio基于Proxy代理比redux\zustand更简洁的react状态管理库
  8. React Native为http网络请求添加timeout超时异常处理: 用XMLHttpRequest替换fetch发送的区别
  9. React Native使用fetch发送http登陆验证请求失败:无法读取set-cookie并显示network request failed
  10. 克服Redux的缺点在React/Native中使用消息队列,pubsub-js更加简洁的组件间通信和状态传递方法

  全端社区 - 最新回复
  1. Angular入门:用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
  2. 用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
  3. FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
  4. Node.js 打印vite react+go项目目录树
  5. valtio基于Proxy代理比redux\zustand更简洁的react状态管理库
  6. Windows与Mac通过git ssh和rsync实现文件共享互传
  7. Windows与Mac通过git ssh和scp实现文件共享互传
  8. React结合vite使用vue3,在纯typescript的react hooks中使用vue
  9. 使用PubSub-JS时ReactNative在后台运行一段时间唤醒后,组件无法scribe到publish的事件,typescript实现一个事件订阅发布组件
  10. React Native为http网络请求添加timeout超时异常处理: 用XMLHttpRequest替换fetch发送的区别

  开源的 OurJS
OurJS开源博客已经迁移到 OnceOA 平台。

  关注我们
扫一扫即可关注我们:
OnceJS

OnceOA