- 博客(1116)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 【总结】LLM 对话框组件项目
本文介绍了AIGC时代基于对话框的交互系统设计与实现方案。系统采用分层架构集成DeepSeek等大模型API，通过OAuth2协议实现安全认证，并使用SSE协议支持流式数据传输。前端基于React+TS开发了可复用对话框组件，移动端采用React Native Expo跨平台框架实现85%代码复用。系统还展示了Agent搭建、Coze API集成等关键技术，并计划通过LangChain框架进一步扩展功能。通过模块化设计和标准化协议的应用，该系统实现了高效、安全的人机交互体验。
2025-06-15 13:27:24
1259
1
原创 [最全总结]城市灾害应急管理系统
在智慧城市战略背景下，项目面向内涝、团雾和火灾等灾害，开发了集灾害`模型集成模拟、场景可视化与应急预案管理`于一体的系统，系统各子模块进行软件功能测试，测试结果稳定可靠。
2025-06-07 17:34:29
887
1
原创 [总结]前端性能指标分析、性能监控与分析、Lighthouse性能评分分析
前端性能指标分析旨在评估网页在加载速度、交互响应和视觉稳定性等方面的表现。常见核心指标包括 LCP（最大内容绘制）、FID（首次输入延迟）和 CLS（累计布局偏移），用于衡量用户体验。性能监控则通过埋点、Web Vitals API 或 Performance API 实时采集数据，识别性能瓶颈。Lighthouse 是 Google 提供的开源工具，可自动评估页面性能、可访问性、SEO 等，生成详细评分和优化建议，帮助开发者持续改进前端质量。
2025-06-01 15:49:37
1577
原创 BPMNJS自定义功能_Palette|Renderer|ContextPad|PropertyPanelPropertyPanel
若你不想使用已有的并在⚠️ 确保该 CSS 文件被引入到页面或项目中。在 bpmn-js 中，自定义 Renderer 是实现流程图元素个性化渲染的关键方式。通过继承或，你可以自定义节点的外观、尺寸、颜色、图标等属性。以下是实现自定义 Renderer 的基本步骤：(腾讯云创建自定义 Renderer 类新建一个类继承自，并实现drawShape// 仅渲染特定类型的元素，例如任务节点rx: 10,ry: 10,});
2025-05-26 09:26:49
1066
1
原创 [项目总结篇]低代码——流程引擎：BPMNJS&Flowable工作流编辑器与引擎实现
本文介绍了一个支持多灾害模型集成的流程编排系统。针对各课题组编码标准不统一的问题，采用BPMN2国际规范，基于bpmn.js开发可视化流程编辑器，支持拖拽设计动态表单和模型流程。后端选用Flowable流程引擎，通过JSON Schema规则实现模型调用，并利用Python中间层解释执行。系统包含三大核心模块：1）流程编辑器，支持自定义属性面板和BPMN/SVG转换；2）流程引擎，提供模型编排与执行监控；3）布局引擎，实现可视化页面设计和组件交互。此外还集成地图开发模块，封装了基于百度SDK的业务地图渲染功
2025-05-24 12:26:01
1905
原创 [全网最全!!!从设计视角查看]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
945
原创 [Vue内容梳理]响应式、虚拟DOM和Diff算法、模板编译、生命周期、实例方法、过滤器、指令和内置组件
在计算属性中直接修改可以吗？不可以会发出警告⚠，通过setter修改会触发响应式。
2025-05-16 09:55:04
1455
原创 流程编辑器Bpmn与LogicFlow学习
基于LogicFlow的可扩展架构，实现自定义节点、插件化开发，并结合BPMN 2.0规范适配器，确保流程数据与Camunda引擎兼容”。• 主导LogicFlow框架深度定制，开发20+符合BPMN规范的节点与连线，支持子流程嵌套、事件触发等复杂场景；• 设计LogicFlow自定义节点（如审批节点、网关节点）的View与Model层逻辑，解决复杂交互问题；• 开发BPMN XML与LogicFlow JSON的数据转换适配器，实现与后端流程引擎的无缝对接。
2025-05-15 14:21:56
943
原创 [推荐！前端性能优化全解]从首屏加载、动画卡顿、状态管理、视图管理和技术选型上分析性能
本文从网络层、资源压缩、缓存、代码拆分、资源加载优化、预渲染与预加载、浏览器渲染原理等多个方面，详细探讨了前端性能优化的策略与技术。网络层部分介绍了HTTP协议的迭代与优化，资源压缩则涵盖了构建时与部署时的压缩技术，缓存策略包括文件名哈希与HTTP缓存机制。代码拆分通过动态导入与公共模块提取优化加载效率，资源加载优化则通过预加载、关键CSS内联与异步JS加载提升首屏速度。预渲染与预加载技术进一步优化了页面跳转体验，而浏览器渲染原理则从解析、样式计算、布局、分层、绘制、合成与光栅化等环节深入剖析了渲染流程。
2025-05-14 20:48:47
1192
原创 0514得物、0509滴滴面试总结&复盘
目前最欠缺的还是，编码不是很熟，很多都遇到过但是就是写不出来，或者靠背先写一点，然后去加，加的过程没考虑逻辑是不是对的，用滴滴面试官的一句话，就是多刷多练多编码！而且编码总出错，目前编码顺利的就是滴滴一面，你熟悉，100%撕出来题目了！技术栈方面：得物面试要求技术栈为React+Typescript，这周先总结好各个数据结构和算法的Map思维导图，下周开始每日10题复盘刷+项目总结。今天是0514 ，距离秋招也就2个多月了，希望这两个多月，在编码和项目以及八股方面你有更加提升！Jinger，加油！
2025-05-14 18:59:21
879
原创 编译原理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
1495
原创 个人网站versionI正式上线了！Personal Website for Jing Liu
本系统采用React+TypeScript为核心的前端工程化方案，集成TailwindCSS+Ant Design构建现代化UI体系，融合ECharts+Three.js+Canvas实现数据可视化与动态交互，并接入百度地图API拓展地理信息服务，形成技术栈完备、响应式的个人网站解决方案。
2025-05-07 16:02:58
1157
原创 前端亮点：大文件上传技术详解及问题解析
• 优化：通过Web Worker多线程计算，避免主线程阻塞（如5GB文件Hash计算可缩短至3.5秒）。• 原理：前端计算文件Hash后，请求服务端校验是否存在相同Hash文件，存在则直接返回URL。• 策略：限制并发数（通常6个并发，避免浏览器TCP连接限制），失败分片自动重试。• 服务端：记录分片Hash和位置（如Redis临时存储），合并时校验完整性。• 容错机制：指数退避重试策略（如首次1秒后重试，第二次2秒，第三次4秒）。• 逻辑：服务端按分片索引顺序合并文件，避免顺序错乱导致文件损坏。
2025-04-20 16:18:04
1308
原创 IntersectionObserver&滚动动画、懒加载、虚拟列表等应用场景&代码实现
IntersectionObserver到阈值时触发回调。• 交叉区域计算：浏览器内部自动计算目标元素与根元素的交集区域，无需开发者手动处理几何信息。• 浏览器级优化：由浏览器底层实现，自动优化计算逻辑，避免主线程阻塞。• 按需执行：元素进入视口时播放 CSS/JS 动画，离开时暂停。• 动态渲染：仅渲染可视区域内的列表项，减少 DOM 节点数量。• 精准监测：记录广告元素进入视口的时间与比例，用于计费分析。：当前是否与根元素交叉（最常用属性）。
2025-04-20 08:30:00
1278
原创 项目难点&亮点
若依项目的核心挑战在于如何高效整合前后端技术栈，实现灵活可扩展的权限管理，同时保障安全性和性能。开发者需深入理解 Spring Security、Vue 组件化、MyBatis 拦截器等核心技术点，并结合实际业务需求进行定制化开发。
2025-04-07 19:54:34
1336
原创 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
1426
原创 2024Jinger的前端学习内容总结——前端学习路线（超全）
数据结构与算法、HTML、CSS、Javascript基础、高级以及ES6、Vue2&Vue3、React、Node、前端可视化Cesium|Three
2024-12-31 22:13:44
1035
原创 城市灾害应急管理集成系统——系统介绍
本系统是一款集3D GIS、无人机技术、视频GIS、AI GIS 和深度学习算法等技术于一体的仿真模拟与应急预案平台。系统面向多主体（机构领导、领域专家、救援人员与普通公众等）、灾害发展不同时期（灾前、灾中和灾后），支持内涝、团雾、火灾、传染病和地面塌陷五种灾害场景仿真模拟和应急预案，一定程度上能支撑灾前预警预报、灾中资源协调以及灾后救援评估的决策制定。
2024-12-21 15:36:41
1085
原创 前端项目【本科期间】
技术栈：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
8910
原创 博达网站群的入门级指南
笔者初次主导接手一个网站建设项目，该项目是基于博达网站群的Web网站建设。小挣了几千元~~ 在建设过程中，笔者发现网上相关资源虽然还比较多，但是很散，所以决定写一篇入门级的文章供参考。 资源推荐：博达网站：http://www.vsbclub.com/和B站上博达网站建设的相关视频。 文章内容和资源如有侵权请联系笔者，笔者将删除相关内容或整篇文章.........
2022-06-19 14:08:25
8711
5
原创 WebGIS入门
1.关于WebGISWebGIS（网络地理信息系统）是指工作在Web网上的GIS,是传统的GIS在网络上的延伸和发展，具有传统GIS的特点，可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能，同时也是Internet 上地理信息发布、共享和交流协作的基础。互联网深刻地改变了我们的工作和生活,也改变了地理信息系统,两者的融合产生了WebGIS。随着互联网和移动互联网的迅速普及,WebGIS也迅速发展,以其广泛的应用价值和独特的魅力,成为现代生活的日常工具和现代社会的技术支柱。近些年来, We
2022-01-02 14:55:06
18574
原创 百度前端面试题目整理
移动端适配方案摘要 移动端适配需解决屏幕尺寸碎片化问题，核心目标是实现元素等比缩放。主流方案包括： rem动态布局：通过JS动态设置根字体大小（如屏幕宽1/10），再以rem为单位布局，需搭配postcss-pxtorem等工具自动转换px。 vw/vh方案：直接使用视口单位（1vw=1%视口宽），无需JS计算，通过postcss-px-to-viewport插件转换设计稿尺寸，注意避免混用vw/vh导致比例失真。 Flex辅助布局：处理元素排列问题，结合缩放方案使用。 响应式布局通过媒体查询+流式布局实现
2025-07-29 21:45:02
816
原创 Flex布局面试常考的场景题目
Flex布局是CSS面试中的高频考点，本文总结了6个经典应用场景及实现方案。通过代码示例和原理说明，帮助开发者掌握Flex布局的核心技巧。内容包括：垂直居中（justify-content + align-items）、等分布局（flex:1）、圣杯布局（flex-direction:column）、九宫格（flex-wrap）、底部吸附（margin-top:auto）和响应式切换（媒体查询）。文章还特别指出常见坑点，如最小尺寸问题（min-width:0）和多行对齐混淆（align-items vs a
2025-07-29 21:44:50
563
原创 小鹏汽车AI测试
摘要： 本文针对小鹏汽车前端开发岗位面试，提出技术融合与工程效能优化的差异化回答方案。聚焦Web3D+GIS技术与智能座舱/高精地图的协同性，结合小鹏全栈自研战略，从职业规划（短期深耕Web3D可视化，长期主导AR-HUD导航）、技术匹配（激光雷达渲染经验迁移）到文化契合（创新引领+团队协作）三个维度建立应答逻辑。通过具体案例（如灾害系统WebGL性能优化至60fps、得物首屏秒开率提升50%）展现"问题根因-量化结果-方法论沉淀"的闭环能力，并关联小鹏技术锚点（X-EEA 3.0架构、
2025-07-28 15:54:06
837
原创 WebSocket双向通信——引入进行功能优化
本文介绍了通过WebSocket技术对工作流系统进行的实时推送改造。原有系统采用定时轮询机制存在实时性差（30秒延迟）、资源浪费和体验不佳三大问题。改造后实现了服务端主动推送，响应时间降至1秒内，服务器请求量减少70%。 【技术实现】 采用分层架构：底层WebSocket工具类管理连接，中间层Vuex统一状态，上层组件处理交互 核心功能包括：智能重连、心跳保活、类型化消息处理（支持6种业务场景） 关键技术点：指数退避重连策略、观察者模式消息分发、动态事件监听管理 【改造成果】 ✅ 待办/待签任务实时推送 ✅
2025-07-28 10:52:24
877
原创 前端面试全攻略：核心考点+手写代码+项目深挖
前端面试备战指南：核心知识与实战技巧 本文系统梳理前端面试必备知识点，涵盖基础理论、框架原理、手写代码和项目经验，帮助应聘者高效准备。 知识体系 HTML/CSS核心：盒模型、Flex/Grid布局、BFC机制、响应式设计原理 JavaScript深度：作用域链、原型继承、EventLoop、ES6+特性 框架对比： React：Fiber架构、Hooks原理、性能优化 Vue：响应式系统、Diff算法、Composition API 实战重点 高频手写题：防抖节流、Promise.all、new操作符实现
2025-07-27 20:10:06
956
原创 Coze：字节跳动AI开发平台功能和架构解析
Coze是字节跳动推出的AI开发平台，通过低代码方式降低大模型应用开发门槛。平台整合模型调用、工具集成、流程编排等能力，提供可视化编辑器、知识库管理、多模型支持等功能，支持构建客服机器人、智能助手等应用。核心优势包括字节生态整合、开箱即用的RAG等工具、多端部署能力，适用于企业和个人开发者快速实现AI应用落地。
2025-07-27 12:27:53
1125
原创 字节跳动Coze Studio开源了！架构解析
Coze Studio是字节跳动开发的AI应用低代码平台，采用分层架构设计，包含交互层、引擎层、数据层、扩展层、部署层和安全层。平台支持可视化流程编排、多模型调度、知识库增强和插件扩展，提供从开发到部署的一站式服务。核心特点包括低代码开发体验、模型无关性设计、闭环工作流和企业级安全管控，既降低AI应用开发门槛，又支持复杂场景扩展。技术栈涵盖Web前端、微服务后端和云原生部署，适用于多终端场景的智能应用构建。
2025-07-27 12:06:35
1107
原创 50道JavaScript基础面试题：从基础到进阶
这篇文档整理了50道JavaScript核心面试题，涵盖基础语法、函数、异步编程和数据处理四大板块。 主要内容： 基础语法（1-15题）：数据类型、作用域、this、严格模式等 函数与闭包（16-30题）：高阶函数、柯里化、防抖节流、内存管理等 异步编程（31-40题）：Promise、事件循环、async/await、错误处理 数据处理（41-50题）：数组去重、深拷贝、正则表达式、算法题等 特点： 题目分类清晰，标注权威参考来源（如MDN、GeeksforGeeks） 覆盖高频考点（闭包、事件循环、类型
2025-07-26 16:34:41
1107
原创 JavaScript 对象、字符串的统计和排序高频面试题
本文总结了JavaScript字符串统计和排序的高频面试题，包含统计字符频率、查找最高频字符、计算字符串字节长度等字符串处理问题，以及基础排序、对象属性排序等排序类问题。通过代码示例解析核心实现思路，如哈希表统计、动态更新最大值、多级排序规则等。同时提供了性能优化策略（如使用Map替代Object）和边界处理方法，并分类整理了不同场景下的考察重点，如字符串统计的哈希表应用和排序的比较函数设计。
2025-07-26 16:29:43
1129
原创 JavaScript异步编程——async（返回Promsie）&await（后续任务包装成微任务，入微任务顺序与是否为显示Promise有关）底层原理
async/await 原理与实现 async/await 本质是通过 Generator + Promise 实现的语法糖。核心原理： async 函数：隐式返回 Promise，自动包装返回值 await 流程：暂停函数执行 → 等待 Promise 解决 → 恢复执行（通过微任务） 底层转换：Babel 等工具将其转为 Generator 函数 + 自动执行器（如 spawn） 手写实现核心（22行）： function asyncToGenerator(generatorFunc) { return
2025-07-25 10:35:57
1141
原创 各个公司前端面试题目总结（系列-总结）
本文总结了主流互联网公司前端面试的高频考点与差异。核心内容包括：HTML/CSS基础（盒模型、布局）、JavaScript核心（闭包、原型链、异步）、框架原理（React/Vue响应式、虚拟DOM）、浏览器与网络（渲染流程、HTTP协议）、手写代码（算法、设计模式）、项目实战（性能优化）等。大厂侧重深度原理与算法（如字节考React Hooks原理+手写Diff算法），中小厂更关注实战能力（如Vue组件实现）。建议优先夯实基础，针对性深挖目标公司技术栈，通过模拟面试提升表达逻辑。
2025-07-25 09:30:02
561
原创 同花顺前端潜在面试题目与答案
本文整理了Vue前端开发及AI大模型相关技术的面试题库，主要涵盖三个核心方向： 基础技术知识：详细解析Vue2/Vue3的核心差异（响应式原理、虚拟DOM、生命周期），对比Webpack与Vite的工程化方案，深入讲解浏览器渲染原理及跨域解决方案。 AI技术集成：重点探讨大模型服务的流式响应优化（SSE/WebSocket）、长文本渲染策略，以及如何通过ECharts/D3.js实现模型评估指标可视化。同时解析AI产品交互设计的关键要素。 综合项目经验：阐释大模型核心参数（Token、Temperature
2025-07-24 22:49:42
1210
原创 AI编程神器Trae Solo：全流程自动化开发
摘要（149字） Trae Solo是字节跳动推出的AI全流程开发工具，实现从需求输入到部署的自动化开发。用户通过自然语言描述需求，AI自动生成PRD文档、前后端代码并完成部署，支持实时可视化跟踪开发过程。相比传统工具，其集成编辑器、终端、浏览器和文档功能，显著降低开发门槛，尤其适合中小型项目快速原型开发。但面对复杂业务逻辑、大型团队协作及深度数据库管理时仍需人工介入。目前通过邀请制开放，首月3美元的定价具有较高性价比，为开发者、产品经理和设计师提供差异化支持路径。
2025-07-24 18:09:16
1012
原创 对象\数组\Map按属性值排序&迭代器
JavaScript 迭代器与排序方法详解 迭代器机制 JavaScript 迭代器是ES6引入的核心遍历机制，通过两种协议实现： 迭代器协议：实现next()方法返回{value, done}对象 可迭代协议：实现Symbol.iterator方法返回迭代器 内置可迭代对象包括数组、字符串、Map和Set等。for...of循环底层会先获取迭代器，然后循环调用next()直到遍历完成。 对象排序方法 对象数组排序 // 按数值属性排序 arr.sort((a,b) => a.age - b.age) //
2025-07-23 21:46:59
1020
原创 Cmake、VS2019、C++、openGL&openCV环境安装
本文提供了在 CMake 和 Visual Studio 2019 环境下安装配置 OpenGL、OpenCV 和 CUDA 的完整指南。内容包括： 安装 GLFW 和 GLAD 以支持 OpenGL 配置 CUDA Toolkit 并验证安装 通过 CMake 从源码构建 OpenCV，集成 CUDA 加速功能 在 Visual Studio 2019 中设置项目属性，正确链接各库 详细说明关键配置选项和路径设置 该指南涵盖从基础环境准备到高级配置的全流程，帮助开发者搭建支持 GPU 加速的计算机视觉开发
2025-07-23 18:48:49
894
原创 黑帽变换：图像暗部特征提取利器
摘要： 黑帽变换是一种数学形态学操作，定义为闭运算结果减去原始图像（(BlackHat(f) = Closing(f) - f)），用于突出图像中的暗色特征（如裂缝、凹陷）。其核心作用包括暗部细节增强、背景抑制及光照校正，广泛应用于缺陷检测、医学图像分析等。与白帽变换（亮特征提取）互补，黑帽变换对噪声和结构元素敏感。尽管不直接用于数字高程模型（DEM）提取（需LiDAR、摄影测量等技术），但可能在DEM相关图像预处理（如点云数据增强）中间接辅助地形特征分析。本质为二维图像处理工具，无法直接生成三维高程数据。
2025-07-23 16:12:26
880
【WebGIS系统古村古镇数字化平台源码】古村古镇数字化平台，作者热门文章[WebGIS入门、WebGIS期末作业等]的源码
2024-07-17
Lisflood-FP 5软件包
2024-03-01
水文模型SWMM和Lisflood
2024-01-26
基于博达网站建设群的网站搭建
2022-06-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人