- 博客(75)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 验证码通过“Canvas 绘制”与“Base64 图片”渲染两种不同的实现方式显示
🎉验证码通过“Canvas 绘制”与“Base64 图片”渲染两种不同的实现方式显示。
2025-03-28 11:08:24
943
原创 小程序如何根据用户的不同显示不同导航栏
小程序可以根据用户的不同显示不同的导航栏，这通常通过自定义底部导航栏（tabBar）来实现。以下是实现这一功能的主要步骤和要点：一、配置全局文件在小程序的全局配置文件app.json中，需要将tabBar的custom属性设置为true，以启用自定义底部导航栏。例如：
2024-10-18 13:52:30
1332
1
原创 麒麟系统信创改造
lscpu 命令显示CPU架构信息，包括CPU的数量、每个CPU的核心数、线程数、每个核心的架构（如x86_64）、CPU的型号、CPU的运行速度等信息。这个命令会显示CPU的详细信息，包括CPU型号、制造商、主频、每个CPU的缓存大小、CPU支持的技术（如虚拟化技术）等。将上面准备的nginx.conf文件（下面有完整示例）复制到根目录（文件系统里）下/usr/local/nginx/conf文件夹里，替换掉原有的。不过，arch 命令的输出通常更简洁，直接显示架构名称，如 x86_64。
2024-07-27 16:26:07
1665
1
原创 11-Vue中插槽（slot）的使用
插槽（slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。插槽就是子组件中的提供给父组件使用的一个占位符，用表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。简单理解就是子组件中留下个“坑”，父组件可以使用指定内容来补“坑”。
2024-06-21 09:55:16
1465
原创 10-Vuex在Vue中的导入与配置
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
2024-06-21 09:38:56
1184
原创 zookeeper学习、配置文件参数详解
ZooKeeper 是一个分布式协调服务，它可以维护配置信息、命名空间、分布式同步等。ZooKeeper 的配置文件通常是 zoo.cfg，这个文件中包含了 ZooKeeper 运行所需要的配置信息。
2024-06-18 09:26:18
2270
原创 09-axios在Vue中的导入与配置
Axios是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范。关于axios的特点，可以查看axios中文文档，还可以了解一下axios, ajax和fetch的详细比较内容。接下来开始安装axios，在项目目录下执行（不同的node版本，成功后的提示不同）
2024-06-18 09:20:18
1605
原创 08-路由地址的数据获取
数据获取：有时候，进入某个路由后，需要从服务器获取数据。例如，在渲染用户信息时，你需要从服务器获取用户的数据。我们可以通过两种方式来实现：- **导航完成之后获取**：先完成导航，然后在接下来的组件生命周期钩子中获取数据。在数据获取期间显示“加载中”之类的指示。- **导航完成之前获取**：导航完成前，在路由进入的守卫中获取数据，在数据获取成功后执行导航。从技术角度讲，两种方式都不错 —— 就看你想要的用户体验是哪种。
2024-06-18 09:14:58
434
原创 Nacos 微服务管理
Nacos（Naming and Configuration Service）是阿里巴巴开源的一个动态服务发现、配置和服务管理平台。它提供了一种简单、易用的方式来管理和发现微服务。Nacos支持DNS-based和RPC-based服务发现，以及动态配置管理。它在分布式系统中具有高可用、高可靠的特性。在本教程中，您学习了如何使用Nacos进行服务注册与发现以及配置管理。Nacos作为一种简单易用的微服务管理平台，能够帮助您轻松构建和维护分布式系统。实际上，Nacos的功能远不止于此。
2024-05-23 15:27:47
2092
2
原创 OpenFeign 教程: 使用 Spring Cloud Alibaba 和 Nacos
本教程演示了如何使用 OpenFeign 与 Spring Cloud Alibaba 和 Nacos 实现微服务之间的远程调用。我们创建了一个简单的 Spring Boot 项目，配置了 Nacos 服务发现，创建了一个简单的微服务，然后使用 Feign 客户端进行调用。你可以在这个基础上扩展，为你的项目创建更多的微服务和 Feign 客户端。OpenFeign方法接口参数都有哪些?OpenFeign 支持多种方法参数和注解，可以帮助你轻松地定义和调用远程服务。
2024-05-23 15:01:31
2229
原创 1、为什么线上项目不能运行并向外发送请求；2、如何在linux用命令行发送请求？
如果您已经按照上述步骤检查了线上环境，但问题仍然存在，请提供更多的上下文信息，例如线上环境的网络配置、系统环境变量、数据库配置、依赖库版本、日志和监控设置等，以便进一步诊断和解决。在这个例子中，-X POST指定了使用POST方法，指定了请求体的类型为JSON，指定了服务器应该返回JSON格式的响应，-d参数后面跟的是JSON格式的请求体。请注意，您需要将"touser"等字段替换为您实际的值。
2024-05-22 13:14:16
700
1
原创 基于Vue2与3版本的Element UI与Element Plus入门
Element UI 和 Element Plus 都支持自定义主题。你可以通过修改 SCSS 变量来定制主题，也可以使用在线主题生成工具来生成。
2024-05-22 08:45:53
1594
原创 07-Vue编程式导航
程式导航，除了使用 `` 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。导航到不同的位置：**注意：在 Vue 实例中，你可以通过 `$router` 访问路由实例。因此你可以调用 `this.$router.push`。**想要导航到不同的 URL，可以使用 `router.push` 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退
2024-05-21 15:32:24
516
原创 06-Vue路由守卫
导航守卫（路由钩子函数）正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。全局前置守卫，你可以使用 `router.beforeEach` 注册一个全局前置守卫：
2024-05-21 15:28:54
1085
原创 05-Vue路由
我们接着上一篇文章04-Vue：ref获取页面节点–很简单来讲。用 Vue + Vue Router 创建单页应用非常简单：通过 Vue.js，我们已经用组件组成了我们的应用。当加入 Vue Router 时，我们需要做的就是将我们的组件映射到路由上，让 Vue Router 知道在哪里渲染它们。下面是一个基本的例子：首先使用导入npm包。
2024-05-21 15:26:08
984
原创 04-Vue：ref获取页面节点--很简单
在Vue中，通过 ref 属性获取DOM元素，我们当然可以使用JS原生的做法（document.getElementById）或者 jQuery 来获取DOM，但是这种做法却在无形中操作了DOM，在Vue框架中并不推荐这种做法。我们可以通过`ref`属性获取DOM元素。`ref`的英文单词是**reference**，表示**引用**。我们平时可以经常看到控制台会报错**referenceError**的错误，就和引用类型的数据有关。
2024-05-21 15:22:48
1232
原创 03-01-Vue组件的定义和注册
组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。### 模块化和组件化的区别- 模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一- 组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用
2024-05-21 15:12:18
364
原创 02-Vue实例的生命周期函数
我们接着上一篇文章01-05来讲。vue实例的生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期。生命周期钩子：就是生命周期事件的别名而已。生命周期钩子 = 生命周期函数 = 生命周期事件。
2024-05-21 15:10:08
1083
原创 01-05.Vue自定义过滤器
Vue.js 允许我们自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache **插值表达式**、 **v-bind表达式**。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示。### 过滤器的基本使用比如说，我要将data中msg 后面添加字符串。可以这样做：（1）在差值表达式中这样调用：
2024-05-21 15:02:50
942
原创 01-04.Vue的使用示例：列表功能
完整的代码如下：代码分析：数据是存放在data的list中的，将data中的数据通过遍历给表格。上方代码运行的效果：如果list中没有数据，那么表格中就会只显示表头，这样显然不太好看。为此，我们需要增加一个判断：当数据为空时，显示提示。如下：代码解释：指的是让当前这个横跨4个单元格的位置。如下：具体实现步骤如下：（1）用户填写的数据单独存放在data属性里，并采用进行双向绑定。（2）用户把数据填好后，点击add按钮。此时需要增加一个点击事件的方法，将data中的数据放到list中（同时，清空文本框中的内
2024-05-21 14:58:44
1154
原创 01-03.Vue：v-on的事件修饰符
`v-on` 提供了很多事件修饰符来辅助实现一些功能。事件修饰符有如下：`.stop` 阻止冒泡。本质是调用 event.stopPropagation()。- `.prevent` 阻止默认事件（默认行为）。本质是调用 event.preventDefault()。- `.capture` 添加事件监听器时，使用捕获的方式（也就是说，事件采用捕获的方式，而不是采用冒泡的方式）。- `.self` 只有当事件在该元素本身（比如不是子元素）触发时，才会触发回调。- `.once` 事
2024-05-21 14:54:17
1230
原创 01-02.Vue的常用指令(二)
本文主要内容：v-model、v-for、v-if、v-show：重点：**双向数据绑定，只能用于表单元素，或者用于自定义组件**。之前的文章里，我们通过v-bind，给``标签绑定了`data`对象里的`name`属性。当`data`里的`name`的值发生改变时，``标签里的内容会自动更新。可我现在要做的是：我在``标签里修改内容，要求`data`里的`name`的值自动更新。从而实现双向数据绑定。该怎么做呢？这就可以利用`v-model`这个属性。
2024-05-21 14:50:59
1474
原创 00-Vue的介绍和vue-cli
2013年底作为尤雨溪个人实验项目开始开发2014年2月公开发布。2014年11月发布0.11版本2016年10月发布2.0版本。Vue 本身并不是一个框架，Vue结合周边生态构成一个灵活的、渐进式的框架。Vue 以及大型 Vue 项目所需的周边技术，构成了生态。
2024-05-18 19:04:05
935
原创 npm介绍、常用命令详解以及什么是全局目录
npm（Node Package Manager）是一个随Node.js一起安装的包管理工具，由Isaac Z. Schlueter（通常简称为izs）领导开发。它是一个命令行工具，用于安装、管理和发布Node.js程序包。npm允许开发者将代码分割成不同的模块，并共享到npm的在线仓库（npm registry），这样其他开发者就可以方便地使用这些模块。// package.json中的"scripts"字段// 运行脚本-g 或 --global：全局安装模块。
2024-05-18 18:45:14
1550
原创 实现腾讯地图的接口调用以及微信小程序的地图标注
通过以上步骤，可以实现微信小程序端的腾讯地图标注和Java后端的业务逻辑。微信小程序端负责展示地图和标注，Java后端负责提供标注所需的经纬度信息。在实际开发中，需要根据具体需求调整地图的展示和标注逻辑，并确保后端接口的安全和稳定。
2024-05-15 20:04:42
1226
2
原创 Java微信小程序订阅消息提醒的实现与对接
通过以上步骤，我们可以实现Java微信小程序订阅消息提醒，并对接微信小程序提醒模板。在实际开发中，需要根据业务需求调整消息内容和发送时机。同时，要注意遵守微信小程序平台的相关规定，确保订阅消息功能的合规使用。
2024-05-15 19:31:48
5067
9
原创 Linux环境部署与命令技巧
权限值755表示文件所有者具有读（read，4）、写（write，2）和执行（execute，1）权限（4+2+1=7），而文件所属组和其他用户仅具有读和执行权限（4+1=5）。在编写服务文件时，请确保遵循最佳实践，如使用非 root 用户运行服务（如适用），确保服务在失败时自动重启，以及正确配置服务的依赖关系等。所以，如果您希望某个特定的覆盖文件在其他文件之后应用，可以使用适当的命名策略，例如在文件名前加上数字前缀（如 “10-custom.conf”，“20-another.conf” 等）。
2024-05-14 18:10:57
930
2
原创 微信小程序支付教程
首先，你需要与服务器进行通信，获取微信支付所需的参数。用户完成支付后，微信会向你的服务器发送支付结果通知。因此，请确保已实现支付回调接口，并处理订单状态的更新。此外，请确保你的网站域名已添加到微信支付的合法域名列表中。同时，你需要根据实际需求实现支付回调接口，并处理订单状态的更新。同时，你需要根据实际需求实现支付回调接口，并处理订单状态的更新。同时，你需要根据实际需求实现支付回调接口，并处理订单状态的更新。同样，你需要与服务器进行通信，获取微信支付所需的参数。使用微信支付参数，调用JSSDK中的。
2024-05-14 15:14:04
2697
原创 MarkDown语法说明
Markdown是一种轻量级标记语言，排版语法简洁，让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档，可与HTML混编，可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写，Markdown被大量使用，如Github、Wikipedia、简书等。
2024-05-13 15:49:52
425
原创 Nginx工作实操经验
传统的 Web 服务器，每个客户端连接作为一个单独的进程或线程处理，需在切换任务时将 CPU 切换到新的任务并创建一个新的运行时上下文，消耗额外的内存和 CPU 时间，当并发请求增加时，服务器响应变慢，从而对性能产生负面影响。NginxNginx 是开源、高性能、高可靠的 Web 和反向代理服务器，而且支持热部署，几乎可以做到 7 * 24 小时不间断运行，即使运行几个月也不需要重新启动，还能在不间断服务的情况下对软件版本进行热更新。
2024-05-13 15:40:16
1611
1
原创 阿里云域名备案流程
请注意，整个备案过程可能需要一定的时间，从几天到几周不等，具体取决于资料的完整性和准确性以及相关部门的工作进度。此外，政策和流程可能会有变动，请在操作前访问阿里云官方最新的备案指南进行确认。操作提示一步步操作，提交法人和主要负责人（建议：法人和主要负责人为同一人就行）信息成功后，会收到工信部的手短信验证，这个短信验证必须是在24小时完成。审核通过后，你会收到备案号，需将此备案号绑定到对应的服务器和域名上。在网页端或通过APP上传必要的备案材料，如身份证照片、营业执照等。
2024-05-11 16:25:04
1682
原创 JS实现初始化、动态点击切换激活样式
食用须知，不懂得把代码交给AI解释一下，明白流程就会用了，本文只有js与html，样式代码一概没有：效果展示1、点击显示的盒子代码<div data-v-e1dd37c4="" class="news-container main-width-container clearfix"> <div data-v-e1dd37c4="" class="title title-dszx"></div> <div data-v-e1dd37c4=""
2024-05-10 16:47:05
705
原创 基于Vant UI的微信小程序开发（随时更新的写手）
（一）悬浮浮动（二）底部跳转（三）上传组件：实现图片/文件上传预览、删除、点击之后列表查看1、js代码（1）替换了借助的是微信小程序开发工具的缓存路径的代码部分2、页面代码（四）图片预览1、使用vant组件：van-image（1）js代码（2）html代码2、使用image。
2024-05-10 16:32:40
2976
3
原创 JEECMS相关语法最近更新
Freemarker与jeecms的关系主要体现在技术架构和页面展示方面。首先，jeecms是一个著名的开源内容管理系统（CMS），它采用了一系列先进的技术和组件来构建其强大的功能和灵活的架构。在这些技术中，Freemarker被用作一个重要的组成部分。具体来说，Freemarker是一个模板引擎，一个基于模板生成文本输出的通用工具。在jeecms中，Freemarker主要负责页面的展示和渲染。通过使用Freemarker，jeecms能够将动态数据与静态模板相结合，生成最终的HTML页面，从而为
2024-03-11 15:59:15
463
原创 Maven项目下详细的SSM整合流程
一、两个容器整合✨ 1、先准备好数据库config.properties连接、mybatis-config.xml🎊（1）数据库config.properties连接（2）mybatis-config.xml 2、容器一：优先配置spring.xml文件🎊 3、容器二：配置springMVC.xml文件🎊 4、Tomcat整合spring容器、springMVC容器，webapp文件下的web.xml文件🎊二、一个容器整合1、 现在去掉了spring.xml文件，将spr
2023-11-24 18:32:01
372
1
原创 数据库的事务四大特性（ACID）、详解隔离性以及隔离级别、锁
原子性是指事务包含的所有操作要么全部成功，要么全部回滚失败。因此事务的的操作如果成功就必须完全应用到数据库，如果操作失败不能对数据库有任何影响。
2023-10-30 17:19:15
16178
为了安装 MongoDB，应该选择适用于 ARM 架构的版本
2024-07-24
migration：瀚高数据库迁移工具，用于多种数据库类型（mysql、oracle等）迁移到瀚高数据库
2024-07-24
瀚高数据库连接工具，用于连接到本地或远程的瀚高数据库 请区别于瀚高迁移工具
2024-07-24
Fences 5是一款桌面整理软件，主要用于Windows操作系统，能够帮助用户更有效地管理和组织桌面上的图标和文件
2024-05-22
Redis的图形化桌面客户端
2022-11-06
Geek一款流氓、病毒软件强力粉碎、卸载软件，放心使用
2022-07-30
DBeaver一款好用的、免费的、开源的的数据库管理工具，可下载
2022-07-30
数据原理知识点总结，可以免费查看
2022-03-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人