- 博客(1132)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 【总结】LLM 对话框组件项目
本文介绍了AIGC时代基于对话框的交互系统设计与实现方案。系统采用分层架构集成DeepSeek等大模型API，通过OAuth2协议实现安全认证，并使用SSE协议支持流式数据传输。前端基于React+TS开发了可复用对话框组件，移动端采用React Native Expo跨平台框架实现85%代码复用。系统还展示了Agent搭建、Coze API集成等关键技术，并计划通过LangChain框架进一步扩展功能。通过模块化设计和标准化协议的应用，该系统实现了高效、安全的人机交互体验。
2025-06-15 13:27:24
1270
1
原创 [最全总结]城市灾害应急管理系统
在智慧城市战略背景下，项目面向内涝、团雾和火灾等灾害，开发了集灾害`模型集成模拟、场景可视化与应急预案管理`于一体的系统，系统各子模块进行软件功能测试，测试结果稳定可靠。
2025-06-07 17:34:29
893
1
原创 [总结]前端性能指标分析、性能监控与分析、Lighthouse性能评分分析
前端性能指标分析旨在评估网页在加载速度、交互响应和视觉稳定性等方面的表现。常见核心指标包括 LCP（最大内容绘制）、FID（首次输入延迟）和 CLS（累计布局偏移），用于衡量用户体验。性能监控则通过埋点、Web Vitals API 或 Performance API 实时采集数据，识别性能瓶颈。Lighthouse 是 Google 提供的开源工具，可自动评估页面性能、可访问性、SEO 等，生成详细评分和优化建议，帮助开发者持续改进前端质量。
2025-06-01 15:49:37
1599
原创 BPMNJS自定义功能_Palette|Renderer|ContextPad|PropertyPanelPropertyPanel
若你不想使用已有的并在⚠️ 确保该 CSS 文件被引入到页面或项目中。在 bpmn-js 中，自定义 Renderer 是实现流程图元素个性化渲染的关键方式。通过继承或，你可以自定义节点的外观、尺寸、颜色、图标等属性。以下是实现自定义 Renderer 的基本步骤：(腾讯云创建自定义 Renderer 类新建一个类继承自，并实现drawShape// 仅渲染特定类型的元素，例如任务节点rx: 10,ry: 10,});
2025-05-26 09:26:49
1088
1
原创 [项目总结篇]低代码——流程引擎：BPMNJS&Flowable工作流编辑器与引擎实现
本文介绍了一个支持多灾害模型集成的流程编排系统。针对各课题组编码标准不统一的问题，采用BPMN2国际规范，基于bpmn.js开发可视化流程编辑器，支持拖拽设计动态表单和模型流程。后端选用Flowable流程引擎，通过JSON Schema规则实现模型调用，并利用Python中间层解释执行。系统包含三大核心模块：1）流程编辑器，支持自定义属性面板和BPMN/SVG转换；2）流程引擎，提供模型编排与执行监控；3）布局引擎，实现可视化页面设计和组件交互。此外还集成地图开发模块，封装了基于百度SDK的业务地图渲染功
2025-05-24 12:26:01
1950
1
原创 [全网最全!!!从设计视角查看]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
948
原创 [Vue内容梳理]响应式、虚拟DOM和Diff算法、模板编译、生命周期、实例方法、过滤器、指令和内置组件
在计算属性中直接修改可以吗？不可以会发出警告⚠，通过setter修改会触发响应式。
2025-05-16 09:55:04
1459
原创 流程编辑器Bpmn与LogicFlow学习
基于LogicFlow的可扩展架构，实现自定义节点、插件化开发，并结合BPMN 2.0规范适配器，确保流程数据与Camunda引擎兼容”。• 主导LogicFlow框架深度定制，开发20+符合BPMN规范的节点与连线，支持子流程嵌套、事件触发等复杂场景；• 设计LogicFlow自定义节点（如审批节点、网关节点）的View与Model层逻辑，解决复杂交互问题；• 开发BPMN XML与LogicFlow JSON的数据转换适配器，实现与后端流程引擎的无缝对接。
2025-05-15 14:21:56
957
原创 [推荐！前端性能优化全解]从首屏加载、动画卡顿、状态管理、视图管理和技术选型上分析性能
本文从网络层、资源压缩、缓存、代码拆分、资源加载优化、预渲染与预加载、浏览器渲染原理等多个方面，详细探讨了前端性能优化的策略与技术。网络层部分介绍了HTTP协议的迭代与优化，资源压缩则涵盖了构建时与部署时的压缩技术，缓存策略包括文件名哈希与HTTP缓存机制。代码拆分通过动态导入与公共模块提取优化加载效率，资源加载优化则通过预加载、关键CSS内联与异步JS加载提升首屏速度。预渲染与预加载技术进一步优化了页面跳转体验，而浏览器渲染原理则从解析、样式计算、布局、分层、绘制、合成与光栅化等环节深入剖析了渲染流程。
2025-05-14 20:48:47
1198
原创 0514得物、0509滴滴面试总结&复盘
目前最欠缺的还是，编码不是很熟，很多都遇到过但是就是写不出来，或者靠背先写一点，然后去加，加的过程没考虑逻辑是不是对的，用滴滴面试官的一句话，就是多刷多练多编码！而且编码总出错，目前编码顺利的就是滴滴一面，你熟悉，100%撕出来题目了！技术栈方面：得物面试要求技术栈为React+Typescript，这周先总结好各个数据结构和算法的Map思维导图，下周开始每日10题复盘刷+项目总结。今天是0514 ，距离秋招也就2个多月了，希望这两个多月，在编码和项目以及八股方面你有更加提升！Jinger，加油！
2025-05-14 18:59:21
883
原创 编译原理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
1499
原创 个人网站versionI正式上线了！Personal Website for Jing Liu
本系统采用React+TypeScript为核心的前端工程化方案，集成TailwindCSS+Ant Design构建现代化UI体系，融合ECharts+Three.js+Canvas实现数据可视化与动态交互，并接入百度地图API拓展地理信息服务，形成技术栈完备、响应式的个人网站解决方案。
2025-05-07 16:02:58
1160
原创 前端亮点：大文件上传技术详解及问题解析
• 优化：通过Web Worker多线程计算，避免主线程阻塞（如5GB文件Hash计算可缩短至3.5秒）。• 原理：前端计算文件Hash后，请求服务端校验是否存在相同Hash文件，存在则直接返回URL。• 策略：限制并发数（通常6个并发，避免浏览器TCP连接限制），失败分片自动重试。• 服务端：记录分片Hash和位置（如Redis临时存储），合并时校验完整性。• 容错机制：指数退避重试策略（如首次1秒后重试，第二次2秒，第三次4秒）。• 逻辑：服务端按分片索引顺序合并文件，避免顺序错乱导致文件损坏。
2025-04-20 16:18:04
1316
原创 IntersectionObserver&滚动动画、懒加载、虚拟列表等应用场景&代码实现
IntersectionObserver到阈值时触发回调。• 交叉区域计算：浏览器内部自动计算目标元素与根元素的交集区域，无需开发者手动处理几何信息。• 浏览器级优化：由浏览器底层实现，自动优化计算逻辑，避免主线程阻塞。• 按需执行：元素进入视口时播放 CSS/JS 动画，离开时暂停。• 动态渲染：仅渲染可视区域内的列表项，减少 DOM 节点数量。• 精准监测：记录广告元素进入视口的时间与比例，用于计费分析。：当前是否与根元素交叉（最常用属性）。
2025-04-20 08:30:00
1286
原创 项目难点&亮点
若依项目的核心挑战在于如何高效整合前后端技术栈，实现灵活可扩展的权限管理，同时保障安全性和性能。开发者需深入理解 Spring Security、Vue 组件化、MyBatis 拦截器等核心技术点，并结合实际业务需求进行定制化开发。
2025-04-07 19:54:34
1344
原创 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
1436
原创 2024Jinger的前端学习内容总结——前端学习路线（超全）
数据结构与算法、HTML、CSS、Javascript基础、高级以及ES6、Vue2&Vue3、React、Node、前端可视化Cesium|Three
2024-12-31 22:13:44
1047
原创 城市灾害应急管理集成系统——系统介绍
本系统是一款集3D GIS、无人机技术、视频GIS、AI GIS 和深度学习算法等技术于一体的仿真模拟与应急预案平台。系统面向多主体（机构领导、领域专家、救援人员与普通公众等）、灾害发展不同时期（灾前、灾中和灾后），支持内涝、团雾、火灾、传染病和地面塌陷五种灾害场景仿真模拟和应急预案，一定程度上能支撑灾前预警预报、灾中资源协调以及灾后救援评估的决策制定。
2024-12-21 15:36:41
1090
原创 前端项目【本科期间】
技术栈：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
647
原创 工作流入门这篇就够了！
本文记录自己这大半年老师让学习的工作流，因此本文也是以作者自身学习工作流的过程进行介绍。BPMN->工作设计器->工作流引擎
2024-01-03 23:07:54
9018
原创 博达网站群的入门级指南
笔者初次主导接手一个网站建设项目，该项目是基于博达网站群的Web网站建设。小挣了几千元~~ 在建设过程中，笔者发现网上相关资源虽然还比较多，但是很散，所以决定写一篇入门级的文章供参考。 资源推荐：博达网站：http://www.vsbclub.com/和B站上博达网站建设的相关视频。 文章内容和资源如有侵权请联系笔者，笔者将删除相关内容或整篇文章.........
2022-06-19 14:08:25
8727
5
原创 WebGIS入门
1.关于WebGISWebGIS（网络地理信息系统）是指工作在Web网上的GIS,是传统的GIS在网络上的延伸和发展，具有传统GIS的特点，可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能，同时也是Internet 上地理信息发布、共享和交流协作的基础。互联网深刻地改变了我们的工作和生活,也改变了地理信息系统,两者的融合产生了WebGIS。随着互联网和移动互联网的迅速普及,WebGIS也迅速发展,以其广泛的应用价值和独特的魅力,成为现代生活的日常工具和现代社会的技术支柱。近些年来, We
2022-01-02 14:55:06
18603
原创 浏览器缓存机制全解析：强缓存与协商缓存
摘要：浏览器缓存通过本地存储资源提升加载速度，分为强缓存（直接使用本地资源，状态码200）和协商缓存（向服务器验证，状态码304）。强缓存通过Cache-Control/Expires控制，协商缓存依赖ETag/Last-Modified。缓存存储位置包括Service Worker、内存、磁盘和推送缓存，优先级依次降低。最佳实践建议静态资源使用强缓存+文件名哈希，HTML禁用强缓存，动态API禁用缓存。注意刷新操作和缓存失效问题，合理配置策略可显著提升性能。
2025-08-05 10:00:41
410
原创 【最终】浏览器原理&GPU图形总结
本文深入解析了现代浏览器的进程架构和渲染机制。浏览器采用多进程模型，主进程、渲染进程、GPU进程等各司其职，确保安全性和稳定性。渲染过程遵循关键路径：解析HTML/CSS构建DOM和CSSOM树，合成渲染树后经历布局（计算几何属性）、绘制（填充像素）和合成（GPU加速展示）三个阶段。其中JS单线程设计避免了DOM操作冲突，而分层合成技术优化了动画性能。理解这一流程对前端性能优化具有重要意义。
2025-08-05 09:15:56
593
原创 小鹏汽车前端面经
本文总结了前端开发中的核心面试知识点，包括Web存储、跨域解决方案、JavaScript核心概念、ES6+新特性、Vue框架原理、手写代码题及Webpack配置等。重点对比了Vue2与Vue3在响应式原理、API设计、性能优化等方面的差异，并详细解析了SSL/TLS加密流程。内容涵盖从基础概念到框架原理，从代码实现到网络安全的完整知识体系，适合前端开发者系统复习和查漏补缺。文章采用分类整理的方式，结合代码示例和技术对比，帮助读者快速掌握面试核心要点。
2025-08-04 21:43:30
488
原创 JavaScript堆排序算法详解
本文详细介绍了JavaScript中堆数据结构和堆排序算法的实现。首先解释了堆的基本概念，包括最大堆和最小堆的特性，以及它们在数组中的表示方式。核心部分重点讲解了heapify操作，展示了构建最小堆的TypeScript实现代码，并说明如何调整为最大堆。文章还详细解析了堆排序的两个主要步骤：构建堆和排序过程，提供了完整的代码示例。最后通过一个查找第K小元素的实例，演示了堆排序的实际应用。堆排序具有O(n log n)的时间复杂度和O(1)的空间复杂度，是一种高效的原地排序算法。
2025-08-04 17:08:10
765
原创 腾讯前端AI面
以下针对前端岗位面试题目提供详细解答，结合技术原理、实践方案及面试回答策略，助您系统化应对考核：回答要点：核心动机：技术准备：回答策略：使用方式：场景案例：实现方案：适用场景：挑战：大文件下载失败需重传，流量浪费且用户体验差。优化方案：资源消耗应对：完整性+防篡改方案：动态内容挑战：问题：实习中遇到Canvas渲染万级节点卡顿。解决过程：以下针对前端岗位面试题目提供详细解答，结合技术原理、实践方案及面试回答策略，助您系统化应对考核：回答要点：核心动机：技术准备：高频考点总结：2. 输入URL到
2025-08-04 07:30:00
1103
原创 前端 拼多多&4399笔试题目
这篇文章摘要涵盖了前端开发中的多个重要知识点： CSS属性区别：详细比较了opacity、visibility和display三个属性在元素可见性、交互性和布局影响方面的差异，并提供了对比表格说明。 浏览器渲染流程：分析了跨域加载CSS资源的情况，解释了CORS和CSP策略对资源加载的影响，并给出了解决方案建议。 网络安全：阐述了HTTPS在防御中间人攻击方面的作用，同时也指出其无法防范XSS和CSRF攻击，并提供了相应的防御措施。 编程实现：包含两个编程解决方案： 十六进制大数相加的JavaScript实
2025-08-03 22:11:30
528
原创 前端面试手撕题目全解析
本文汇总了前端面试中常见的手写代码题目，涵盖HTML、JavaScript、Vue和React四大方向。HTML部分包括语义化标签、Sticky Footer实现和表单验证；JavaScript重点讲解了防抖/节流、Promise.all实现、深拷贝和事件循环机制；Vue部分解析了生命周期、v-model原理和响应式系统；React部分则讨论了setState的同步异步特性及自定义Hook实现。文章通过代码示例和原理分析，帮助面试者快速掌握核心知识点，为技术面试提供全面的准备参考。
2025-08-03 21:48:29
1485
原创 10个必考Promise面试题精解
本文总结了5个关键的Promise面试题，涵盖错误处理、链式调用、执行顺序等核心概念。主要内容包括： 多个.catch的行为：同一Promise可被多个.catch独立处理 .then和.catch链式调用：错误处理后可通过返回新值恢复流程 Promise执行顺序：微任务优先于宏任务执行 Promise.all实现：需处理所有Promise成功/失败情况 Promise状态不可变性：状态一旦确定不可更改 此外，文章还介绍了2个高级Promise应用： 带延迟的重试机制(retryPromise)：支持多次重
2025-08-03 21:43:20
669
原创 Vue 3重磅升级：七大核心特性揭秘
Vue 3核心特性及演进：从3.0到3.4的技术升级 Vue 3系列通过持续迭代带来显著改进： 3.0基础架构：引入Composition API解决逻辑复用问题，通过编译优化（静态提升/块树）提升性能，新增Teleport/Suspense等实用功能 3.2开发效率飞跃：<script setup>语法糖大幅简化代码，<style v-bind>实现动态CSS绑定 3.3类型增强：强化TypeScript支持，新增泛型组件和props类型推导优化 未来方向：3.4将探索Vapor
2025-08-02 21:25:55
836
原创 下次接好运~
这篇文章总结了JavaScript面试中高频出现的手写代码题目，主要分为五个核心板块：原型与继承、函数与this、异步控制、数组操作和对象操作。每个板块都提供了典型题目的代码实现、核心原理说明和面试应答要点，包括instanceof、new操作符、call/apply/bind、柯里化、防抖节流、Promise实现、数组扁平化与去重、深拷贝等。文章特别强调了面试技巧，如先解释思路再写代码、处理边界条件、性能优化等，并指出这些题目主要考察原型链理解、异步控制、函数式编程和内存管理等核心能力。掌握这些内容可覆盖
2025-08-01 23:24:07
337
原创 百度面试总结——React新特性&手撕闭包（这个基础！！！但蒙掉了）
React 17-20版本演进：从基础优化到性能革命 React 17（2020）作为过渡版本，优化了事件委托机制并简化JSX使用。React 18（2022）引入并发渲染、自动批处理等核心特性，提升了复杂应用性能。最新发布的React 19（2024）带来革命性变化：支持异步Actions、新增多个优化Hook，特别是引入React Compiler实现自动性能优化。预计未来的React 20将进一步完善Server Components和并发渲染API。建议项目根据需求升级：React 18适合需要并发
2025-08-01 21:34:18
736
原创 Next实习项目总结&串联讲解(一)
Next.js 面试要点摘要 Next.js 是基于 React 的 SSR/SSG 框架，支持 SEO 优化和高效渲染（SSR 实时生成、SSG 预渲染、ISR 增量更新）。核心考察点包括： 渲染机制：区分 SSR/SSG/ISR 的应用场景与性能差异； 路由系统：文件自动映射（如动态路由 [id].js）和 App Router 的嵌套布局； 组件模型：Server Component（无 JS 传输）与 Client Component（交互逻辑）的对比； 性能优化：next/dynamic 懒加载、
2025-07-31 21:30:45
1096
原创 计算机网络知识【推荐！！！】按照OSI七层模型梳理
OSI七层模型是ISO制定的网络通信参考模型，将网络通信任务划分为七个层级，每层提供特定服务。前端开发中理解该模型有助于优化网络性能和调试。应用层直接为用户程序提供服务，如HTTP/HTTPS协议和DNS解析。HTTP协议从1.0到3.0不断演进：HTTP/1.1引入管道化但存在队头阻塞；HTTP/2采用二进制分帧和多路复用解决应用层阻塞，但仍有TCP层阻塞；HTTP/3基于QUIC协议彻底解决阻塞问题。头部压缩技术（HPACK/QPACK）显著减少了协议开销。理解这些技术有助于前端性能优化和问题排查。
2025-07-31 17:33:30
986
原创 LLM对话框项目详解（面试）
• RAG优化实战案例（含代码）(https://blog.csdn.net/2401_85328934/article/details/144380902)• 项目陈述：用STAR法则突出技术选型依据（如“在电商客服项目中，为处理20+并发请求，采用FP16量化+动态批处理，使P99延迟降至800ms”）• 技术深度：主动分析局限（如“当前RAG在处理跨文档推理时准确率仅75%，计划引入思维链提示优化”）• Q：如何处理用户意图模糊的查询（如“太贵了”）？• Q：对话系统如何支持多模态（图片/语音）？
2025-07-30 17:18:48
539
原创 2025前端面试题目详解
◦ 答案：样式隔离（Shadow DOM/CSS Modules）、状态共享（Custom Event/Redux）、子应用独立部署。◦ 答案：集成大模型API（如OpenAI）、前端轻量模型运行（TensorFlow.js）、优化AI交互体验（流式响应渲染）。◦ 答案：媒体查询（@media）、视口单位（vw/vh）、CSS变量（–var），结合Flex/Grid实现自适应布局。节流：固定频率执行（滚动事件）。◦ 答案：高性能计算（图像处理、游戏）、跨语言开发（Rust/C++编译为.wasm）。
2025-07-30 17:09:25
1048
【WebGIS系统古村古镇数字化平台源码】古村古镇数字化平台，作者热门文章[WebGIS入门、WebGIS期末作业等]的源码
2024-07-17
Lisflood-FP 5软件包
2024-03-01
水文模型SWMM和Lisflood
2024-01-26
基于博达网站建设群的网站搭建
2022-06-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人