snow的博客

原创 前端技术目录：组件开发配置规范 / vue3+typescript / monorepo-lerna / Charles / JSBridge / ES6 / TypeScript / ...

前端组件开发：组件开发 / 定义配置 / 配置驱动开发 / 爬虫配置 / 组件V2.0 / form表单 / table表单_前端开发组件-CSDN博客Vue：Vue3-TypeScript-Pinia-Vite-pnpm / 基础项目 / 20240807_typescript pinia-CSDN博客架构-单一代码库-monorepo-lerna(8.0.0)：lerna-pnpm-vue3-vite-ts 实践 / 用于管理包含多个软件包（package）的 JavaScript 项目_lerna8-

原创 架构与解构：架构与解构在软件开发中的协同作用

《架构与解构在软件开发中的协同作用》 本文通过对比表格形式，系统分析了架构与解构在软件开发前后的关联与作用。架构作为开发前的系统蓝图，定义组件关系和组织原则；解构则是对开发后程序的批判性分析，揭示潜在问题。两者形成互补关系：架构为解构提供分析对象，解构通过反馈优化架构设计。 架构具有前瞻性，采用模式化方法确保系统稳定性；解构具有批判性，通过逆向工程验证实现合理性。架构论证开发方向的正确性，解构论证开发结果的合理性，共同构成软件质量保障体系。解构分析还能反向论证架构支撑性，为持续改进提供依据。

原创 AI问答-供应链管理：各种交通运输方式货运成本分析

本文对比分析了公路、铁路、水路、航空和管道五种运输方式的货运成本特点。公路运输灵活但成本较高，适合中短途；铁路运输成本低，适合大宗货物长距离运输；水路运输最经济但速度慢；航空运输最快但费用最高；管道运输初期投资大但长期运行成本低。不同运输方式在成本构成、适用场景和优劣势方面各具特点，企业可根据货物特性、运输距离和时效要求选择最经济的运输方案。

原创 前端架构：并列微前端m-saas-pc/m-snow-pc/ 对比Qiankun微前端、模块联邦的优劣势 / 完全隔离 / 推荐使用

本文介绍了基于Vue3和TypeScript的微前端项目部署方案及优势。部署时需将两个项目（m-saas-pc和m-snow-pc）分别构建后，通过Nginx配置不同路径指向各自dist目录，利用哈希路由实现前端路由控制。微前端方案的主要优势包括：技术栈解耦、团队并行开发、资源动态加载、独立部署扩展和故障隔离。相比传统单体架构，微前端在技术灵活性、开发效率和系统扩展性方面表现更优，特别适合中大型项目、高并发系统和遗留系统改造场景。该方案能有效提升开发效率和系统稳定性。

原创 AI问答-Token：在人工智能领域，Token 是模型处理文本的核心单元 / 最小可处理片段

Token是AI模型处理文本的最小单元，可以是单词（"hello"）、子词（"un+smil+ing"）或字符（"c,a,t"）。其核心作用包括文本向量化、语义分析、统一处理变长文本及跨模态对齐。常见分词方式有单词级、字符级、子词级（BPE/WordPiece）和动态分词。技术挑战涉及语言差异、未登录词处理（如拆解"ChatGPT"）、长文本截断和隐私风险。实际应用中，Token既是模型输入/输出的基础单位，也是计费依据（如GP

原创 AI问答-Vue3：Vite-plugin-checker：多线程技术优化静态代码检查流程

Vite-plugin-checker是一款高效的开发辅助插件，通过多线程技术实现静态代码检查优化。支持TypeScript类型检查、ESLint代码规范、Stylelint样式校验等工具并行运行，将检查任务移至独立线程避免阻塞主进程。提供实时错误反馈和源码定位，可灵活配置检查范围和规则。适用于本地开发、CI集成和团队协作，显著提升Vue/React项目的代码质量和开发效率。其多线程架构解决了传统方案性能损耗问题，是现代化前端开发的优选工具。

原创 供应链管理-计划：产能策略

企业产能策略包括平衡生产（稳定产能）、追随生产（灵活调整）、复合型（结合两者）、主动（提前布局）、被动（滞后响应）、中性（保持稳定）、外包（利用外部资源）、弹性（快速响应）、共享（优化配置）、模块化（灵活组装）和定制化（按需生产）等多种方式，适用于不同市场需求和生产环境。欢迎交流探讨。

