- 博客(1057)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 【总结】LLM 对话框组件项目
本文介绍了AIGC时代基于对话框的交互系统设计与实现方案。系统采用分层架构集成DeepSeek等大模型API，通过OAuth2协议实现安全认证，并使用SSE协议支持流式数据传输。前端基于React+TS开发了可复用对话框组件，移动端采用React Native Expo跨平台框架实现85%代码复用。系统还展示了Agent搭建、Coze API集成等关键技术，并计划通过LangChain框架进一步扩展功能。通过模块化设计和标准化协议的应用，该系统实现了高效、安全的人机交互体验。
2025-06-15 13:27:24
1234
1
原创 [最全总结]城市灾害应急管理系统
在智慧城市战略背景下，项目面向内涝、团雾和火灾等灾害，开发了集灾害`模型集成模拟、场景可视化与应急预案管理`于一体的系统，系统各子模块进行软件功能测试，测试结果稳定可靠。
2025-06-07 17:34:29
862
原创 [总结]前端性能指标分析、性能监控与分析、Lighthouse性能评分分析
前端性能指标分析旨在评估网页在加载速度、交互响应和视觉稳定性等方面的表现。常见核心指标包括 LCP（最大内容绘制）、FID（首次输入延迟）和 CLS（累计布局偏移），用于衡量用户体验。性能监控则通过埋点、Web Vitals API 或 Performance API 实时采集数据，识别性能瓶颈。Lighthouse 是 Google 提供的开源工具，可自动评估页面性能、可访问性、SEO 等，生成详细评分和优化建议，帮助开发者持续改进前端质量。
2025-06-01 15:49:37
1514
原创 BPMNJS自定义功能_Palette|Renderer|ContextPad|PropertyPanelPropertyPanel
若你不想使用已有的并在⚠️ 确保该 CSS 文件被引入到页面或项目中。在 bpmn-js 中，自定义 Renderer 是实现流程图元素个性化渲染的关键方式。通过继承或，你可以自定义节点的外观、尺寸、颜色、图标等属性。以下是实现自定义 Renderer 的基本步骤：(腾讯云创建自定义 Renderer 类新建一个类继承自，并实现drawShape// 仅渲染特定类型的元素，例如任务节点rx: 10,ry: 10,});
2025-05-26 09:26:49
952
原创 [项目总结篇]低代码——流程引擎：BPMNJS&Flowable工作流编辑器与引擎实现
本文介绍了一个支持多灾害模型集成的流程编排系统。针对各课题组编码标准不统一的问题，采用BPMN2国际规范，基于bpmn.js开发可视化流程编辑器，支持拖拽设计动态表单和模型流程。后端选用Flowable流程引擎，通过JSON Schema规则实现模型调用，并利用Python中间层解释执行。系统包含三大核心模块：1）流程编辑器，支持自定义属性面板和BPMN/SVG转换；2）流程引擎，提供模型编排与执行监控；3）布局引擎，实现可视化页面设计和组件交互。此外还集成地图开发模块，封装了基于百度SDK的业务地图渲染功
2025-05-24 12:26:01
1812
原创 [全网最全!!!从设计视角查看]BPMN.js流程编辑器底层设计原理
触发import.parse.complete。触发import.parse.start。ElementRegistry注册元素。一、核心类图（继承体系与模块依赖）一、类图（继承关系与核心模块）生成definitions对象。二、架构图（模块依赖关系）二、架构图（功能模块交互）触发import.done。BaseViewer初始化。绑定EventBus事件。BPMN-JS核心架构。Canvas渲染SVG。新增Palette工具。三、XML导入流程图。三、XML导入流程图。
2025-05-20 17:21:07
890
原创 [Vue内容梳理]响应式、虚拟DOM和Diff算法、模板编译、生命周期、实例方法、过滤器、指令和内置组件
在计算属性中直接修改可以吗？不可以会发出警告⚠，通过setter修改会触发响应式。
2025-05-16 09:55:04
1443
原创 流程编辑器Bpmn与LogicFlow学习
基于LogicFlow的可扩展架构，实现自定义节点、插件化开发，并结合BPMN 2.0规范适配器，确保流程数据与Camunda引擎兼容”。• 主导LogicFlow框架深度定制，开发20+符合BPMN规范的节点与连线，支持子流程嵌套、事件触发等复杂场景；• 设计LogicFlow自定义节点（如审批节点、网关节点）的View与Model层逻辑，解决复杂交互问题；• 开发BPMN XML与LogicFlow JSON的数据转换适配器，实现与后端流程引擎的无缝对接。
2025-05-15 14:21:56
887
原创 [推荐！前端性能优化全解]从首屏加载、动画卡顿、状态管理、视图管理和技术选型上分析性能
本文从网络层、资源压缩、缓存、代码拆分、资源加载优化、预渲染与预加载、浏览器渲染原理等多个方面，详细探讨了前端性能优化的策略与技术。网络层部分介绍了HTTP协议的迭代与优化，资源压缩则涵盖了构建时与部署时的压缩技术，缓存策略包括文件名哈希与HTTP缓存机制。代码拆分通过动态导入与公共模块提取优化加载效率，资源加载优化则通过预加载、关键CSS内联与异步JS加载提升首屏速度。预渲染与预加载技术进一步优化了页面跳转体验，而浏览器渲染原理则从解析、样式计算、布局、分层、绘制、合成与光栅化等环节深入剖析了渲染流程。
2025-05-14 20:48:47
1173
原创 0514得物、0509滴滴面试总结&复盘
目前最欠缺的还是，编码不是很熟，很多都遇到过但是就是写不出来，或者靠背先写一点，然后去加，加的过程没考虑逻辑是不是对的，用滴滴面试官的一句话，就是多刷多练多编码！而且编码总出错，目前编码顺利的就是滴滴一面，你熟悉，100%撕出来题目了！技术栈方面：得物面试要求技术栈为React+Typescript，这周先总结好各个数据结构和算法的Map思维导图，下周开始每日10题复盘刷+项目总结。今天是0514 ，距离秋招也就2个多月了，希望这两个多月，在编码和项目以及八股方面你有更加提升！Jinger，加油！
2025-05-14 18:59:21
860
原创 编译原理AST&以Babel为例进行解读、Webpack中自定义loader与plugin
编译原理：高级语言->机器（浏览器）能识别语言 | AST处理过程：1. 词法分析(Lexical Analysis)2.语法分析(Syntax Analysis)3.转换与优化4. 代码生成 | AST在前端应用：1. Vue的模板编译 2.ES6与Babel 3.其他工具链 4.Tree-shaking中的应用 |自定义Loader、Plugin：`Loader` 主要用于对模块的源代码进行转换处理（函数），而 `Plugin` 则用于扩展 Webpack 的打包能力与生命周期管理（类）
2025-05-12 21:19:28
1445
原创 个人网站versionI正式上线了！Personal Website for Jing Liu
本系统采用React+TypeScript为核心的前端工程化方案，集成TailwindCSS+Ant Design构建现代化UI体系，融合ECharts+Three.js+Canvas实现数据可视化与动态交互，并接入百度地图API拓展地理信息服务，形成技术栈完备、响应式的个人网站解决方案。
2025-05-07 16:02:58
1144
原创 前端亮点：大文件上传技术详解及问题解析
• 优化：通过Web Worker多线程计算，避免主线程阻塞（如5GB文件Hash计算可缩短至3.5秒）。• 原理：前端计算文件Hash后，请求服务端校验是否存在相同Hash文件，存在则直接返回URL。• 策略：限制并发数（通常6个并发，避免浏览器TCP连接限制），失败分片自动重试。• 服务端：记录分片Hash和位置（如Redis临时存储），合并时校验完整性。• 容错机制：指数退避重试策略（如首次1秒后重试，第二次2秒，第三次4秒）。• 逻辑：服务端按分片索引顺序合并文件，避免顺序错乱导致文件损坏。
2025-04-20 16:18:04
1284
原创 IntersectionObserver&滚动动画、懒加载、虚拟列表等应用场景&代码实现
IntersectionObserver到阈值时触发回调。• 交叉区域计算：浏览器内部自动计算目标元素与根元素的交集区域，无需开发者手动处理几何信息。• 浏览器级优化：由浏览器底层实现，自动优化计算逻辑，避免主线程阻塞。• 按需执行：元素进入视口时播放 CSS/JS 动画，离开时暂停。• 动态渲染：仅渲染可视区域内的列表项，减少 DOM 节点数量。• 精准监测：记录广告元素进入视口的时间与比例，用于计费分析。：当前是否与根元素交叉（最常用属性）。
2025-04-20 08:30:00
1248
原创 项目难点&亮点
若依项目的核心挑战在于如何高效整合前后端技术栈，实现灵活可扩展的权限管理，同时保障安全性和性能。开发者需深入理解 Spring Security、Vue 组件化、MyBatis 拦截器等核心技术点，并结合实际业务需求进行定制化开发。
2025-04-07 19:54:34
1321
原创 React中Element&Fiber对象、WorkInProgress双缓存、Reconcile&Render&Commit、第一次挂载过程详解
React 的三阶段模型（更新、渲染、提交）清晰地分离了调度逻辑、UI 计算和 DOM 操作，结合 Fiber 架构和时间切片机制，使得 React 能够高效地响应用户交互，同时保持良好的性能表现和一致性。FiberRootNode 是全局调度的核心，而 HostRootFiber 是组件树的根节点。两者紧密配合，共同完成 React 的渲染和更新流程。Fiber 是 React 内部实现的一部分，开发者通常无需直接操作，而是通过 声明式 API（如 JSX 和 hooks）间接影响 Fiber构建与更新
2025-01-13 20:25:48
1397
原创 2024Jinger的前端学习内容总结——前端学习路线（超全）
数据结构与算法、HTML、CSS、Javascript基础、高级以及ES6、Vue2&Vue3、React、Node、前端可视化Cesium|Three
2024-12-31 22:13:44
1008
原创 城市灾害应急管理集成系统——系统介绍
本系统是一款集3D GIS、无人机技术、视频GIS、AI GIS 和深度学习算法等技术于一体的仿真模拟与应急预案平台。系统面向多主体（机构领导、领域专家、救援人员与普通公众等）、灾害发展不同时期（灾前、灾中和灾后），支持内涝、团雾、火灾、传染病和地面塌陷五种灾害场景仿真模拟和应急预案，一定程度上能支撑灾前预警预报、灾中资源协调以及灾后救援评估的决策制定。
2024-12-21 15:36:41
1067
原创 前端项目【本科期间】
技术栈：Vue.js|Vuex|ElemntUI|Axios|Cesium|Echarts|Three|Webpack。5.2首页标题列表组件：“栏目管理”》首页》首页栏目主模板》操作下的设置资料来源；2.内容上传：复制上传静态网页到博达网站群（HTML、CSS、JS和相关资料等等）；4.绑定相关组件： 包括系统推荐组件、基本组件和栏目资料组件等组件；5.1导航条内容设置：在“栏目管理”中新建所需栏目；3.新建页面模板：新建首页、列表页和内容页的页面模板；**说明：最初版本为纯HTML页面，无框架**
2024-10-24 21:45:53
644
原创 工作流入门这篇就够了！
本文记录自己这大半年老师让学习的工作流，因此本文也是以作者自身学习工作流的过程进行介绍。BPMN->工作设计器->工作流引擎
2024-01-03 23:07:54
8350
原创 博达网站群的入门级指南
笔者初次主导接手一个网站建设项目，该项目是基于博达网站群的Web网站建设。小挣了几千元~~ 在建设过程中，笔者发现网上相关资源虽然还比较多，但是很散，所以决定写一篇入门级的文章供参考。 资源推荐：博达网站：http://www.vsbclub.com/和B站上博达网站建设的相关视频。 文章内容和资源如有侵权请联系笔者，笔者将删除相关内容或整篇文章.........
2022-06-19 14:08:25
8620
5
原创 WebGIS入门
1.关于WebGISWebGIS（网络地理信息系统）是指工作在Web网上的GIS,是传统的GIS在网络上的延伸和发展，具有传统GIS的特点，可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能，同时也是Internet 上地理信息发布、共享和交流协作的基础。互联网深刻地改变了我们的工作和生活,也改变了地理信息系统,两者的融合产生了WebGIS。随着互联网和移动互联网的迅速普及,WebGIS也迅速发展,以其广泛的应用价值和独特的魅力,成为现代生活的日常工具和现代社会的技术支柱。近些年来, We
2022-01-02 14:55:06
18437
原创 工程化实践——标准化Eslint、Prettier&TS
Prettier负责“无争议的格式统一”（如缩进、引号）ESLint负责“代码质量与潜在错误”（如未使用变量、异步无await）TypeScript负责“类型安全与逻辑约束”（如函数参数类型、接口定义）
2025-07-03 20:17:24
612
原创 Git协作开发：feature分支、拉取最新并合并
Git中feature分支操作与合并冲突解决指南 本文详细介绍了Git中feature分支的完整操作流程和合并冲突解决方法。主要内容包括： feature分支生命周期：从创建、开发、提交到合并的全流程操作命令 合并冲突处理：如何识别冲突文件，手动编辑解决代码冲突，并完成后续提交 前端开发常见冲突场景：Vue组件、package.json依赖、CSS样式等特殊情况的处理方案 实用工具推荐：VSCode内置工具及第三方对比软件的使用 预防冲突的最佳实践：高频同步、原子化提交、明确分支职责等 文章还提供了面试应答
2025-07-03 20:14:41
431
原创 Next.js 的 SSR、SSG 本质,SSR处理流程详解
Next.js的服务端渲染(SSR)流程通过服务端生成完整HTML文档，实现快速首屏加载和SEO优化。核心流程分为：1)客户端发起请求；2)服务端路由匹配；3)数据预获取；4)React组件渲染为HTML；5)数据序列化嵌入页面；6)返回响应；7)客户端解析静态HTML；8)通过水合过程激活交互能力；9)后续交互使用客户端路由。整个过程依赖React的SSR API和Next.js的编译优化，需注意服务端/客户端代码隔离和数据一致性。Next.js 13+还支持流式渲染提升性能。
2025-07-02 19:31:00
1086
原创 Mono repo实践（Why、What、How、Advantage)
• 问题驱动：传统MultiRepo模式下，跨项目代码复用困难、依赖版本碎片化（如组件升级需同步多个仓库）、协作成本高（分支管理混乱、规范不统一），且工具链重复配置效率低下。◦ 目录分层：如根目录划分apps（业务应用）、packages（共享工具/组件）、business（业务域模块），通过pnpm-workspace.yaml定义子包路径。• 需求场景：适用于模块耦合度高、需频繁共享代码的业务（如中后台系统、跨端应用），或开源项目（如Vue、Babel）需统一管理核心生态包。
2025-07-02 09:23:41
843
原创 灰度发布与AB测试
灰度发布是平衡创新与稳定的关键技术，尤其适合用户量大、迭代频繁、容错率低的系统（如电商、金融、通信）。AB测试是一种随机对照实验（RCT），将用户随机分为实验组（使用新方案）和对照组（使用原方案），通过对比核心指标（如转化率、留存率）的差异，验证新方案的效果。建议结合用户反馈与业务洞察，形成闭环优化机制 🔄。• 样本量计算：基于显著性水平（α=0.05）、统计功效（1-β=80%）、预期提升（Δ）计算最小样本量。• 核心指标：仅1个（如转化率），辅以观测指标（如停留时长）和反向指标（如崩溃率）。
2025-07-02 09:18:55
569
原创 SSR水合机制详解：从原理到最佳实践
本文探讨了服务端渲染(SSR)中的水合技术(Hydration)，从基本原理到最佳实践。SSR在服务器生成完整HTML页面，水合则负责将静态页面转换为动态应用，包括绑定事件、同步状态等关键环节。文章详细解析了水合的工作流程，重点强调服务端与客户端DOM结构一致性要求，并指出不一致将导致水合错误。针对性能优化，介绍了渐进式水合技术，包括按需激活、优先级调度等策略。同时总结了常见水合问题解决方案，如同构数据获取、避免浏览器API等。最后提出五项最佳实践建议，包括数据同步、组件设计等，并展望了结合服务器组件的未来
2025-07-01 09:15:05
1090
原创 服务端渲染SSR：原理、实践与未来趋势
• Next.js官方SSR指南(https://nextjs.org/docs/basic-features/pages#server-side-rendering)在当今追求极致用户体验的Web开发领域，服务器端渲染（SSR） 已成为解决性能与SEO难题的关键技术。HTML生成：使用前端框架（如React/Vue）或模板引擎（如EJS/Pug）将数据渲染为静态HTML。水合（Hydration）：客户端JS加载后，将静态页面激活为可交互的SPA，绑定事件与状态管理。// 服务器端异步获取数据。
2025-07-01 09:02:58
379
原创 Monorepo+Pnpm+Turborepo
进一步实践可参考：pnpm 官方文档(https://pnpm.io/workspaces)、Turborepo 示例(https://turbo.build/repo/docs)。以下是关于 Monorepo + pnpm Workspace + Turborepo 的详细解析，涵盖核心概念、技术优势、配置实践及协作机制，结合行业最佳实践总结。推荐组合：pnpm（依赖管理） + Turborepo（任务调度） + TypeScript（类型安全），形成现代 Monorepo 基建黄金三角。
2025-06-30 22:38:21
958
原创 Next.js 渲染流程详解（含五核心渲染方式）
通过 next export 可输出纯静态站点（全SSG模式），图片中的可视化图表按钮说明不同方案需根据TTFB/FCP等指标灵活选择。PPR Vercel边缘运行时 部分内容快速流式渲染 loading.tsx + 部分预渲染 长内容页（如详情页）◦ 优先尝试读取 SSG/ISR 预生成文件（/pages/[slug].html）内容型网站：SSG(主站) + ISR(列表) + CSR(评论)动态应用：SSR(首屏) + CSR(交互) + PPR(长内容)
2025-06-30 08:40:56
389
原创 Vue高频核心内容总结与分析
掌握它是应聘现代前端项目的敲门砖。(MISSING)必须深入掌握Vue3的核心特性和API（尤其是Composition API），并清晰理解与Vue2的关键差异（响应式原理、API风格、生命周期）。• 原理攻坚： 通过阅读高质量技术博客（如官方博客、Vue Mastery、技术社区深度文章）、源码解读（可选关键部分）或在线课程，深入理解响应式、虚拟DOM、Diff、更新流程。◦ 重要性： 构建任何Vue组件的基石，用于管理组件的创建、挂载、更新、卸载过程，涉及DOM操作、数据请求、资源清理等关键任务。
2025-06-29 08:03:54
1150
原创 ByteMD+CozeAPI+Coze平台Agent+Next搭建AI辅助博客撰写平台（逻辑清楚，推荐！）
摘要：智能博客助手功能设计与多模态交互实现 当前主流博客平台的AI功能存在不足，如不支持多模态交互、格式转换繁琐等问题。本文提出了一种智能博客助手解决方案，主要功能包括：标题生成、内容摘要、多模态数据解析（图片/PDF）、思维导图生成和流式展示。重点分析了多模态数据的交互实现，通过Coze API处理文件上传(file_id获取)和格式转换，解决了PDF/图片内容解析与Markdown转换的痛点。技术实现上采用Fetch+SSE进行流式传输，并封装了异常处理机制。该方案简化了博客创作流程，提升了内容创作效率
2025-06-28 22:18:37
1412
原创 Javascript手撕大全[0628]
这篇文章总结了JavaScript中常见的函数实现与应用技巧，主要包括： 函数组合：介绍了两种compose函数实现方式（reduceRight和递归），用于将多个函数串联执行。 柯里化：通过闭包和递归实现参数分步传递的curry函数，展示了如何将多参数函数转换为链式调用。 防抖节流： 防抖(debounce)确保连续触发只执行最后一次 节流(throttle)控制执行频率并保证最终触发 数组扁平化：对比了递归实现和原生flat方法的多层数组展开方案。 性能优化： 使用IntersectionObserve
2025-06-28 13:50:07
1041
原创 前端Promise从入门到精通全指南
Promise是JavaScript异步编程的核心，本文系统梳理了从基础到进阶的完整知识体系。主要内容包括：1) Promise三大状态（Pending、Fulfilled、Rejected）及其不可逆特性；2) 链式调用原理与错误处理策略；3) 静态方法对比（all/allSettled/race）；4) 手写Promise实现的关键点（状态管理、异步队列、链式调用）；5) 高频面试题解析（执行顺序、状态锁定等）；6) 生产环境最佳实践（避免嵌套、全局错误处理等）。结合7篇权威资料，帮助开发者全面掌握Pr
2025-06-27 17:46:09
1167
原创 Coze API如何上传文件能得到文件的file_url
要通过Coze API获取文件URL，需先上传文件获取file_id，再将file_id传入工作流自动转换为file_url。关键步骤包括：1)使用/v1/files/upload接口上传文件获取file_id；2)将file_id作为参数传递给工作流，系统会自动解析为file_url。需注意：file_url多为临时链接，推荐前端直传文件，大文件需配置后端代理。完整流程为：上传→获取file_id→工作流转换→输出file_url。若需永久存储，可启用Coze的"文件盒子"功能。（15
2025-06-27 17:34:16
716
原创 COZE API上传文件 直接从前端发送就可以，而通过后端发请求给CozeAPI就不行，为什么？
- **协议差异**：Coze API设计初衷是为前端直接调用。- **网络路径** - 前端直接到Coze：通过CDN分发，有全球加速节点。 - 前端经后端到Coze：服务器间通信，可能经过多层NAT。- **技术细节对比** - 前端到Coze：直接CDN分发，全球加速节点。 - 后端到Coze：服务器间通信，可能经过多层NAT。- **服务器防火墙限制**：服务器可能无法访问443端口，可通过`telnet api.coze.cn 443`测试，连接失败表示防火墙
2025-06-26 20:11:37
754
【WebGIS系统古村古镇数字化平台源码】古村古镇数字化平台，作者热门文章[WebGIS入门、WebGIS期末作业等]的源码
2024-07-17
Lisflood-FP 5软件包
2024-03-01
水文模型SWMM和Lisflood
2024-01-26
基于博达网站建设群的网站搭建
2022-06-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人