- 博客(314)
- 收藏
- 关注
RSS订阅
原创 前端-SCMP：技术和业务相辅相成 / 一分钟快速读懂SCMP供应链管理专家
自2019年正式推出以来，中物联采购委已为包括中国移动电信、国家电网、华能集团、南方电网、华润集团、通用集团、船舶集团、南方航空、中国中车、厦门建发、厦门国贸、厦门象屿、德国博世集团、埃顿集团、广汽新能源汽车有限公司等在内的众多企业员工提供SCMP认证项目培训，且反响良好。3.5.2、众多供应链试点示范项目和标杆企业，都开始运用或部署SCMP，赋能企业供应链实践，为企业发展培养和储备供应链专业人才，提升企业竞争力和抵御风险的能力。个人理解随着互联网行业的发展，单纯对技术的掌握已不足以支撑在行业的长期发展。
2024-11-18 21:10:31
1051
原创 Vue：Vue3-TypeScript-Pinia-Vite-pnpm / 基础项目 / 20240807
这个工具特别适用于前端开发，因为它能够过滤出Git代码暂存区的文件，只对这些文件进行lint检查，避免了全量文件的检查，从而提高了性能并减少了误操作的可能性。这个功能特别有用，当你需要基于文件系统的结构来动态地加载多个模块时，比如在一个 Vue、React 或其他前端框架的应用中，你可能需要导入一个目录下所有的组件或模块。：UnoCSS通过仅传递实际使用的样式属性，减小生成的CSS文件的体积，从而优化页面的加载速度，并减少不必要的网络传输和运行时的样式计算。
2024-08-07 21:00:00
2431
原创 架构-单一代码库-monorepo-lerna(8.0.0)：lerna-pnpm-vue3-vite-ts 实践 / 用于管理包含多个软件包（package）的 JavaScript 项目
PNPM Workspaces是一个npm客户端，它允许您在单个存储库中管理多个npm软件包，但它与Lerna不同，它不需要将所有代码放在单个存储库中。总的来说，Lerna适用于需要在一个大型存储库中管理多个相关软件包的项目，而PNPM Workspaces适用于需要更灵活的存储库结构的项目。如果你之前使用软链接管理Lerna项目中的包，升级到Lerna 8.0.0后，你可以移除软链接的设置，并使用Yarn的工作空间功能来管理你的包。并且难以跟踪，并且， 跨越多个代码仓库的测试将迅速变得非常复杂。
2023-12-12 21:28:49
2005
原创 Charles：移动端抓包 / windows客户端 / iOS手机 / HarmonyOS 4.0 / 手机访问PC本地项目做调试
Windows 10 家庭中文版版本号 22H23.2.1、无线局域网3.2.2、手机须与PC连接同一无线网，点击 “叹号”3.2.3、点击代理配置3.2.4、选择手动，服务器 输入 pc的 ip 地址，端口 8888服务器ip地址可以在Charles --> Help --> Local IP Address 找到3.2.5、手机连接成功后，pc出现弹窗，点击 allow （允许）
2023-10-07 23:50:14
7185
3
原创 AI问答：JSBridge / WebView 与 Native 通信
具体来讲，Web技术通过JS调用JSBridge提供的API来调用原生应用的功能，而原生应用通过JSBridge提供的回调函数来响应Web技术的请求并返回数据。JSBridge是一种连接JavaScript和Native代码的桥梁，它提供了一种方法，使得JavaScript可以直接调用Native的代码，同时使得Native的代码也能直接调用JavaScript的方法，从而实现了JavaScript和Native之间的相互调用和传递数据。然后在JavaScript中直接调用Native的接口来实现通信。
2023-08-18 16:12:22
609
原创 ES6：基础使用，积累
第一次调用创建了一个新的具有该键的symbol，并将其添加到全局注册表中，而第二次调用则直接返回之前创建的同一个symbol。1、安装 Node.js：ES6 是在 Node.js 环境下运行的，因此需要先安装 Node.js。2、安装 Babel：Babel 可以将 ES6 的代码转换成浏览器或者 Node.js 理解的代码，因此需要安装 Babel。当需要创建全局共享的symbol或在代码的不同部分访问已经创建的symbol时，Symbol.for()会非常有用。// 输出：Symbol()
2023-07-20 17:39:57
314
原创 小程序-uni-app：uni-app-base项目基础配置及使用 / uni-app+vue3+ts+vite+vscode
小程序 uniapp开发 vue3 ts pnpm 开发 全记录
2023-06-08 23:49:10
18914
7
原创 TypeScript：熟练掌握TypeScript
注意：getElementById方法返回值的类型是HTMLElement，该类型只包含所有标签的属性或方法，不包含a标签特有的href等属性。2、继承后，Point3D 就有了Point2D的所有属性和方法（此时，Point3D同时有 x，y，z三个属性）。解释：| （竖线）在TS中叫做联合类型，由两个或多个其他类型组成的类型，表示可以是这些类型中的任意一种。3.5、 类型推断机制，不需要在代码中的每个地方都显示标注类型，让你在享受优势的同时，尽量降低了成本。方法采用方法名（）：返回值类型的形式。
2023-05-07 23:55:49
6215
原创 NodeJS-NestJS：基础掌握 从了解到使用
等优秀项目的出现，他们提高了开发者的工作效率，并能够创建快速、可测试和可扩展的前端应用程序。然而，尽管 Node （和服务器端 JavaScript）拥有大量优秀的软件库、辅助程序和工具，但没有一个能够有效地解决我们所面对的主要问题，即。Nest 提供了一个开箱即用的应用程序体系结构，允许开发者及其团队创建高度可测试、可扩展、松散耦合且易于维护的应用程序。3.1、创建一个新的项目目录，并使用核心的 Nest 文件和支撑模块填充该目录，从而。在底层，Nest 构建在强大的 HTTP 服务器框架上，例如。
2023-04-09 18:08:05
2137
原创 架构-单一代码库-monorepo-pnpm-workspace：基本使用 / 一个代码仓库中包含了多个软件包（package）并进行开发
pnpm 内置了对单一存储库（也称为多包存储库、多项目存储库或单体存储库）的支持， 你可以创建一个 workspace 以将多个项目合并到一个仓库中。有本人“三”看出，组件部分式放在了node_modules下，由package.json管理，和普通的项目其实是一样了，部署思路同普通项目。2.8、packages目录下app-base、app1、app2的package.json删除如下图红框内容。2.10、app-base、app1、app2分别在vite.config.ts中设置端口号。
2023-03-22 00:02:04
7308
11
原创 微前端-qiankun：vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用
可以对老jQuery项目进行升级，老业务不变，新页面使用vue3，这样就好了，目前没有看到相关的资料，看到一些资料是遇到问题的，比如全局变量丢失等，待研究。1.5、qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，目前 qiankun 已在蚂蚁内部服务了超过 2000+ 线上应用，在易用性及完备性上，绝对是值得信赖的。不要对 iframe 抱有偏见，它也是微前端的一种实现方式，如果页面上无弹窗、无全屏等操作，iframe 也是很好用的。任意 js 框架均可使用。
2023-03-14 00:39:24
6232
1
原创 nuxt3：我们开始吧-开发-配置-部署
2022 年 11 月 16 日，全球最大的 Nuxt 会议 Nuxt Nation 2022 在线举行，并正式发布了 Nuxt.js 3.0 的第一个稳定版本。的 Nuxt 框架的现代重写，具有一流的 Typescript 支持，是两年多研究、社区反馈、创新和实验的结果。nuxt项目tsconfig.json有配置，public目录下的文件可以省略/public目录，我这里测试不可以，后续会再研究。SSR应用：在服务端进行渲染，渲染完成后返回给客户端，每个页面有独立的URL，对SEO友好。
2022-11-28 17:37:18
25147
21
原创 Git：Git分支管理规范 / 常用命令
因此，分支管理的需求应运而生。7、Pull requests (PR): Fork之后，如果希望将自己的修改贡献到原始代码中，可以使用pull requests推送请求到原来仓库中，然后，原始代码的作者，根据你提交的内容，考虑是否真的放入源码中。3、在编译器把开发分支合并到临时mid分支，这是冲突的文件与内容在编译器就可以看到了，找到冲突的代码，检查，不能准确处理的，需要与当事人当面一起处理。6、Fork： 克隆别人的代码库到自己的github项目中，可以作为子模块的形式使用，或二次开发。
2021-09-09 15:20:46
7589
1
原创 SEO：SEO优化与代码同构/服务端渲染/ssr
1、SEO（search engine optimization）概述：中文既搜索引擎优化，指在了解搜索引擎自然排名机制的基础上，对网站进行外部的调整优化，改进网站在搜索中关键词的自然排名，获得更多的流量，吸引更多目标客户，从而达到网络营销及品牌建设的目标。广告：广告（SEM-营销-销售）百度快照：符合seo搜索规则搜索引擎：运用计算机程序，在互联网中抓取数据，并进行组织和处理，为用户提供搜索服务。seo的作用：1，为用户搜索有用信息；2，给企业带来意向用户2、搜索引擎.
2021-08-31 23:16:47
1107
原创 前端：前端开发任务分解
前端开发过程中，好多任务同时开发，或者一个大的任务分解为若干个子任务进行开发，分解出去的很多内容容易记不清楚，所以记录表格如下，方便开发同事，也辅助掌握整体开发情况。
2025-01-13 22:00:00
143
原创 前端组件开发：组件开发 / 定义配置 / 配置驱动开发 / 爬虫配置 / 组件V2.0 / form表单 / table表单
/ 字段命名要显性命名，不能产生歧义// 每一个对象是一个模块// 再有更多的模块类型也是同理，再有更多的表单类型也是同理// 涉及到从接口获取数据的/比如select-remote，输入接口即可，若输入数据，那么配置小的变化就需要全量的处理// 本文第五条展示的内容合理的配置都可以输出id: '',title: '',list: [id: '1',name: '新增',more: {}},id: '2',name: '编辑',more: {}},id: '3',
2025-01-11 19:34:06
814
原创 AI问答：vue项目props传递参数 / 传递一个对象都包含好 / 还是分开多个传递好
在Vue项目中，关于如何传递props参数，特别是当传递一个包含多个属性的对象时，选择“传递一个对象”还是“分开多个传递”并没有绝对的“好”或“不好”，而是取决于具体的需求和上下文。在实际开发中，也可以根据项目的规模、团队的编码规范以及具体的业务需求来决定。对于小型项目或简单组件，传递多个单独的props可能更加直观；而对于大型项目或复杂组件，封装成一个对象可能更有助于代码的维护和管理。，并且这些属性经常一起使用，那么传递一个对象可能是更好的选择。，那么分开传递可能更适合。
2025-01-11 19:32:57
168
原创 调试：用电脑开发移动端网页，然后用手机真机调试
2.4、Windows+r 输入cmd，在cmd输入 ipconfig。2.3、浏览器访问 localhost:3001/login。2.2、pnpm run dev 启动项目。2.5、浏览器访问 ip地址加/login。2.6、手机端访问相同的地址，访问成功。电脑开发移动端，然后想真机调试...2.1、电脑和手机链接相同局域网。
2025-01-03 21:55:35
314
原创 AI问答-供应链管理：理解 MRO、MRP
MRO是维护（Maintenance）、修理（Repair）和运营（Operations）的缩写，指的是企业为保持设备、设施和生产流程正常运行而进行的一系列活动。这些活动包括备件、工具、设备的采购和管理，以及维修和保养工作。在供应链管理领域，MRO通常涵盖了所有非生产性物资的管理，这些物资包括但不限于备品备件、维修工具、安全设备、耗材等，旨在确保企业设施、设备的正常运行和生产的连续性。
2024-12-30 22:00:00
892
原创 微信开发工具-详情-调试基础库：理解调试基础库
微信基础库是小程序的运行环境，为小程序提供了运行所需的各种API和工具，以及基础框架和运行逻辑等。通过性能分析工具，开发者可以找出小程序中的性能瓶颈，并采取相应的措施进行优化，提高小程序的运行效率和用户体验。在管理后台，开发者还可以设置基础库的最低版本要求，以确保用户使用的小程序版本与开发者期望的版本兼容。由于不同版本的基础库可能支持不同的功能和API，因此开发者需要在调试基础库中测试小程序的兼容性。通过在不同版本的基础库上进行测试，开发者可以确保小程序在不同版本的微信客户端上都能正常运行。
2024-12-27 22:00:00
439
原创 AI问答-vpn：内网vpn / 外网vpn / 代理 IP
定义：内网VPN是指通过公共网络（如互联网）连接企业内部不同地理位置的网络节点，形成一个逻辑上统一的内部网络。它利用隧道技术和加密技术，在公共网络上实现安全的、私密的通信。功能：安全通信：通过加密通信，保护企业内部数据在传输过程中的安全性和隐私性。远程访问：允许远程员工或分支机构安全地访问企业内部网络资源，如文件服务器、数据库等。资源共享：实现企业内部资源的共享和协同工作，提高办公效率。定义：外网VPN通过公共网络（如互联网）连接不同公司或组织之间的网络，形成一个逻辑上相对独立的外部网络。
2024-12-24 13:36:59
1187
原创 AI问答-供应链管理：理解卡拉杰克矩阵
卡拉杰克矩阵最早出现于彼得·卡拉杰克的《采购必须纳入供应管理》一文中，这篇文章发表在1983年9至10月号的《哈佛商业评论》上。该矩阵被用作为公司采购组合的分析工具，以采购所牵涉的两个重要方面（收益影响和供应风险）作为其维度，对采购项目进行分类，并制定相应的采购策略。
2024-12-23 00:39:36
799
原创 AI问答-契约锁：具有法律效力的电子签章及印章管控平台
契约锁已经广泛应用于政府、金融、汽车、路桥、医药、工程、检测、医疗、园区、航空、零售、商超连锁等各个行业组织，助力组织实现业务全程无纸化管理，加速绿色化、数字化转型。例如，在物流行业，契约锁对接物流管理平台，为“物流平台、网点、司机、货主、收货人”打造一个具有法律效力的电子签约平台，推动承运、加盟、对账无纸化；契约锁为用户提供可统一管理组织所有实体章和电子章的印控管理软件系统。契约锁适用于多种业务场景，包括分销管理、客户管理、人事管理、招投标管理、采购管理、物流管理等，能够满足不同行业和企业的多样化需求。
2024-12-10 23:00:00
819
原创 vue3+ts+国际化：开发i18n插件 / 集中翻译 / 调用翻译接口
3、一个页面往往有较多需要翻译的字段，一个一个翻译效率不友好，本文实现收集整个页面的需要翻译的字段，然后集中翻译。1、实现国际化开发，页面使用$t()实现目标翻译。2、通过调用接口的方法进行翻译。
2024-12-10 22:15:00
433
原创 Character Set / 字符集：理解字符集 / Unicode字符集 / 字符范围 / Character Set
序号字符集字符范围理解1Unicode中日韩统一表意文字（CJK Unified Ideographs）的基本区（Basic Block）。这个范围包括了20902个码位，主要用于编码汉字，但也包含了一些其他与汉字相关的符号和字符。字符范围“[\u4e00-\u9fa5]”表示的是Unicode编码中汉字的基本区域，涵盖了绝大多数常用的中文字符。这个范围包括了从Unicode编码U+4E00（“一”）到U+9FA5（“龥”）的所有字符，这些字符主要对应于汉字。
2024-12-02 20:30:00
611
原创 vue3 + ts：开发插件 / Plugins / 注册全局实例 / 在 template 与 setup 中使用 / provide、inject
一个插件可以是拥有install()方法的对象，也可以直接是一个安装函数本身，安装函数会接收到安装它的应用实例和传递给app.use()的额外选项作为参数。混入的生命周期钩子和方法将自动与组件的生命周期钩子和方法合并。2.1、插件没有严格定义的使用范围，但是插件发挥作用的常见场景主要包括以下几种。方法在插件注册时被调用，用于将插件的功能和特性添加到 Vue 应用实例中。插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。注册一到多个全局组件或自定义指令。一个插件通常是一个对象，包含一个。
2024-11-25 20:00:00
582
原创 Vue3 + TS + Element Plus + i18n / 国际化：vue-i18n 的使用 / 国际化
Element Plus 本身也支持国际化，但你需要手动将它的翻译与 vue-i18n 集成。这通常是通过在组件中动态更改 Element Plus 的配置来实现的，但你也可以在创建 Vue 应用时全局设置。不过，更常见的做法是使用 vue-i18n 的全局翻译功能，并在模板中通过 $t 函数访问翻译字符串，包括 Element Plus 的翻译。如果你想让 Element Plus 的国际化更加自动化，你可能需要编写一个脚本来自动生成或更新这些翻译字符串，但这通常超出了基本设置的范畴。
2024-11-20 20:00:00
764
1
原创 AI问答-base64：概念、原理、使用
Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，它基于64个可打印字符来表示二进制数据。这些字符包括小写字母（a-z）、大写字母（A-Z）、数字（0-9）、加号（+）和正斜杠（/），以及在某些情况下作为填充字符使用的等号（=）。
2024-11-13 20:00:00
800
原创 JavaScript：loadScript 方法
在JavaScript中，loadScript 方法通常用于动态地加载一个外部JavaScript脚本。这种方法常用于需要根据某些条件（如用户交互、页面加载完成后的某些操作等）动态引入脚本的场景。
2024-11-11 20:00:00
481
原创 规范：项目、目录、文件、样式、事件、变量、方法、url参数、注释、git提交 命名规范及考证
这是本人项目，经常识别不准，我文件目录是jxsLogin/index.vue。遵循这些命名规则，可以帮助你创建一个结构清晰、易于维护的前端项目。易懂、通用、规范、标准、专业性、是经验积累的体现。采用小写字母和中划线（-）连接的方式命名，如。2、中划线 / '-' 命名。烤串，驼峰，蛇形，nuxt变量。3、底划线 / '_' 命名。驼峰、烤串命名、蛇形命名。同 3.1 整体原则。
2024-11-04 22:11:22
1291
原创 AI问答：Google Authenticator(谷歌动态口令) / 设置及操作过程记录
Google Authenticator，即谷歌身份验证器，是谷歌推出的一款基于时间的一次性密码（Time-based One-time Password，简称TOTP）验证工具。以下是关于Google Authenticator验证的详细解释。
2024-11-04 21:15:00
2521
原创 AI问答：JavaScript / Vue 不刷新页面设置url参数
在 JavaScript 中，如果你想在不刷新页面的情况下设置 URL 参数（查询字符串），你可以使用 history.pushState 或 history.replaceState 方法来修改浏览器历史记录和当前 URL。如果你想在 URL 改变时执行一些额外的逻辑（例如，获取新的数据），你可以在路由的 beforeEnter 守卫或组件内的 beforeRouteUpdate 守卫中处理这些逻辑。history.replaceState 方法用于修改当前的历史记录条目，而不是添加一个新的条目。
2024-11-04 21:00:00
522
原创 SCMP / 供应链管理：M3 / 领导力
供应链管理战略与领导力》一书深入探讨了供应链管理领域中的战略规划和领导力培养，旨在帮助供应链管理者提升战略思维和领导能力，以应对复杂多变的市场环境。为供应链管理者提供了丰富的理论知识和实践指导，有助于提升他们的战略思维和领导能力，推动供应链管理的持续改进和优化。本文将按照书籍目录章节进行学习，简单记录学习内容。1.1、管理的定义1.2、传统的东方管理思想1.3、管理的基本职能1.4、供应链管理的基本原则3.1、马斯洛需求层次理论3.2、麦克利兰的成就动机理论3.3、激励因素-保健因素理论。
2024-10-29 20:00:00
935
原创 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of me
这个报错，通常意味着JavaScript引擎（如V8引擎，它在Node.js和许多现代浏览器中都有使用）在尝试分配内存时超出了其堆内存的限制。
2024-10-28 21:00:00
3226
原创 ISO：理解ISO / ISO 有哪些体系 / 国际标准化组织
针对企业的环境保护和可持续发展进行的标准认证，要求企业识别和管理其活动、产品和服务中的环境因素，制定并实施环境方针和目标，以预防污染、减少资源消耗并改善环境绩效。针对企业的职业健康和安全生产进行的标准认证，要求企业建立职业健康安全方针、职业健康安全目标、职业健康安全指标和职业健康安全管理方案等方面的管理体系。针对企业的职业健康和安全生产进行的标准认证，要求企业建立职业健康安全方针、职业健康安全目标、职业健康安全指标和职业健康安全管理方案等方面的管理体系。旨在预防、发现和应对腐败行为，维护企业的声誉和利益。
2024-10-27 19:12:27
1177
原创 二维码：理解二维码 / 生成二维码 / 小程序支持哪种类型的二维码 / 小程序识别GS1码
GS1（Globe standard 1）是由美国统一代码委员会于1973年建立的组织，该系统拥有全球跨行业的产品、运输单元、资产、位置和服务的标识标准体系和信息交换标准体系。其密度是基于1：1的比例，也就是说，在相同尺寸的面积上，二维码能够存储的信息量是传统条码的几十倍到几百倍。系统性：GS1系统拥有一套完整的编码体系，采用该系统对供应链各参与方、贸易项目、物流单元、位置、资产、服务关系等进行编码，解决了供应链上信息编码不统一的难题。1.2.3、保密、防伪性强：二维码具有比传统条码更强的保密性和防伪性。
2024-10-14 21:55:57
2875
原创 JavaScript：事件 / DOM事件
JavaScript使我们有能力创建动态页面，网页中的每一个元素都可以产生某些触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。当我们在某个元素上添加一个事件时，根据事件执行的前后可以把它当成一个事件流，例如在DOM事件中规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。首先发生的是事件捕获，然后是实际的目标接收到事件，最后是冒泡阶段，可以在这个阶段对事件做出响应。
2024-10-12 21:00:00
769
空空如也
Android手机，小程序支付能力已被限制
2023-08-28
nuxt3 本地开发代理 proxy 怎么配置？
2023-01-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人