原创 供应链管理-计划：独立需求和相关需求的核心区别与联系

独立需求和相关需求的核心区别在于需求来源与特性。独立需求由市场或客户订单直接决定，具有不确定性，如手机成品需求；相关需求则基于物料清单（BOM）由独立需求推导而来，如手机零部件需求。前者需预测管理，后者可推算确保生产顺畅。两者共同构成供应链管理的核心内容。欢迎交流指正。

原创 供应链管理：定量分析中的无量纲化处理

摘要：无量纲化处理通过数学方法消除数据单位和量级差异，使不同指标具有可比性。常用方法包括Z-Score标准化（适合正态分布）、Min-Max归一化（保留比例关系）等，应用于综合评价、机器学习等领域。选择方法需考虑数据特性和需求，注意异常值处理和结果解释。该技术能有效提升数据分析的准确性和可靠性，避免量纲差异带来的干扰。

原创 供应链管理-采购：谈判方式、理念、技巧

原创 供应链管理：产品族和产品级别有什么区别和联系

产品族与产品级别的区别与联系：产品族指具有相似特性的产品集合，强调供应链整体协同与资源共享；产品级别则是具体产品或型号，关注生产细节。产品族范围更广，用于高层计划；产品级别更具体，执行详细计划。二者相互依存：产品级别构成产品族的基础，其管理需符合产品族整体目标。这种分层管理有助于优化供应链效率与资源配置。

原创 供应链管理-计划：粗产能计划

粗产能计划（RCCP）是检查主生产计划可行性的关键环节，通过分析瓶颈工序的可用与所需产能，确保生产任务顺利完成。其核心内容包括产能计算、负荷分析和调整措施制定。实施步骤涵盖数据收集、产能对比和动态监控。作为产能计划体系的重要层级，RCCP能提前识别产能瓶颈，但也面临数据准确性和生产环境变化的挑战。该计划对保障生产交付、优化资源配置具有重要意义。

原创 供应链管理-采购管理：国际贸易及支付领域中常见的支付方式

《采购管理与国际贸易支付方式分析》摘要 本文系统梳理了国际贸易中各类支付方式的特点与应用。电汇(T/T)包括全额预付款、部分预付款和后付款三种形式，风险与资金压力各异；信用证(L/C)分即期和远期，为买卖双方提供不同保障；托收方式涵盖付款交单(D/P)和承兑交单(D/A)，风险程度不同。此外，银行保函和信托收据等辅助方式可增强交易安全性。文章详细分析了各种支付方式的适用场景、操作流程及注意事项，强调需根据交易性质、信任程度和市场地位选择合适的支付组合，以平衡风险与成本。书中相关章节对主要支付方式有具体论述，

原创 供应链管理：MES制造执行系统与APS高级排程系统解析

MES（制造执行系统）与APS（高级排程系统）在生产管理中各有侧重。MES聚焦执行层，通过实时监控生产过程、质量管理等功能确保生产计划准确执行；APS则专注于计划层，利用优化算法进行资源分配和生产排程，提高效率。两者数据处理层次不同，MES处理实时微观数据，APS整合宏观系统数据。MES广泛应用于制造业各领域，APS更适合复杂生产环境。未来趋势包括智能化、云化及系统深度集成。实施时都面临系统集成、数据标准化等挑战。

原创 供应链管理：指标评估方式分类与详解

摘要：本文系统梳理了企业绩效评估的多种方式，从数据来源（内部/外部）、评估主体（定量/定性）、时间维度（静态/动态）等维度进行分类解析。重点介绍了平衡计分卡、六西格玛等综合评估方法，以及大数据、AI等新兴技术工具的应用场景。针对不同指标类型（量化/质性）、管理层次（战略/操作）和技术条件，提出差异化评估方案选择建议，并以制造业和零售业为例说明评估体系的实际应用。强调应根据市场变化和企业战略动态调整评估方式，实现精准高效的绩效管理。

原创 供应链管理：采购与供应链管理中的核心分析工具

《采购与供应链管理核心工具及应用》摘要：本文系统梳理了14种采购与供应链管理核心分析工具。战略层工具（PESTEL、波特五力）用于宏观环境分析；战术层工具（卡拉杰克矩阵、供应商偏好模型）指导品类管理和供应商关系；操作层工具（SWOT、风险评估矩阵）优化具体执行；数字化工具（供应链控制塔）实现实时监控。各工具协同应用，如PESTEL评估全球采购风险，卡拉杰克矩阵划分品类战略，结合数字化系统动态调整策略，形成完整的采购决策支持体系。

