- 博客(532)
- 资源 (30)
- 收藏
- 关注
RSS订阅
原创 个人博客网站搭建
搭建步骤： 1、注册博客域名 2、购买服务器 3、域名备案 4、域名解析 本博主地址郭宝的博客， https://www.guobao0730.com 欢迎访问！效果图：...
2019-11-18 17:26:49
1002
1
原创 [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
错误场景一：错误提示：在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下：// 基于准备好的dom，初始化echarts实例var bar_dv = document.getElementById('bar_dv');let myChart = this.$echarts.init(bar_dv)解...
2019-06-24 14:29:30
114999
51
原创 Vue项目JSON格式字符串和对象之间的互转
1、将对象转换为JSON格式字符串JSON.stringify(object)2、将JSON字符串转换为对象JSON.parse(jsonString);更多技术请关注QQ群：636212586
2018-10-18 15:12:15
70498
2
原创 深入浅出 RESTful：现代 API 设计的艺术与实践
本文深入解析RESTful API设计原则与实践，强调其以资源为中心、无状态通信的核心思想。文章详细阐述六大核心原则：URI设计、HTTP方法语义化、无状态通信、内容协商、状态码使用和缓存机制，并针对常见误区提出解决方案。RESTful的优势在于简洁性、可扩展性和跨平台兼容性，适用于前后端分离、开放平台API等场景。作者指出RESTful本质是"约定优于配置"，建议在实际开发中平衡规范性与实用性，设计出易于理解和维护的API。
2025-08-13 10:07:42
9
原创 Swagger
Swagger是一套开源API工具集，包含设计、文档生成、测试和交互功能，基于OpenAPI规范。其核心价值在于自动生成实时文档、提供可视化测试界面，并支持跨语言开发。主要组件包括Swagger Editor（规范编写工具）、Swagger UI（交互式文档）、Swagger Codegen（代码生成器）等。在Spring Boot项目中可通过集成Knife4j框架（增强版Swagger）快速实现API文档功能，需配置Docket对象定义文档范围，并设置静态资源映射。通过@Api等注解可增强文档描述，访问/
2025-08-05 16:45:22
48
原创 Nginx
Nginx是一款轻量级的web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx的网站有：百度、京东、新浪、网易、腾讯、淘宝等。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Pam6nep)开发的，第一个公开版本0.1.0发布于2004年10月4日。
2025-07-31 17:50:06
464
原创 MySQL 读写分离（含示例代码）
摘要：Sharding-JDBC是一个轻量级Java框架，通过主从数据库架构实现读写分离，提升系统查询性能。它作为增强版JDBC驱动，兼容各类ORM框架和数据库连接池，支持MySQL、Oracle等多种数据库。配置过程包括导入Maven依赖、定义主从数据源、设置负载均衡策略等，最终实现查询走从库、增删改走主库的功能。通过开启SQL日志可验证读写分离效果。该方案能有效解决高并发场景下的数据库性能瓶颈问题。
2025-07-30 17:36:08
71
原创 MySQL 主从复制
MySQL主从复制是一种数据同步机制，主库（Master）处理写操作并记录二进制日志，从库（Slave）读取日志并同步数据。主要优势包括读写分离减轻负载、实时数据备份、高可用性支持故障转移，以及业务隔离。配置步骤包括修改主从库配置文件、授权复制用户、设置主库状态参数，最后验证复制状态。成功配置后，主库数据变更会自动同步到从库，确保数据一致性。
2025-07-30 16:16:19
174
原创 Spring Cache 缓存框架 （含示例代码）
SpringCache简介与使用指南 SpringCache是一个基于注解的缓存框架，通过简单注解即可实现缓存功能，支持多种缓存技术（如Redis、EhCache、Guava等），由CacheManager统一管理。核心注解包括： @Cacheable：优先从缓存读取数据，无数据时执行方法并缓存结果（适用于查询）。 @CachePut：强制更新缓存（适用于新增/修改）。 @CacheEvict：删除缓存（适用于删除/更新）。 整合步骤（以Redis为例）： 添加依赖：引入spring-boot-starte
2025-07-25 17:45:24
68
原创 mars3d （基于 Cesium 的轻量化三维地图库）
Mars3D是基于Cesium的轻量化三维可视化框架，通过封装和优化解决了原生Cesium学习曲线陡峭、API复杂等问题。它提供200+扩展功能，支持智慧城市、军事仿真等场景，并优化了瓦片加载等性能。在Vue3+vite项目中，通过安装mars3d和mars3d-cesium库，配置vite-plugin-mars3d插件，即可快速构建三维场景。Mars3D简化了开发流程，同时保持了Cesium的强大功能。
2025-07-02 17:50:04
294
原创 @turf/turf （地理空间分析库）
@turf/turf是一个地理空间分析库，为Vue3项目提供丰富的地理数据处理功能。其主要特点包括：1) 支持距离计算、缓冲区创建、点面关系判断等核心功能；2) 采用GeoJSON标准数据格式；3) 推荐按需导入优化性能；4) 默认使用WGS84坐标系。使用方式简单，通过npm/yarn安装后即可调用API，如distance()计算两点距离、buffer()生成缓冲区等。该库特别适合需要处理地图数据、空间分析的Web应用开发。
2025-07-02 15:27:15
141
原创 Redis
Redis是一个开源的内存数据结构存储系统，可用作数据库、缓存和消息中间件。它支持丰富的键值数据类型（字符串、哈希、列表、集合、有序集合），具有高性能（10万+QPS）的特点，适合热点数据存储。文章详细介绍了Redis的安装（Linux和Windows）、服务启动配置、密码设置和远程连接方法，并分类讲解了五种数据结构的常用命令。最后演示了通过Jedis和SpringDataRedis（RedisTemplate）操作Redis的Java实现，包括各类数据结构的CRUD操作和通用命令使用。Redis作为NoS
2025-05-28 17:53:38
526
原创 Linux
Linux是一套免费且开源的操作系统，由Linus Torvalds及其团队开发维护。它分为内核版和发行版，内核版控制硬件，发行版则基于内核版扩展，由不同厂商开发，如Ubuntu、RedHat、CentOS等。Linux的安装方式包括物理机安装和虚拟机安装，常用虚拟机软件有VMWare、VirtualBox等。安装后，可通过SSH工具如putty、Xshell等
2025-05-23 15:46:30
162
原创 通过高德 JS API 实现H5端定位
1、安装 amap-jsapi-loader 插件。3、使用自定义定位组件gb-location。：必须是在HTTPS协议下访问。gb-location组件。2、对定位组件进行封装。
2024-11-22 16:03:47
373
原创 微前端框架 qiankun
是一个基于的实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台。目前 qiankun 已在蚂蚁内部服务了超过 2000+ 线上应用，在易用性及完备性上，绝对是值得信赖的。
2024-08-22 14:19:50
721
原创 微前端架构入门
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端是一种架构风格，它允许将一个复杂的大前端应用拆分成多个可以独立开发、部署的小型前端应用。这些小型前端应用通常被称为“子应用”或者“微前端应用”，它们可以使用不同的技术栈进行开发，并且能够动态地在主应用（或称为“宿主应用”）中加载和运行。将后台的微服务思想扩展到前端开发。
2024-08-20 21:34:49
370
原创 Vue3小兔仙电商项目实战
在编写代码的过程中，一旦输入 @/ ，webstorm就会立即 联想出src下的所有子目录和文件，统一文件路径访问不容易出错。
2024-08-16 17:00:34
761
原创 VueUse 基于 Vue 3 Composition API 的高质量组合式函数 Hooks 库
VueUse 是基于 Vue 3 Composition API 的高质量 Hooks 库。例如获取滚动的距离1、通过npm安装 VueUse2、搜索需要使用的函数，例如搜索 useScroll 滚动3、使用useScroll 滚动函数。
2024-08-16 15:31:45
294
原创 通过Vue3 + TypeScript + echarts + echarts-gl 实现3D饼图
首先需要通过npm 安装echarts 和 echarts-gl。绘制3D图的核心代码screenPie.ts。封装为Pie3D.vue组件。使用 Pie3D 组件。
2024-08-07 09:28:08
744
原创 json-server（快速搭建本地 RESTful API 的工具）
Json-server 是一个。它使用，并提供了一组简单的路由和端点，可以模拟后端服务器的行为。
2024-07-31 18:47:01
308
原创 Mac 中使用 cpolar（内网穿透工具）
cpolar 是一个内网穿透工具，只需一行命令，就可以将内网站点发布至公网，方便给客户演示。高效调试微信公众号、小程序、对接支付宝网关等云端服务，提高您的编程效率。
2024-07-24 17:25:57
1116
1
原创 Error: Failure while executing； `git clone https://github.com/probezy/homebrew-core /opt/homebrew/Li
在通过brew安装cpolar（内网穿透工具）时出现了如下报错。
2024-07-24 16:56:28
698
原创 Mac 中安装内网穿透工具ngrok
3、然后将本地访问地址映射到外网，例如将本地的。1、通过brew安装 ngrok。需要登录ngrok 网站获取，2、配置authtoken。
2024-07-23 09:26:30
1422
原创 uniapp+vue微信小程序项目中实现手机号授权登录
一般拿到code、encryptedData、iv数据以后，会将该数据传给后台，后台验证后会返回当前用户信息。
2024-07-22 16:51:23
1094
原创 通过vue3 + TypeScript + uniapp + uni-ui 实现下拉刷新和加载更多的功能
1、需要在page.json文件中设置支持下拉刷新和上拉加载更多。
2024-07-18 09:01:11
787
原创 你还在用AsyncTask吗？RxJava + RxAndroid是更优秀且更现代的异步处理方案，确定不用一下？
RxJava 是响应式扩展在 Java 平台上的实现。它提供了一组 API，用于创建、操作和组合可观察序列（Observables）。这些序列可以表示随时间变化的数据流或事件流。RxJava 使用观察者模式，允许你订阅这些序列，并在事件发生时接收通知。Observable（可观察者）：数据或事件的源头。Observer（观察者）：订阅 Observable 的实体，用于接收通知。Subscription（订阅）：连接 Observable 和 Observer 的桥梁，提供了取消订阅的能力。
2024-07-12 17:24:37
234
原创 通过高德地图 JS API实现 鼠标绘制多边形
可以对结果数据进行二次封装，封装为 GeoJSON 格式的数据，然后通过Loca.GeoJSONSourc实现酷炫的区域边界绘制。
2024-07-08 15:26:26
521
原创 Chrome插件：React Developer Tools为React开发调试而生
它是允许在Chrome和Firefox开发者工具中检查React组件层次结构的扩展插件。
2024-06-27 15:16:49
972
原创 bootstrap:27 Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘) at Obje
进入 https://www.crx4chrome.com/crx/277332/ 网站下载插件即可。关闭之前安装的React Developer Tools插件，再次运行React 项目即可。版本可能太低，然后我就换了一个高的版本，就解决了。安装一个高版本的react-主要原因是 react-
2024-06-27 15:13:28
699
原创 classnames.js 优化类名的工具库
classnames.js 是一个简单的类名控制工具库，可以方便的通过条件动态控制class类名的显示。
2024-06-26 17:09:54
186
原创 lodash.js 工具库（提供了大量的函数来处理数组、对象、字符串等多种数据类型，也包含了数字运算相关的功能）
Lodash是一个流行的，提供了许多高效、高兼容性的工具函数，能够方便地处理集合、字符串、数值、函数等多种数据类型，大大提高工作效率。
2024-06-26 14:51:42
544
原创 Kotlin 语言基础学习
Kotiln翻译为中文是：靠他灵。它是由JetBrains 这家公司开发的，JetBrains 是一家编译器软件起家的，例如常用的WebStorm、IntelliJ IDEA等软件。Spring 框架在5.0之后也对Kotlin 提供了原生的支持。目前Android 已将Kotlin 作为官方开发语言。Gradle 也采用Kotlin 来编写脚本。
2024-06-15 16:10:25
443
CSS3通过@font-face加载字体文件
2024-03-25
CSS3文字阴影text-shadow属性代码示例
2024-03-25
CSS3 伪元素选择器，例如（E::before、E::after）
2024-03-25
CSS3伪类选择器；例如：E:root、E:not等等
2024-03-25
CSS3 属性选择器；属性选择器其特点就是通过属性来选择元素；属性选择器的语法： E:attr;
2024-03-25
Sharding-JDBC 读写分离实践示例（附配置流程 + 代码）
2025-07-31
SpringBoot 整合 Spring Cache 实战示例（含注解用法与缓存策略演示）
2025-07-29
Spring Data Redis 从入门到实战示例代码
2025-07-25
在 Vue3 项目里集成 Mars3D 三维地图库
2025-07-02
Java项目中使用Jedis 操作 Redis 的示例
2025-06-10
Android room 2.5.2 版本数据库中的 单表SQL语句示例（增、删、改、查）
2025-06-09
poi-3.12-android-a.jar和poi-ooxml-schemas-3.12-20150511-a.jar
2024-05-06
Android平台uni原生插件开发之Android离线SDK
2024-04-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人