- 博客(161)
- 收藏
- 关注
RSS订阅
原创 vue3的自定义hooks
Vue3 的 hook函数的出现，可以让我们更好抽离重复逻辑，聚合相同的功能。它与vue2 中的mixins有点类似，但是相对 mixins 而言， hooks 函数 更清楚复用功能代码的来源,更清晰易懂。使用 Vue3 的组合 API 封装的可复用，高内聚低耦合。1、具备可复用功能，才需要抽离为 hooks 独立文件2、函数名/文件名以 use 开头，形如: useXX3、引用时将响应式变量或者方法显式解构暴露出来；vue3 hooks 现在使用比较广泛，介绍基本概念与原理。
2024-01-11 16:57:04
1445
1
原创 前端本地覆盖资源(local override)调试
Chrome 65 中的开发者工具将包含以下新功能：本地替换新的无障碍工具更改标签页新的搜索引擎优化 (SEO) 和性能审核Performance 面板中的多个录制内容使用 worker 和异步代码执行可靠的代码单步调试本篇文章主要学习与实践下本地替换这个功能提示：以下是本篇文章正文内容，下面案例可供参考官网详细描述。
2024-01-11 09:40:18
1132
原创 vue3项目使用pako库解压后端返回zip数据
外部接口返回一个图片数据是经过zip压缩的，前端需要把这个数据处理成可以显示的图片。大概思路：zip解压-> 转换为base64数据 -> img标签显示。pako详细描述🚀 npm 直达pako 是一个流行的 JavaScript 库，用于在浏览器中进行数据压缩和解压缩操作。它提供了对常见的压缩算法（如 Deflate 和 Gzip）的实现，使开发者能够在客户端上轻松进行数据压缩和解压缩，以减少数据传输大小和网络带宽消耗。
2023-12-29 18:03:04
1976
原创 Vue3+hooks快速接入Lodop打印插件
上面文章《Vue快速接入菜鸟打印组件》讲了vue3如何快速集成菜鸟打印组件，这篇讲讲vue3如何集成lodop组件。在项目的hooks 文件夹下创建一个hook。根据自己的项目，按实际情况命名。这里是 useLodop.ts// 引入上一步骤创建的lodopfuns})try {} else {rawRow: {}) => {if (!LODOP) {return ElMessage.warning('请安装/启动Lodop 打印插件')// 根据打印的类型，获取设置的打印机字符串。
2023-12-15 14:22:59
1898
1
原创 2024-07-09_外语学习
Routing Instruction对于确保货物能够安全、及时并符合所有相关规定地到达目的地非常重要。它不仅帮助协调不同物流环节，还能提高运输效率，减少误解和错误，确保客户满意度。在跨境电商的物流业务中，“Routing Instruction”指的是一组指示或指导，规定货物从起始地到目的地的运输路线和方法。
2024-07-09 15:27:22
826
原创 2024-07-03_外语学习
拉丁语 serere “连接，链接，绑在一起”， series “行，链，系列，序列，继承”；servare（拉丁语，意为“保护，保存，观察”）；在拉丁语中，“serere” 的派生词 “series” 意思是“一行”、“一列”或“一系列”，它描述了事物按顺序排列的状态。在现代英语中，“serial” 通常表示“连续的”、“系列的”或“连载的”，它可以作为形容词或名词使用。在跨境电商中，SSCC的应用可以显著提高供应链的透明度和效率，因为它允许自动化的追踪和管理，确保货物在国际运输过程中的准确性和安全性。
2024-07-03 15:26:27
789
原创 2024-07-01_外语学习
全球化的环境下，外语，也是生活的一部分。其中特别是单词，背了忘，忘记背。主要是没实际运用，死记硬背，应付下应试教育还可以。所以后面的单词记忆，用理解，词源，结合生活,代码应用等的方式来记忆。
2024-07-01 18:25:25
968
原创 vue3特性-Teleport源码
Teleport是 Vue 3 的一个内置组件，它允许你将组件的内容渲染到 DOM 树的其他位置，而不是其父组件的 DOM 层次结构中。下面是对Teleport实现源码的详细分析。在中定义了Teleportimport {VNode,process(n2: VNode,) {// 处理逻辑},// 移除逻辑},// 移动逻辑},hydrate: null // SSR 相关逻辑Teleport通过其process。
2024-06-21 16:50:51
463
原创 vue3-自定义指令来实现input框输入限制
使用vue中的自定义指令来实现input框输入限制其中关键代码强制触发input ，来避免，输入规则外的字符时，没触发vue的响应，导致实际值的不一致的问题。使用debounce 来优化性能从vue和lodash库中导入必要的类型和工具函数。定义接口，扩展以包含属性。.valuevalue = ''.replace(/[^\d.]/g, '') // 删除非数字和非小数点字符.replace(/^\./, '') // 删除开头的小数点。
2024-06-18 17:49:45
784
1
原创 从0到1上线小程序的步骤
开发一个小程序（例如微信小程序）涉及到多个阶段，每个阶段都有特定的步骤和要求。以下是详细的步骤及相关资料和网址，帮助你在开发前、开发中和开发完成后的上线部署过程中顺利进行。通过以上步骤和资料，你可以系统地开发、调试和上线一个高质量的微信小程序。
2024-06-18 15:59:21
727
原创 vConsole核心源码学习
vConsole是一个用于移动端的调试工具。提供日志、网络、系统信息、元素查看和存储等调试功能。使用 Svelte 作为前端框架来构建调试面板。导入必要的模块和类型。定义常量，用于标识vConsole的 DOM 元素。if (!!if (!!_onload();} else {
2024-06-14 16:07:08
414
原创 数据库主键设计
数据库主键的设计是数据库架构中的一个重要环节，不同的主键生成策略适用于不同的场景和需求对于单体应用或简单的分布式系统，自增ID可能是最简单高效的选择。在分布式系统中，尤其是跨多个数据中心时，雪花算法因其高性能和全局唯一性成为优选。当全局唯一性是首要考虑因素，且对存储空间不太敏感时，GUID是合适的选择。具体场景下，也可以根据业务需求考虑复合主键或业务相关ID的方案。
2024-06-05 22:52:53
782
2
原创 Lodop 实现局域网打印
有时候会根据不同的ip来获取资源文件，这里遇到场景，通过不同的局域网ip来获取本地资源。是Lodop 实现局域网打印的必要步骤之一。Ip 与 客户端（H5之类的）的打印的指定打印机，可以通过2个字段，mobilePrinter ，ip 之类的让后端维护在数据库。获取 LODOP 进行打印。LODOP.ADD_PRINT_TEXT(5,49,151,30,"打印测试");// 其他自定义需求。
2024-06-05 14:34:04
697
原创 物理主外键与逻辑外键
数据库设计知识通过在应用程序层面管理外键约束，可以获得更大的灵活性和性能优势，特别是在需要支持多数据库、分布式系统或复杂业务逻辑的情况下。使用 Java 的 ORM 框架和事务管理，可以有效地实现逻辑外键约束，确保数据的完整性和一致性。
2024-05-31 09:06:04
1167
原创 局域网，广域网，WLAN，WiFi，互联网（Internet）
网络知识介绍这些网络概念形成了一个层次分明、互相依赖的网络生态系统，共同支撑着我们日常的信息交流和数据传输。
2024-05-29 10:49:43
903
原创 常见关系型数据库
这些数据库各有特色，适用于不同的应用场景，开发者和组织可以根据自己的需求（如性能、成本、兼容性、技术支持、社区活跃度等）来选择合适的关系型数据库管理系统。
2024-05-28 11:06:04
472
原创 ACL（Access Control List，访问控制列表）
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考首先，你需要定义你的权限模型，包括资源（Resource）、权限（Permission）、角色（Role，可选）和用户（User）等基本元素。// 如 "read", "write", "execute"// 资源唯一标识，如文件路径、URL等认识权限控制中的ACL，以及java实现的大概思路。
2024-05-27 16:20:02
752
原创 Java入门须知术语
记录java小白须知的一些术语Abstract Class: 抽象类，不能直接实例化，可以包含抽象方法（没有具体实现的方法），为子类提供共通的实现基础。java 基础概念认识。
2024-05-27 11:00:19
708
原创 RBAC 动态权限
前端学java，用于记录学习，AI辅助创作，有错误之处，欢迎交流指正。👏🏻由于MyBatis-Plus已经简化了数据访问层的操作，我们可以直接在@Service@Autowired@Autowired@Override// 通常情况下，权限也会通过角色间接关联，这里简化处理。
2024-05-26 22:04:51
863
原创 扫码枪与Input的火花
在浏览器扫描条形码获取条形的值，再操作对应的逻辑。这是比较常见的业务，这里记录实际操作。其中PC端用的是elmentui-plus，mobile端用的vant-ui。
2024-05-14 19:27:07
353
原创 Docker-运行时
runc、containerd 和 CRI-O 都是容器技术领域中的关键组件，它们与 Docker 和 Kubernetes 等容器生态系统紧密相关。
2024-05-12 21:31:14
976
原创 vercel-简单认识
Vercel 是一个云服务平台，专为前端开发和部署 Web 应用程序而设计。总的来说，Vercel 是一个功能强大的前端开发和部署平台，为开发者提供了高效、高性能的工具和服务，使他们能够专注于构建出色的用户体验。
2024-05-11 23:35:10
288
原创 docker+nginx+Jenkins自动构建
在已有docker-Jenkins-nginx 部署方案上，在另外一台测试服务器，新增nginx，实现同个端口下构建 pc（history模式，vue3 ，vite项目）， mobile （hash模式，vue3 ，vite项目）前端项目。并且支持git push后jenkins自动构建。以上就是今天要讲的内容，本文仅仅简单介绍了docker-nginx-jenkins 部署与构建前端项目。
2024-05-11 18:20:06
1183
2
原创 Windows系统下通过nginx配置多项目
在windows电脑启动一个nginx 测试配置多前端项目，一个pc端（vue3+ts+vite ，history路由），一个mobile端（vue3+ts+vite ，hash路由）。记录单个端口下，利用nginx部署 pc前端项目（history模式路由）与mobile前端项目（hash模式路由）其中的修改。
2024-05-10 18:23:56
1321
原创 git tag 相关操作
一般在版本管理里面，我们上线了一个版本。在对应的版本需要打一个标签，以方便追溯该版本大概的功能，以及需要回滚版本时候，可以更加清楚当前版本信息。（够帮助开发人员更好地管理和跟踪代码的版本，便于回溯和发布。介绍了工作中常用git tag 操作。
2024-05-06 14:46:29
517
原创 JS-在字符串形式的正则表达式中，需要对反斜杠进行转义
在字符串形式的正则表达式中，需要对反斜杠进行转义！！！，最近用AI帮我转换代码，后端伙伴已经用C#的正则方法。结果被坑了一波。下面娓娓道来。简而言之，在字符串中，单个反斜杠是转义字符，所以需要再加一个来表示字面意义上的反斜杠。这样，正则表达式引擎才能正确解析你的模式字符串。而C# 用的@ 不用转义。
2024-04-30 18:28:48
880
1
原创 理财投资-认识期货
期货是一种金融衍生品，它指的是买卖双方在期货交易所内，按照规定格式，通过公开竞价的方式达成的，在未来某一特定的时间和地点，以约定的价格交割某一特定数量的商品或金融资产的标准化合约。标准化：期货合约的条款，包括资产的种类、数量、质量和交割时间等，都是由交易所统一规定的。杠杆效应：期货交易通常只需要支付合约价值的一小部分作为保证金，这意味着投资者可以以较小的资金参与较大规模的交易。双向交易：投资者可以通过买入期货合约（多头）来预期价格上涨，或者卖出期货合约（空头）来预期价格下跌。交割方式。
2024-04-24 10:32:19
902
原创 理财知识-股票的发展
股票的发展股票的诞生与早期的商业活动紧密相关，尤其是与贸易公司的成立和运营有关。股票是一种证券，它代表着持有者（即股东）对股份公司的所有权的一部分。股东通过购买股票成为公司的所有者之一，并拥有公司盈利的一部分，同时也承担公司的经营风险。股票的主要特点包括：所有权：股票持有人是公司的股东，拥有公司一定比例的资产和利润。可交易性：股票通常在股票交易所进行买卖，可以自由转让给其他投资者。盈利权：股东有权获得公司分配的利润，通常以股息的形式支付。
2024-04-21 21:40:40
423
原创 vue3-新特性
vue3 一些新特性自定义渲染器 API：Vue 3 提供了一个自定义渲染器 API，允许开发者创建自定义的渲染器。新的组件定义方式：在 Vue 3 中，组件现在可以通过来定义，这是推荐的方式，用于替代Vue.extend。这些新特性使得 Vue 3 不仅在性能上有所提升，而且在开发体验和代码的可维护性上也做了很大的改进。开发者可以通过逐步迁移现有项目到 Vue 3，来利用这些新特性。
2024-04-21 14:40:57
917
原创 调研-转换zpl为png
为了解决ZPL指令转换为png，pdf 等数据，方便前端调用lodop 之类的打印插件来打印出来标签。调研前端处理还是后端处理好。有些打印机（或则驱动）有内置的服务。不过不好集成的地方。zpl 入参没有图片大小的参数，入参后没有直接返回png 数据而是返回 temp_XX 临时文档代号，然后才调用png？pre-y 这个接口获取图片。连接的端口号不好确认。
2024-04-19 15:35:35
988
原创 项目管理-Jiar Software
Jira Software 是由澳大利亚公司 Atlassian 开发的一款领先的敏捷项目管理工具，广泛应用于软件开发团队，以支持复杂的项目管理需求。以下是关于 Jira Software 的详细介绍，包括其功能、应用场景和优势等。综上所述，Jira Software 是一个功能全面、灵活可定制的项目管理工具，适用于各种规模的团队和项目，特别是在敏捷软件开发和 IT 服务管理领域表现出色。
2024-04-09 16:44:22
749
原创 C#-实现软删除
后端中，经常使用软删除来标志删除一些数据。在C#中实现软删除通常意味着在数据库中不实际删除记录，而是更改某个标志位来表示记录已被“删除”。这样，记录仍然存在于数据库中，但在查询时可以被忽略，就好像它们已经被删除一样。软删除提供了一种灵活且可逆的删除策略，但它也带来了额外的管理和性能考虑。在决定是否使用软删除时，需要根据应用程序的具体需求和上下文来权衡其优缺点。
2024-04-07 23:11:53
918
原创 产品演示的方法
最近看到一个法则，FAB法则。可以运用该法则来推销产品，把产品的属性，对用户的益处，产品的特点。这几个点来介绍或则演示好产品。从而达到打动目标用户的心。我们这里主要讨论平时给客户或则同事演示软件系统产品的情况。本文简单介绍FAB法则，以及在职场中运用它的地方。
2024-03-13 15:38:12
362
原创 vue3项目：Error: Cannot find module ‘node:url‘
今天下载一个项目是vue3+ts+vite 的。我的电脑是mac ，之前也成功运行过vue3与vue2的项目。今天却报错了，这里记录下📝。记录下vue3+ts 环境报错处理问题。
2024-03-12 21:49:10
1204
空空如也
lodop 如何自适应布局？
2023-12-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人