原创 供应链管理-采购：ABC分析（ABC Classification）/ CAV分析（Cost, Availability, Value Analysis）

ABC分析和CAV分析是供应链管理的两大核心工具。ABC分析基于帕累托法则，将采购品类按价值分为A（高价值）、B（中等）、C（低）三类，实施差异化管理，重点监控A类，简化C类流程。CAV分析则综合评估成本、供应可得性和业务价值三个维度，用于制定战略采购决策。两者常结合使用：先用ABC筛选高价值品类，再用CAV评估其成本风险与战略价值。ABC侧重资源分配效率，CAV关注供应链韧性，通过数字化工具集成可实时监控关键指标，实现采购管理精细化。案例显示，在芯片短缺和新能源汽车电池采购中，这种组合方法有效优化了供应链

原创 供应链管理-采购：拉动模式（Pull System）和推动模式（Push System）

拉动模式以需求为核心，强调灵活性和效率；推动模式以预测为核心，强调规模经济和供应稳定性。实际管理中，企业需根据品类特性、需求波动和供应链风险，灵活选择或结合两种模式，以优化成本和服务水平。

原创 供应链管理：采购管理-需要分步骤完成的流程或任务

摘要：本文系统梳理了供应链管理中的5个核心采购流程：1）供应商评估与准入（含评估准备与执行）；2）采购谈判（分准备、实施、完成三阶段）；3）合同管理（覆盖订立、履行及履行后管理）；4）采购绩效评估（包含准备、实施及结果应用）；5）数字化采购系统开发（含规划、设计、实施及维护优化四阶段）。每个流程均详细分解了具体工作步骤，构建了完整的采购管理体系框架，为采购工作标准化提供了操作性指南。（150字）

原创 供应链管理：数字化采购发展历史和衍变里程

数字化采购经历了从战略采购到电子采购再到数字化采购的演进历程。早期MRP系统实现了采购自动化，科尔尼战略采购法提升了采购的战略地位；电子采购阶段ERP系统标准化了流程，SRM和反向拍卖优化了供应商关系与成本；当前数字化阶段，AI、大数据和区块链技术推动智能化决策与透明化管理。未来将持续向自动化、集成化方向发展，全面提升采购效率和供应链价值。这一演变过程体现了技术驱动下采购职能从操作层面向战略核心的转型升级。

原创 AI问答-代码解释：const value = formData?.[item.field] ?? ‘‘

摘要：该代码使用JavaScript的可选链操作符(?. )和空值合并操作符(?? )安全访问对象属性并设置默认值。当formData[item.field]为null或undefined时，自动返回空字符串。这种写法避免了属性访问报错，支持动态属性名访问，常用于表单处理等需要健壮性检查的场景，比传统if判断更简洁高效。

原创 浏览器：使用文本光标浏览网页 / 输入框光标没有垂直居中

摘要：网页文本光标未垂直居中可能与浏览器"使用文本光标浏览网页"功能有关。该功能开启时会改变输入框光标的默认渲染方式，导致显示异常。关闭该功能后，光标位置恢复正常。此功能原本用于键盘导航和文本选择，但可能影响光标显示效果。（97字）

原创 AI问答-vue3：如何选择使用reactive或ref

通用性：可包装任意类型的值，包括基础类型（如 string、number、boolean）和复杂类型（如对象、数组、Map、Set）。局限性：仅支持复杂类型（对象、数组、Map、Set），若传入基础类型（如 string、number）会直接返回原值，无响应式。内部机制：若传入复杂类型，ref 内部会调用 reactive 将其转换为深度响应式对象。访问/修改：需通过 .value 属性操作数据，但在模板中自动解包，无需写 .value。底层实现：基于 Proxy，直接拦截对象操作（如属性读写、删除）。

原创 供应链管理：不同制造模式下的生产排产方法 / 流水线排产法 / 顺推排产法 / 倒推排产法 / 无限产能排产法 / 有限产能排产法 / 多工序排产法 / 单工序排产法

