- 博客(144)
- 收藏
- 关注
RSS订阅
原创 vue3的自定义hooks
Vue3 的 hook函数的出现，可以让我们更好抽离重复逻辑，聚合相同的功能。它与vue2 中的mixins有点类似，但是相对 mixins 而言， hooks 函数 更清楚复用功能代码的来源,更清晰易懂。使用 Vue3 的组合 API 封装的可复用，高内聚低耦合。1、具备可复用功能，才需要抽离为 hooks 独立文件2、函数名/文件名以 use 开头，形如: useXX3、引用时将响应式变量或者方法显式解构暴露出来；vue3 hooks 现在使用比较广泛，介绍基本概念与原理。
2024-01-11 16:57:04
1255
1
原创 前端本地覆盖资源(local override)调试
Chrome 65 中的开发者工具将包含以下新功能：本地替换新的无障碍工具更改标签页新的搜索引擎优化 (SEO) 和性能审核Performance 面板中的多个录制内容使用 worker 和异步代码执行可靠的代码单步调试本篇文章主要学习与实践下本地替换这个功能提示：以下是本篇文章正文内容，下面案例可供参考官网详细描述。
2024-01-11 09:40:18
1055
原创 vue3项目使用pako库解压后端返回zip数据
外部接口返回一个图片数据是经过zip压缩的，前端需要把这个数据处理成可以显示的图片。大概思路：zip解压-> 转换为base64数据 -> img标签显示。pako详细描述🚀 npm 直达pako 是一个流行的 JavaScript 库，用于在浏览器中进行数据压缩和解压缩操作。它提供了对常见的压缩算法（如 Deflate 和 Gzip）的实现，使开发者能够在客户端上轻松进行数据压缩和解压缩，以减少数据传输大小和网络带宽消耗。
2023-12-29 18:03:04
1691
原创 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
1548
1
原创 扫码枪与Input的火花
在浏览器扫描条形码获取条形的值，再操作对应的逻辑。这是比较常见的业务，这里记录实际操作。其中PC端用的是elmentui-plus，mobile端用的vant-ui。
2024-05-14 19:27:07
280
原创 Docker-运行时
runc、containerd 和 CRI-O 都是容器技术领域中的关键组件，它们与 Docker 和 Kubernetes 等容器生态系统紧密相关。
2024-05-12 21:31:14
946
原创 vercel-简单认识
Vercel 是一个云服务平台，专为前端开发和部署 Web 应用程序而设计。总的来说，Vercel 是一个功能强大的前端开发和部署平台，为开发者提供了高效、高性能的工具和服务，使他们能够专注于构建出色的用户体验。
2024-05-11 23:35:10
223
原创 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
1132
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
1132
原创 git tag 相关操作
一般在版本管理里面，我们上线了一个版本。在对应的版本需要打一个标签，以方便追溯该版本大概的功能，以及需要回滚版本时候，可以更加清楚当前版本信息。（够帮助开发人员更好地管理和跟踪代码的版本，便于回溯和发布。介绍了工作中常用git tag 操作。
2024-05-06 14:46:29
502
原创 JS-在字符串形式的正则表达式中，需要对反斜杠进行转义
在字符串形式的正则表达式中，需要对反斜杠进行转义！！！，最近用AI帮我转换代码，后端伙伴已经用C#的正则方法。结果被坑了一波。下面娓娓道来。简而言之，在字符串中，单个反斜杠是转义字符，所以需要再加一个来表示字面意义上的反斜杠。这样，正则表达式引擎才能正确解析你的模式字符串。而C# 用的@ 不用转义。
2024-04-30 18:28:48
781
1
原创 理财投资-认识期货
期货是一种金融衍生品，它指的是买卖双方在期货交易所内，按照规定格式，通过公开竞价的方式达成的，在未来某一特定的时间和地点，以约定的价格交割某一特定数量的商品或金融资产的标准化合约。标准化：期货合约的条款，包括资产的种类、数量、质量和交割时间等，都是由交易所统一规定的。杠杆效应：期货交易通常只需要支付合约价值的一小部分作为保证金，这意味着投资者可以以较小的资金参与较大规模的交易。双向交易：投资者可以通过买入期货合约（多头）来预期价格上涨，或者卖出期货合约（空头）来预期价格下跌。交割方式。
2024-04-24 10:32:19
794
原创 理财知识-股票的发展
股票的发展股票的诞生与早期的商业活动紧密相关，尤其是与贸易公司的成立和运营有关。股票是一种证券，它代表着持有者（即股东）对股份公司的所有权的一部分。股东通过购买股票成为公司的所有者之一，并拥有公司盈利的一部分，同时也承担公司的经营风险。股票的主要特点包括：所有权：股票持有人是公司的股东，拥有公司一定比例的资产和利润。可交易性：股票通常在股票交易所进行买卖，可以自由转让给其他投资者。盈利权：股东有权获得公司分配的利润，通常以股息的形式支付。
2024-04-21 21:40:40
414
原创 vue3-新特性
vue3 一些新特性自定义渲染器 API：Vue 3 提供了一个自定义渲染器 API，允许开发者创建自定义的渲染器。新的组件定义方式：在 Vue 3 中，组件现在可以通过来定义，这是推荐的方式，用于替代Vue.extend。这些新特性使得 Vue 3 不仅在性能上有所提升，而且在开发体验和代码的可维护性上也做了很大的改进。开发者可以通过逐步迁移现有项目到 Vue 3，来利用这些新特性。
2024-04-21 14:40:57
905
原创 调研-转换zpl为png
为了解决ZPL指令转换为png，pdf 等数据，方便前端调用lodop 之类的打印插件来打印出来标签。调研前端处理还是后端处理好。有些打印机（或则驱动）有内置的服务。不过不好集成的地方。zpl 入参没有图片大小的参数，入参后没有直接返回png 数据而是返回 temp_XX 临时文档代号，然后才调用png？pre-y 这个接口获取图片。连接的端口号不好确认。
2024-04-19 15:35:35
790
原创 项目管理-Jiar Software
Jira Software 是由澳大利亚公司 Atlassian 开发的一款领先的敏捷项目管理工具，广泛应用于软件开发团队，以支持复杂的项目管理需求。以下是关于 Jira Software 的详细介绍，包括其功能、应用场景和优势等。综上所述，Jira Software 是一个功能全面、灵活可定制的项目管理工具，适用于各种规模的团队和项目，特别是在敏捷软件开发和 IT 服务管理领域表现出色。
2024-04-09 16:44:22
691
原创 C#-实现软删除
后端中，经常使用软删除来标志删除一些数据。在C#中实现软删除通常意味着在数据库中不实际删除记录，而是更改某个标志位来表示记录已被“删除”。这样，记录仍然存在于数据库中，但在查询时可以被忽略，就好像它们已经被删除一样。软删除提供了一种灵活且可逆的删除策略，但它也带来了额外的管理和性能考虑。在决定是否使用软删除时，需要根据应用程序的具体需求和上下文来权衡其优缺点。
2024-04-07 23:11:53
891
原创 产品演示的方法
最近看到一个法则，FAB法则。可以运用该法则来推销产品，把产品的属性，对用户的益处，产品的特点。这几个点来介绍或则演示好产品。从而达到打动目标用户的心。我们这里主要讨论平时给客户或则同事演示软件系统产品的情况。本文简单介绍FAB法则，以及在职场中运用它的地方。
2024-03-13 15:38:12
336
原创 vue3项目：Error: Cannot find module ‘node:url‘
今天下载一个项目是vue3+ts+vite 的。我的电脑是mac ，之前也成功运行过vue3与vue2的项目。今天却报错了，这里记录下📝。记录下vue3+ts 环境报错处理问题。
2024-03-12 21:49:10
631
原创 windows11加域账号
本文记录windows11 加域账号，先决条件：确保您的 Windows 11 具有有效的 IP 地址，并且可以解析 DNS 中的域名。首先要能连接到公司的域网络（vpn）。本文简单介绍windows11加域的大致过程，希望对您有所帮助。
2024-03-08 10:14:40
853
原创 Lodop关联内容分页打印
Lodop打印插件使用系列，本文交流下比较常用的需求。在打印的页面里面有2个或多个table，它们的高度不固定。这种情况也要实现分页。大概2个方向的思路，思路1自行计算高度，在需要换页的时候，调用Lodop的api。自己处理页码。思路2:2个table自动分页。这里研究下思路2的大概实现。本文记录在使用Lodop需要关联打印项，来达到不定高度的table能相对布局。接着讨论table内嵌条形码的实现方式。
2024-02-28 18:29:35
489
原创 Vue3集成条形码插件-jsbarcode配合Lodop使用
jsbarcode npm 直达。本文在Vue3的项目中集成条形码插件，目的是为了结合Lodop 打印插件实现table内嵌条形码的打印功能。本文主要讨论为了配合Lodop 在table中内嵌条形码，而引入jsbarcode插件的集成过程，希望对你有帮助。
2024-02-28 16:31:32
881
原创 Rust-windows安装环境
Rust学习系列，之前介绍了macOS环境下的rust安装方式macOS rust安装。这篇学习windows的rust安装方式。提示：以下是本篇文章正文内容，下面案例可供参考本文介绍在windows系统下，安装rust开发环境。采用的是rustup + 补充安装gnu 的方式。
2024-02-26 18:19:46
1185
2
原创 Lodop LODOP.SET_PRINT_STYLEA
Lodop中 LODOP.SET_PRINT_STYLEA 的可以设置的属性比较多这一篇讨论下。以上就是今天要讲的内容，本文介绍了 LODOP.SET_PRINT_STYLEA的简单使用。
2024-02-26 11:52:45
1449
原创 Uniapp-小程序简单的时间选择组件-年月日时分
uniapp小程序开发系列。本文实现一个简单时间选择控件。uniapp用个心仪时间控件真的麻烦。官方给得要么年月日，要么时分。产品只要年月日时分。这该怎么玩。旧项目没有引入ui框架，我也不想去引入，不然高低整一个vant 小程序版的。uniapp生态中，有个插件市场，找了一通，是有时间控件。但是引入也是麻烦。没必要。下文基于网友给的案例再稍微改了改。对了 这是vue2 的。以上就是今天要讲的内容，本文讨论了用uniapp 实现小程序时间选择组件 仅仅支持 年月日时分 的简单版本。
2024-02-24 14:29:26
2013
原创 Uniapp小程序开发-底部tabbar的开发思路
记录uniapp 开发小程序的底部tabbar ，这里讨论的不是自定义tabbar的情况。而是使用wx.setTabBarItem(Object object) 这个api的情况。关于custom 小程序底部tabbar的可以跳过。今天的内容就在这里了，本文讨论如何使用uniapp实现基本tabbar功能，接着给出动态设置icon的思路。依赖的api是uni.setTabBarItem。
2024-02-24 13:36:39
1726
原创 Rust可以解决的常见问题
Rust 学习系列，随着对rust的了解，发现rust解决的问题还是挺多了。例如：悬垂指针（Dangling Pointers），缓冲区溢出（Buffer Overflow），数据竞争（Data Races），空指针（Null Pointers）等等。Rust是一种系统级编程语言，旨在提供内存安全、并发性和高性能。它通过编译时的严格所有权和借用检查，解决了传统编程语言中的一些常见问题。
2024-02-20 17:45:07
1326
2
原创 Rust-所有权（ownership）
Rust入门学习系列-Rust 的核心功能（之一）是 所有权（ownership）。引入这个概念是为了更好的管理计算机的内存。下面篇幅让我们来研究下这个功能有什么神奇之处。Rust 是一种系统级编程语言，其最重要的特性是所有权系统。这个特性可以使程序员避免许多常见的内存安全问题。在 Rust 中，每个值都有一个所有者。这个所有者负责分配和释放值的内存。当所有者离开作用域时，它会自动释放相应的内存。Rust 的所有权系统通过三个规则来实现：唯一性规则：每个值都只能有一个所有者。
2024-02-18 11:29:35
1192
原创 windows下ngnix自启动（借助工具winSw）
在windows下安装nginx后，不想每次都手动启动。本文记录下windows下ngnix自启动（借助工具winSw）的操作流程提示：以下是本篇文章正文内容，下面案例可供参考本文记录下windows下ngnix自启动（借助工具winSw）的操作流程。
2024-02-07 17:51:14
469
原创 Rust 数据类型使用注意点
Rust 学习系列 ，学习rust的数据类型。牢记其中的注意点📢Rust 数据类型的介绍，其中介绍数据使用需要特别注意的点更多内容请参考。
2024-02-05 23:19:23
1287
2
原创 Rust-获取随机数练习案例
Rust学习系列-获取随机数练习案例，基于cargo 进行案例练习，过程中会使用cargo check；cargo run；等命名，同时了解基础的let ，mut ，io，rang 库等；如何添加依赖，排除报错。🚀基于cargo 进行获取随机数的案例练习，过程中会使用cargo check；cargo run；等命名，同时了解基础的let ，mut ，io，rang 库等；如何添加依赖，排除报错。
2024-02-05 22:52:00
1200
空空如也
lodop 如何自适应布局？
2023-12-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人