- 博客(64)
- 收藏
- 关注
RSS订阅
原创 构建 Spring booot 官方应用 2025 (对接 salesforce)
本文介绍了Spring Boot项目开发的核心依赖配置指南。主要内容包括：1）通过start.spring.io初始化项目，推荐使用Java 17和Spring Boot 3.5.5；2）详解6个关键依赖：Spring Web（构建RESTful应用）、Spring Data JPA（ORM框架）、MySQL Driver（数据库连接）、Lombok（简化代码）、Spring Boot DevTools（开发工具）和Spring Security（安全框架）；3）提供标准application.proper
2025-10-22 00:22:21
1439
原创 组件化开发的核心秘密：如何实现真正的“高内聚、低耦合”？
本文介绍了React组件通信中的Props机制、TypeScript类型定义以及事件处理系统。Props是组件间通信的基础，父组件通过Props向子组件传递数据，且Props具有只读性，确保单向数据流。文章通过示例展示了如何定义和使用Props，并强调了使用TypeScript为Props添加类型定义的重要性，以提高代码健壮性和开发效率。此外，还讲解了React的事件处理机制，包括子组件向父组件通信的方法，以及React的合成事件系统。这些核心概念和技巧为构建可维护、高效的React应用奠定了坚实基础。
2025-11-02 21:50:41
342
原创 告别知其然而不知其所以然：优雅的React官方文档深度拆解与内功心法
React 核心思想与开发环境搭建 摘要：本文介绍了React的核心思想与开发环境搭建。React采用声明式编程范式（UI= f(State)），通过状态自动更新视图，相比传统命令式操作DOM更高效。文章推荐使用Vite构建工具创建React+TypeScript项目，提升开发体验。详细讲解了JSX语法本质和规则，对比了类组件和函数式组件两种实现方式。重点说明Hooks使函数式组件成为现代React开发的首选，并演示了计数器的两种实现方式。全文包含150字，涵盖了React核心概念和实践指导。
2025-11-01 11:47:55
575
原创 精通 React：一份 2025 年最实用的学习指南
React 是 2025 年最主流的前端框架之一，被无数企业用于构建现代 Web 应用。 但学习 React 最难的部分，不是语法本身，而是从知道到能做之间的跨越。
2025-10-31 18:01:04
945
原创 Bee：从 0 到 1 打造一套现代化的全栈后台管理系统（React + Spring Boot）
Bee后台管理系统是一套开源的前后端分离全栈项目，专为学习者和中小企业设计。前端采用React+TypeScript+Vite，后端基于Spring Boot 3+JWT，提供动态菜单、权限控制、多语言等核心功能。项目定位清晰，结构模块化，适合学习前后端分离架构。包含详细文档和简洁目录，支持快速部署。未来计划增加Docker部署等多功能扩展。以蜜蜂(Bee)为名，象征高效协作，持续优化中。
2025-10-25 17:34:44
902
1
原创 为什么 Bootstrap 一定要用 .container
Bootstrap的.container是响应式布局的基础组件，它通过固定宽度和居中对齐在不同屏幕尺寸下自动调整最大宽度，确保内容呈现最佳阅读体验。.container随断点变化宽度（如xs屏100%，xxl屏1320px），为栅格系统提供布局上下文。与.container-fluid（始终100%宽度）相比，.container更适合主要内容区。此外，Bootstrap还提供.container-{breakpoint}变体（如.container-md），仅在特定断点后才限制宽度。大多数情况下，默认的.
2025-10-23 10:30:04
287
原创 彻底理解 Bootstrap 的响应式断点机制：从 CSS 到 SCSS 的实现原理
Bootstrap响应式布局通过6个预定义断点（xs到xxl）实现设备适配，本质是利用CSS媒体查询和SCSS循环自动生成样式类。其核心机制是：当屏幕宽度达到特定阈值（如≥768px）时，对应的媒体查询生效，改变布局、可见性等样式。开发者可通过修改$grid-breakpoints变量自定义断点，所有响应式类（如.col-md-*）会随之更新。这种"媒体查询+SCSS生成"的设计模式，已成为现代前端框架的通用解决方案，理解其原理可以实现类似的自定义响应式系统。
2025-10-23 10:08:09
470
原创 Salesforce Connected App 创建指南
Salesforce Connected App是遵循OAuth 2.0协议的客户端应用，提供访问API所需的client_id和client_secret。创建步骤包括：进入设置页面新建应用，填写基本信息，启用OAuth设置（配置回调地址、权限范围和客户端凭据），验证身份后获取密钥。这些凭证是中间服务（如Spring Boot等）对接Salesforce的关键，需妥善保管。
2025-10-22 11:39:52
873
原创 Salesforce Free Trial（企业试用版） 帐号注册
Salesforce提供30天免费试用版（Sales Cloud、Service Cloud等），包含联系人、客户、销售线索等标准功能。注册时建议使用无痕模式、清除缓存或更换浏览器，推荐谷歌邮箱。注册后需验证邮箱并重置密码，登录地址（如https://page-energy-5221.my.salesforce.com）会自动重定向至启用Lightning Experience的后台界面（如https://page-energy-5221.lightning.force.com）。试用期间可体验完整商业版功
2025-10-22 00:34:28
396
原创 Salesforce Developer Edition（开发者版） 搭建测试环境
Salesforce Developer Edition为开发者提供永久免费的开发环境，包含完整平台功能。注册时建议使用无痕模式、更换浏览器或谷歌邮箱。注册成功后需通过邮箱验证并重置密码，登录后系统会自动跳转至Lightning Experience界面。该环境支持部署到公司沙箱测试，管理员需在沙箱中创建Connected App并修改登录地址为test.salesforce.com，即可实现无缝对接。
2025-10-20 17:35:56
344
原创 LocalStorage Token vs HttpOnly Cookie 认证方案
认证凭证方案对比与选择 HTTP无状态特性要求请求附带凭证识别用户身份。主流方案为LocalStorage Token和HttpOnly Cookie，各具特点.
2025-09-28 16:11:43
452
原创 最新Spring Boot 入门（IDEA 快速上手）与前后端依赖对比
Spring Boot入门指南与前后端依赖对比 本文介绍了使用IntelliJ IDEA创建Spring Boot项目的完整流程。通过Spring Initializr创建项目，配置MySQL数据库连接，并实现基本的CRUD功能。关键步骤包括：项目创建、依赖配置(pom.xml)、数据库设置(application.properties)、实体类定义、Repository接口实现以及Service层开发。同时对比了前端npm与后端Maven的依赖管理方式，为开发者提供快速上手指南。项目结构遵循标准的Spri
2025-09-26 15:18:30
324
原创 Promise 深度解析
Promise是JavaScript中处理异步操作的状态机，具有pending、fulfilled和rejected三种状态。它适用于异步操作、链式调用、错误处理和并发控制等场景。Promise的核心原理包括立即执行的executor函数、不可逆的状态流转机制和回调存储功能。通过使用this关键字，可以确保每个Promise实例的状态隔离。理解Promise有助于解决回调地狱问题，实现错误传递机制和微任务调度。掌握Promise原理后，可以手动实现简易版Promise来加深理解。
2025-09-26 11:10:14
296
原创 this深度解析 — JavaScript `this` 指向原理与实践
When a function is used as an event handler, its this parameter is bound to the DOM element on which the listener is placed
2025-09-26 10:46:07
811
原创 前端 CORS 深度解析
本文介绍了CORS（跨域资源共享）机制及其应用。CORS是浏览器的安全机制，用于限制跨源请求，保护用户数据安全。请求分为简单请求（直接发送）和非简单请求（需预检OPTIONS）。浏览器会自动添加请求头，开发者不能随意修改。针对Vue+Vite+Koa的跨域问题，提供了两种解决方案：后端配置CORS或前端代理转发。建议开发环境使用Vite代理，生产环境配置CORS。同时强调避免直接写死后端地址，应通过环境变量区分开发和生产环境API路径，确保代理生效。
2025-09-25 16:33:29
740
原创 前端开启后端思维的最好入口Nestjs
本文介绍了一个基于NestJS+TypeScript的后端服务脚手架项目。项目采用模块化设计，支持CURD、登录认证和权限控制等核心功能。技术栈包含NestJS框架、TypeORM、MySQL/PostgreSQL、Redis等组件，并集成Vue3+Bootstrap5前端方案。文章详细阐述了项目的编程思想（FP/OOP/AOP/IoC）、目录结构、NestJS请求生命周期以及完整的接口服务流程。项目实现了用户管理、权限控制、接口文档等最小闭环功能，强调通过分层架构和设计模式构建可扩展、易维护的后端服务。该
2025-09-24 14:22:00
414
原创 Linux 系统信息【一键查询】
本文介绍了一个Linux系统信息收集脚本，通过一系列命令组合全面展示系统状态。脚本包含9个部分：1)系统版本信息；2)CPU配置；3)内存使用情况；4)磁盘空间和分区；5)网络配置和连接；6)系统负载和进程；7)当前登录用户；8)最近系统日志；9)将所有信息整合为单条命令。该脚本可输出详细技术数据，包括硬件规格、资源使用率、网络状态等，适合系统管理员用于快速诊断和监控。输出结果可保存为文本文件便于后续分析。
2025-09-20 01:13:48
330
原创 Jekyll + Ruby + Nokogiri 安装指南 (macOS M 系列)
本文提供了在苹果M系列芯片Mac上安装Jekyll和Ruby环境的完整指南。主要内容包括：通过Homebrew安装rbenv和Ruby 3.3.2；配置rbenv环境；解决Nokogiri在ARM架构下的安装问题；创建并运行Jekyll项目；以及常见错误解决方案。特别针对M4芯片的兼容性问题，给出了使用原生arm64 Ruby的稳妥方案，确保Jekyll能顺利运行。该指南涵盖了从环境准备到项目启动的全流程，并附有详细命令和问题排查表。
2025-09-20 00:37:08
539
原创 Web 页面 SEO 审计自动化 - 基于 n8n 和 Firecrawl
本文介绍了一个基于n8n和Firecrawl的SEO自动化分析工具，能够自动执行全面的网页SEO审计。该工具包含三大核心功能：关键词审计(分析密度、布局等)、内容审计(评估可读性、原创性等)和技术审计(检查元标签、URL结构等)。通过配置n8n工作流集成Firecrawl，系统可自动生成详细报告并提供优化建议，帮助提升网页排名。该方案能显著节省SEO审计时间，确保优化一致性，并持续监控页面表现。文中还提供了示例报告模板和GitHub项目地址。
2025-09-17 16:12:57
915
原创 双指针问题
双指针算法是一种高效的遍历技巧，主要分为对撞指针、快慢指针和分离双指针三种类型。对撞指针从两端向中间移动，适用于有序数组（如两数之和）和字符串问题（如回文验证）。快慢指针以不同速度同向移动，常用于数组去重和链表问题（如判断环）。该算法利用数据单调性将时间复杂度从O(n²)降至O(n)，在盛水容器等区间问题上优势显著。典型实现包括调整指针位置来满足特定条件，如两数之和中根据和与目标值的关系移动指针。
2025-09-17 01:30:21
926
原创 Node.js 倒计时图片服务部署与 Nginx 反向代理实战总结
本文总结了Node.js倒计时图片服务部署与Nginx反向代理的实战经验。通过Express和canvas模块实现倒计时PNG图片生成，并配置Nginx反向代理启用HTTPS访问。重点解决了本地访问正常但通过Nginx转发返回404的问题，关键点包括：确保Node监听0.0.0.0、正确配置Nginx的location匹配规则（避免路径重复拼接）、使用^~优先匹配等。文章提供了完整的Nginx配置示例、优化建议（中文字体支持、样式自定义）以及测试命令，最后介绍了使用pm2管理Node服务的启动脚本。
2025-07-23 22:52:57
435
原创 原型继承（prototypal inheritance）的工作原理
JavaScript采用原型链继承机制，主要是为了适应动态语言的灵活性需求。每个对象通过__proto__属性指向原型对象，形成链式结构，实现属性查找和继承。这种设计支持对象间直接继承、方法共享节省内存、动态修改原型等特性，比传统类继承更轻量化。原型机制也为ES6的class语法奠定了基础，class本质仍是原型继承的语法糖。通过原型链，JavaScript实现了灵活的对象结构、行为复用和运行时扩展能力。
2025-07-15 22:46:43
986
原创 null、undefined和未声明变量之间有什么区别？如何检查判断这些状态值？
JavaScript变量声明与赋值差异：未声明变量（undeclared）在非严格模式下会变成全局变量，严格模式报错；已声明未赋值的变量值为undefined；null需显式赋值。检查时需使用严格相等（===），避免使用非严格相等（==）导致undefined/null混淆。最佳实践是始终声明变量，未使用的变量可赋值为null。未声明变量应完全避免，严格模式下会抛出ReferenceError。
2025-07-15 00:46:45
164
原创 浏览器【WebKit内核】渲染原理【QUESTION-1】
第一次确定页面节点的大小和位置称为布局，当第二次重新计算页面节点的大小和位置成为回流第一次渲染内容称为绘制，第二次重新渲染称为重绘。
2024-07-22 11:03:51
307
原创 『TypeScript』【TS细节】
ts:静态类型 代码执行的顺序是先编译在执行 发现错误更早。ts是js的一个超集，解决js类型支持。对象的类型其实就是在描述对象的结构。
2024-07-19 12:52:17
319
原创 Java理解多线程
狭义定义：进程就是一段程序的执行过程。广义定义：进程是一个具有一定独立功能的程序关于某个数据集合的一次运行活动。它是操作系统动态执行的基本单元，在传统的操作系统中，进程既是基本的分配单元，也是基本的执行单元。进程就是运行的程序，例如我们使用的QQ，就启动了一个进程，操作系统就会进程分配内存空间。——运行的程序进程是程序的一次执行过程、或是正在运行的一个程序。是动态的过程：有它自身产生、存在、消亡的过程。关闭了就会释放进程所占的空间！——操作系统的理论知识。
2023-01-03 22:52:34
237
原创 docker运行的流程
run 是运行镜像 ，如果本地没有就会去dockerhub中拉取最新的镜像，通过docker ps可以查看正在运行的容器，docker ps -a查看最近运行的容器，可以通过docker start 容器id/容器名 获取开启容器。11.若不用该容器或者镜像 用 docker rmi -f 镜像id或名 强制删除该镜像 docker rm -f 删除该容器。7.通过 docker start 容器id或者容器名（注意：不是镜像名 是自己起的容器名） 开启容器。直接启动本地的镜像即可。
2022-12-14 22:00:02
4450
原创 Typora+腾讯云建立远程图床
SM.MS腾讯COSGitHub图床七牛云图床Imgur图床阿里云OSSgitee下载地址：https://github.com/Molunerfinn/PicGo/releases根据自己电脑配置进行选择安装包，一般安装PicGo-Setup-2.3.0-beta.7-ia32.exe。PicGo，配置好关联之后，Typora写文章时，如果需要穿插图片，只需要将图片复制粘贴到Typora的编辑区域，就自动通过PicGo上传到指定图床，得到外网能访问的URL并展示。
2022-11-25 18:34:51
471
原创 JDBC的的CRUD
在开发中我们使用的是java语言，那么势必要通过java语言操作数据库中的数据。这就是接下来要学习的JDBC。Statement对象的作用就是用来执行SQL语句。而针对不同类型的SQL语句使用的方法也不一样。执行DDL、DML语句执行DQL语句该方法涉及到了ResultSet对象，而这个对象我们还没有学习，一会再重点讲解。封装了SQL查询语句的结果。ResultSet executeQuery(sql) ：执行DQL 语句，返回 ResultSet 对象那么我们就需要从ResultSet。
2022-11-25 18:32:27
434
原创 github参与开源项目
目的：跨团队开发团队的每个成员可以在服务器上或者自己开创一个github仓库，团队成员通过fork该仓库，进行下面的操作就可以跨团队开发。
2022-11-11 19:38:28
899
原创 github部署本地
如果你没有github的账号，那需要注册一个注册github可以参考：https://zhuanlan.zhihu.com/p/103268406当然，由于github在国内速度慢，我们得有个提速的工具，那就是码云，我们可以将github的项目同步到码云中，以起到提速作用码云官网：https://gitee.com/login。
2022-10-27 23:24:48
5040
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人