本文系统梳理了不同制造模式下的生产排产方法，包括流水线排产法、顺推/倒推排产法、无限/有限产能排产法、多工序/单工序排产法等。详细阐述了各方法的适用场景、排序目的、实施步骤及优势特点，如流水线排产适用于大批量生产，关键路径法可优化多工序流程。文章指出这些方法可灵活组合应用，通过合理排序优化生产流程、提高效率、确保交货期，从而提升企业竞争力。为制造业生产排产提供了系统的方法论参考。

原创 供应链管理：生产工艺布局方式 / 定位布局 / 工艺原则布局 / 成组技术布局 / 产品原则布局

本文概述了四种主要生产工艺布局方式及其应用场景：1）定位布局适用于大型复杂产品的定制化生产；2）工艺原则布局适合多品种小批量生产的灵活需求；3）成组技术布局平衡中等批量多品种生产的效率与灵活性；4）产品原则布局专为大批量标准化产品设计。每种布局方式各具特点，企业应根据产品特性、生产批量和市场需求进行选择，也可采用多种布局组合的方式。文章最后欢迎读者交流指正。

原创 供应链管理：供应链计划主要计算公式/方法

《供应链计划计算题类型汇总》摘要：本文系统梳理了供应链管理中15类核心计算题，涵盖库存、生产、预测三大领域。库存类包括经济订货批量（EOQ）、安全库存、周转率等7项关键指标；生产类涉及产能计算、计划达成率等4种评估方法；预测类包含平均误差、跟踪信号等4种监控工具。每类计算均给出标准公式及应用场景说明，如EOQ公式√(2DC₀/Cc)用于平衡订货与持有成本，MAPE指标评估预测准确性等。这些计算方法共同构成供应链量化管理的基础工具，适用于库存优化、生产调度和需求预测等业务场景。

原创 供应链管理：计划相关岗位及其岗位职责

本文详细介绍了供应链管理中的各类计划岗位及其职责：需求计划员负责需求计划编制分析；综合生产计划员将战略转化为生产计划；主生产计划员负责具体产品生产安排；物料计划员确保物料供应；计划协调员解决部门间计划冲突；S&OP负责人领导跨部门协同；资源计划员进行资源配置；库存计划员优化库存管理。各岗位协同确保生产计划的高效执行和供需平衡。欢迎交流完善。

原创 供应链管理：主要生产计划类型及其相关信息

本文系统梳理了生产计划体系的主要类型及相互关系，将计划分为战略层（战略业务计划）、战术层（综合生产计划、S&OP）和执行层（主生产计划、MRP等）三个层级。各计划间呈现明显的层级递进关系：战略业务计划指导综合生产计划，后者分解为主生产计划，再细化为物料需求计划和排产计划。同时，S&OP作为跨部门协调机制确保供需平衡，资源与能力需求计划则提供支持保障。该体系通过"长期战略-中期协调-短期执行"的联动机制，实现从企业战略到具体生产作业的完整闭环，保障生产活动的高效有序开展。

原创 团队：传帮带 / 星火相传 / 与团队一起成长 / 独当一面 / 祛魅

人的一生就是一个祛魅的过程，无需畏惧任何事物。勇敢地去做事，不信就看看新中国的成立、祖国的崛起。我们克服了多少艰难险阻，现在回首也不过如此。只要坚持努力，当下的困难就会是人生旅途中的一道风景。当我们回首往事时，早已轻舟已过万重山。人生不过如此。

原创 规范：前端项目目录及文件命名规则

本文总结了前端项目的目录和文件命名规范：目录命名采用小写字母和连字符分隔（如src/components），要求语义化表达用途。文件命名同样使用小写字母和连字符（如user-profile.vue），需包含正确后缀并避免特殊字符。组件采用PascalCase命名（如UserProfile.vue）。文中还展示了一个示例项目结构，包含src/assets、components、pages等典型目录层次。这些规范有助于保持项目结构清晰，提高代码可维护性。

原创 规范：中英文对照的常见变量命名方法

本文总结了编程中常用的变量命名方法及其适用场景。主要包括：匈牙利命名法（前缀类型标识）、驼峰命名法（camelCase小驼峰/PascalCase大驼峰）、蛇形命名法（snake_case）、短横线命名法（kebab-case）以及全大写命名等。不同语言有推荐规范（如Python用snake_case，JS用camelCase），团队应统一风格，确保可读性和一致性。命名方式的选择应结合具体语言规范和项目需求，避免混用不同风格。

原创 供应链管理：SCMP视角-按章节理解计划管理

