程序聚合 软件案例 node.js开源包-react-router-min

node.js开源包-react-router-min

2025-06-21 17:30:25
行业:广告营销、内容平台
载体:框架或代码包
技术:Express、Babel、React、Webpack

业务背景

为了提升前端性能,专门开发了这个短小精悍的router库,实现了react-router90%的功能,所有常用功能都囊括在内,并且支持UMD开发。

为了应对一些使用了第三方框架的场景,考虑到项目升级过程中可能产生的大量代码改动,贴心的使用了主流第三方框架的API调用名称,并用更简洁的方式实现了诸如动态路由在内的高级用法。

功能介绍

Only 5k. A lightweight react router component and hooks for ReactJS. Support dynamic routes, multiple routes, base path, presetQuery. useRouter and Link component Provided.

1. 支持动态路由(和 NextJs 一样支持[...path]及[path])
2. 支持多路由实例(同页面多实例互不干扰,其他包都没有这个功能)
3. 支持自定义basePath (主要应用于微前端,可方面的纳入到CI/CD中)
4. 支持预设search(presetQuery字段可保证url层面的数据静态化
5. 和官方包一样提供了基本组件(Link, Router,RouterMain等)
6. 提供了ESM, UMD, CJS三种引入方式
6. 编译后最终大小仅有5k

项目实现

这是个人开源代码包,标准的开源规范,全英文文档,完整的代码提示ts定义,并提供了本地可运行的API文档及demos(以webpack-dev-server + babel + express 实现了可预览编辑器)

示例图片视频


billypc
30天前活跃
方向: 前端-Web前端、后端-Node.js、
交付率:100.00%
相似推荐
禹人电力APP
需求发布功能:个人和企业均可入驻APP,个人可发布充电桩安装需求,订单会要求填写联系人、联系方式、地址、充电桩种类、布线长度等信息;企业可入驻成为施工单位,承接此类订单并为客户服务 工车出行功能:企业员工可注册并加入企业,绑定工车牌照等信息,后续出行时可使用此功能,记录出行路径,便于企业管理者记录员工工作信息,降本增效
工程造价软件
工程造价软件支持智能组价、工程质控、批量操作、大清单、智能审核等功能模块。智能组价能快速匹配合理清单组价;工程质控实时检查数据;批量操作提升各项操作效率;大清单让协同更流畅;智能审核可对比送审与审核数据,辅助生成报告。功能路径上,用户可先利用智能组价初步组价,再通过工程质控检查,接着用批量操作优化,借助大清单协同,最后智能审核确保数据准确
健康档案管理平台-健康档案
项目分为PC端和小程序端,其中PC端主要给医生使用,小程序端主要给居民使用,同时进行严格的权限控制,管理员可拥有所有数据权限,居民则只能查看自身数据,医生可查看自己负责的所有病人的数据,该项目采用B/S模式开发,使用SSM框架实现、微服务架构。 目前医生端、管理端使用量达15W+,居民端使用量达10W+。
基于qt的2维翼型建模软件-2DAirfoil_Pic2Stp software
该程序调用了Opencascade开源库实现了从翼型拟合点到输出一个建模软件可读的.stp文件功能,调用了Qt6开源库绘制用户操作界面。实现了从文献中翼型曲线或闭合曲线转化为2维曲线模型的功能。通过计算文献翼型图片像素位置与翼型特征长度之间的换算比率,实现了1:1翼型模型的复现。实现了四种绘制模式以因对不同的绘制需求:模式一为应对缺少翼型前/后缘参数而开发,绘制两条封闭的Bspline曲线实现翼型的绘制。模式二为已知翼型前后缘半径时绘制特征前后缘圆弧而开发。模式四是模式一的补足,考虑到模式一绘制的翼型易发生畸变,使用翼型前后缘特征点,通过三点绘制圆弧的方式实现翼型前后缘的绘制,避免了模型畸变的可能。模式三为绘制三阶闭合贝塞尔曲线,为翼型冷却通道的优化而开发,可绘制冷却通道的不同优化形状。1、界面说明本软件界面划分为左侧的特征参数区域与右侧的图片操作区,界面如图 1所示。左侧包括了四种互异模式的选择按钮,其下方是对图片操作的特征线调整模式与添加特征曲线模式选择框。随后为特征长度输入框,为模式三服务的贝塞尔曲线控制点输入框,还有为模式二服务的前后缘半径输入栏。而在特征参数输入区域的下方是文件操作区域,Set the origin coordinates 按钮为在图片中设置一个参考原点方便坐标计算。Add a new curve 按钮为绘制一条新曲线的按钮。Add Bezier Points按钮为服务于模式三的功能,用于绘制贝塞尔曲线的控制点,其右侧的Export Bezier Points按钮为输出记录控制点的txt过程文件。Add Edge Points 为服务于模式四的功能,用于增加翼型前后缘圆弧控制点。其右侧 的Export Edge points按钮为输出前后缘控制点的txt过程文件。最下方的Export STP File为输出.stp文件按钮,可以读取记录坐标的过程文件并根据模式输出对应的STEP文件。右侧图片操作区域可以实现导入图片、设置输出路径、对图片添加拟合点与控制点的功能。其下方的MessageBox可实时显示此时软件状态
线上测肤
1.用户模块:注册,打通线上CRM系统,会员板块,修改用户信息 2.用户领取校准卡,通过线上跳转到商家商场小程序,来帮助用户领取色卡 3.用户拍照检测模块:用户拍照上传检测,并通过算法生成检测结果,并通过结果向用户推送产品 4.肌肤档案功能,帮助用户生成肌肤档案,让用户能更清晰关注到自己的皮肤状态
帮助文档   Copyright @ 2021-2024 程序聚合 | 浙ICP备2021014372号
人工客服