本文系统介绍了供应链计划管理的核心内容，涵盖计划概述、预测与需求计划、供应计划、库存管理等9大章节。重点阐述了计划体系的构成、不同类型制造模式的特点、供需平衡策略、S&OP流程、产能与库存管理方法，以及计划信息系统与绩效评估体系。文章详细解析了供应链计划各环节的关键概念、实施方法和挑战对策，为构建高效计划管理体系提供了全面指导。

原创 供应链管理：SCMP视角-按章节理解采购管理

SCMP视角-按章节理解采购管理

原创 供应链管理：类目/品类、单品、SPU、SKU、商品编码、款式、批次、型号、商品组合/套包

2.1、类目/品类是商品分类的宏观框架，包含多个单品、SPU、SKU等。2.2、单品是具体的销售对象，从属于特定类目/品类，可对应多个SKU、款式、型号等。2.3、SPU是单品和SKU的汇总标识，描述产品的通用属性和特征。2.4、SKU是商品的具体属性组合标识，对应一个具体单品，属于一个特定的SPU。2.5、商品编码用于唯一标识商品，可能与SKU关联，但更侧重于通用标识。2.6、款式和型号影响SKU的划分，一个单品可能有多种款式和型号。

原创 vue3-ts-qrcode ：安装及使用记录 / 配置项 / 效果展示

本文介绍了在Vue项目中集成QRCode二维码生成功能的完整流程。主要内容包括：1）安装qrcode库及其类型声明；2）通过canvas或img标签两种方式实现二维码组件，提供代码示例；3) 二维码配置选项详解，包括版本、纠错级别、尺寸、颜色等参数设置；4) 实际应用示例和使用场景说明。文章还提供了完整的组件代码和配置示例，方便开发者快速在Vue3项目中实现二维码生成功能。

原创 AI问答：理解 FormData 和 fd.append(‘file‘, file) / 文件上传 / 多文件上传 / form 表单

本文介绍了JavaScript中FormData对象的使用方法，特别针对文件上传场景。FormData用于构造表单数据，主要步骤包括：创建FormData实例后，用append()方法添加字段（如文件对象），其中'file'为服务器接收参数名。文件可来自<input type="file">或拖放操作，发送时通过fetch或XMLHttpRequest自动处理Content-Type。服务器端需使用multer等中间件接收multipart/form-data数据。关键点包括：浏览器自动处理编码、支持多文件

原创 pnpm-vue3-ts：裁剪 / 上传裁剪 / 头像-商品图片处理-图片编辑 / vue-cropper

Vue-Cropper 是一个基于 Vue.js 的轻量级图片裁剪组件，专为前端项目中的图片裁剪需求设计。它提供了丰富的功能和灵活的配置选项，支持多种图片格式输入和输出，适用于头像裁剪、商品图片处理、图片编辑等场景。

原创 供应链管理-物流：自动驾驶分为几个级别/L0无自动化/L1驾驶辅助/L2部分自动化/L3有条件自动化/L4高度自动化/L5完全自动化

国际自动机工程师学会（SAE）将自动驾驶划分为L0-L5六个等级。L0-L2需驾驶员随时接管，系统仅辅助（L1）或部分控制（L2）；L3在特定条件下自动驾驶但仍需接管；L4在限定场景完全自主；L5为全工况无人驾驶。目前L2已广泛应用（如特斯拉Autopilot），L4实现特定场景商业化（如Waymo出租车），L5尚未量产。该分级体系明确了自动驾驶技术发展路径与应用边界。

原创 vue3-ts: v-model 和 props 的关系

Vue.js中的v-model是:value和@input的语法糖，默认通过props接收value属性并触发input事件更新数据。可以通过model选项自定义prop和事件名称（如text和change）。组件内部需正确处理接收的props和emit对应事件。v-model本质仍是props与事件的组合，与显式使用:value和@input效果相同。开发组件时需确保兼容两种数据绑定方式。

原创 AI问答-vue3+ts+vite：http://www.abc.com:3022/m-abc-pc/#/snow 这样的项目 在服务器怎么部署

为什么记录有子路径项目的部署，因为，通过子路径可以区分项目，那么也就可以实现微前端架构，并且具有独特优势，每个项目都是绝对隔离的。要将 Vue3 项目（如路径为 http://localhost:3022/m-saas-pc/#/snow）部署到服务器，需确保静态资源正确托管并配置路由回退，