- 博客(835)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 2024Jinger的前端学习内容总结——前端学习路线（超全）
数据结构与算法、HTML、CSS、Javascript基础、高级以及ES6、Vue2&Vue3、React、Node、前端可视化Cesium|Three
2024-12-31 22:13:44
950
原创 城市灾害应急管理集成系统——系统介绍
本系统是一款集3D GIS、无人机技术、视频GIS、AI GIS 和深度学习算法等技术于一体的仿真模拟与应急预案平台。系统面向多主体（机构领导、领域专家、救援人员与普通公众等）、灾害发展不同时期（灾前、灾中和灾后），支持内涝、团雾、火灾、传染病和地面塌陷五种灾害场景仿真模拟和应急预案，一定程度上能支撑灾前预警预报、灾中资源协调以及灾后救援评估的决策制定。
2024-12-21 15:36:41
943
原创 前端项目【本科期间】
技术栈：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
607
原创 【WebGIS附源码】从设计层面设计系统
概念模型的E-R图到逻辑模型的映射规则：（1）实体转换：将E-R图中的每个实体转换为一个关系表（或称为关系模式)、实体的属性成为关系表的列(字段)、实体的主键成为关系表的主键。（2）关系的转换：一对一关系通常不需要创建一个新的关系表来表示这种关系，而是可以在其中一个实体的关系表中添加另一个实体的主键作为外键、一对多关系:在"多"的一方的关系表中添加“一"的一方的主键作为外键、多对多关系:必须创建一个新的关系表来表示这种关系，该表至少包含两个外键，分别指向两个相关实体的主键，并可以包含描述关系的属性。
2024-07-12 23:27:15
2678
13
原创 从客户端WebAPI视角下解读前端学习
地图相关：openlayer、leaflets、ArcGIS API for JS、高德、腾讯、百度...应用程序接口（API，Application Programming Interface）是。它们抽象了复杂的代码，并提供一些简单的接口规则直接使用。（绘图Canvas->WebGL,2D 3D）（控制浏览器示意图显示内容）JavaScript 库。JavaScript 库。
2024-06-12 17:21:31
1676
1
原创 WebGIS下——焕新
WebGIS入门_GISer_Jing的博客-优快云博客在WebGIS入门篇，前端使用了纯HTML、CSS、Javascript、Jquery较为传统方式构建，服务器借助ArcGIS Srver发布相关地理服务且涉及到GIS，自行构建后端且涉及到数据库。So,WebGIS进阶来了！！！！本文大概是关于：Vue2+Cesium+Openlayers+Java+MySQL+Tomcat。
2024-05-20 22:35:18
1289
原创 工作流入门这篇就够了！
本文记录自己这大半年老师让学习的工作流，因此本文也是以作者自身学习工作流的过程进行介绍。BPMN->工作设计器->工作流引擎
2024-01-03 23:07:54
6341
原创 博达网站群的入门级指南
笔者初次主导接手一个网站建设项目，该项目是基于博达网站群的Web网站建设。小挣了几千元~~ 在建设过程中，笔者发现网上相关资源虽然还比较多，但是很散，所以决定写一篇入门级的文章供参考。 资源推荐：博达网站：http://www.vsbclub.com/和B站上博达网站建设的相关视频。 文章内容和资源如有侵权请联系笔者，笔者将删除相关内容或整篇文章.........
2022-06-19 14:08:25
8024
5
原创 WebGIS入门
1.关于WebGISWebGIS（网络地理信息系统）是指工作在Web网上的GIS,是传统的GIS在网络上的延伸和发展，具有传统GIS的特点，可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能，同时也是Internet 上地理信息发布、共享和交流协作的基础。互联网深刻地改变了我们的工作和生活,也改变了地理信息系统,两者的融合产生了WebGIS。随着互联网和移动互联网的迅速普及,WebGIS也迅速发展,以其广泛的应用价值和独特的魅力,成为现代生活的日常工具和现代社会的技术支柱。近些年来, We
2022-01-02 14:55:06
17825
原创 短轮询、长轮询与长连接详解及 Axios、SSE、WS 代码实现
• ❌ 需要协议和服务器支持（如 WebSocket 需。：长轮询需服务器支持挂起请求（如 Node.js 的。• 高频双向通信选 WebSocket（如在线游戏）主动向服务器发送请求，无论数据是否有更新。：静态数据低频更新（如天气预报、配置拉取）。• 单向推送选 SSE（如新闻实时播报）• ✅ 减少无效请求，实时性优于短轮询。的持久连接，服务器可主动推送数据。• ❌ 频繁无效请求，资源浪费严重。• ✅ 实时性最高，无频繁请求开销。• ❌ 实时性差（依赖轮询间隔）• ❌ 需要服务器支持长时挂起。
2025-04-04 11:00:49
472
原创 主流 JS 引擎排序sort方法实现策略
JavaScript 的不是纯堆排序，而是根据数组长度、类型、引擎策略动态选择算法现代引擎趋势：优先使用 TimSort/归并排序保证稳定性性能关键点：对数值数组的特殊优化（避免隐式类型转换）// 避免默认字符串比较（错误示例）// 输出 [1, 10, 2]// 正确的数值排序// 输出 [1, 2, 10]
2025-04-04 08:00:00
207
原创 前端算法实战：大小堆原理与应用详解（React中优先队列实现|求前K个最大数/高频元素）
堆的本质：通过树形结构维护元素间的序关系前端应用价值• 处理海量数据时优化内存使用• 实现高效的任务调度机制学习建议• 手写堆实现加深理解• 练习LeetCode相关题目培养算法思维扩展思考：如何用堆优化虚拟列表的渲染性能？欢迎在评论区讨论！本文代码已通过 LeetCode 测试用例验证，完整实现可访问我的GitHub 仓库获取。
2025-04-03 21:51:02
729
原创 Vue面试常考内容[从宏观到微观]
从视图层核心逐步集成路由、状态管理等能力，支持"按需取用"的渐进式开发•：通过ViewModel实现数据与视图的双向绑定，开发者只需关注数据逻辑•：相比React的JSX强约束，Vue提供更灵活的模板语法；对比Angular的全家桶模式，Vue生态更轻量•：通过响应式系统自动追踪依赖，DOM是数据状态的映射（UI=VM(State)）•：单文件组件（.vue）实现模板/脚本/样式的模块化封装，支持组合式开发•：通过内存比对算法实现最小化DOM操作，配合异步更新队列提升性能••。
2025-04-03 15:52:04
752
原创 React面试常考内容【从宏观到微观】
Immediate（用户交互） > UserBlocking（动画） > Normal（数据加载）• 技术选型场景：适合大型应用的可预测性需求，依赖社区生态扩展功能（如路由、状态管理）：链表结构实现任务分片、优先级调度与可恢复渲染，支撑并发模式（React 18+）• 与Vue对比：React强调单向数据流与显式状态管理，Vue偏向响应式数据绑定。：通过描述UI的最终状态而非操作步骤实现高效开发（如JSX声明结构）：事件委托到根节点，兼容多浏览器，优先级分类（如。
2025-04-03 15:49:05
813
原创 前端面试常考算法题目详解
类别考察重点常考题型示例数组双指针、哈希表应用两数之和、三数之和字符串滑动窗口、正则处理回文判断、字符串转换链表虚拟头节点、快慢指针环形链表检测、倒数第K个节点树递归与迭代转换层序遍历、对称二叉树判断系统设计前端特定场景设计LRU缓存、发布订阅模式练习建议：建议在LeetCode上重点练习「前端面试高频题库」标签下的题目，并注意边界条件处理（如空数组、单节点链表等特殊场景）。实际面试中，面试官常会要求手写代码后口述时间/空间复杂度及优化思路。
2025-04-02 17:42:05
162
原创 前端计算机网络常问问题大全
一、HTTP/HTTPS相关问题1. HTTP和HTTPS的区别?2. HTTP/1.1 vs HTTP/2核心改进?3. HTTP状态码分类及常见状态码4.HTTP强缓存与协商缓存5. HTTPS的握手过程(TLS握手)二、TCP/UDP相关问题6.TCP 和 UDP 的区别7.TCP三次握手与四次挥手8.TCP如何保证可靠性?三、WebSocket相关问题9.WebSocket与HTTP长轮询的区别四、DNS相关问题10. DNS解析过程11. DNS预解析(Prefetch
2025-04-02 11:45:17
883
原创 Python解析OSGB模型文件并存储为TXT格式的完整方案(附OBJ文件结构）
OSGB是OpenSceneGraph的二进制模型文件格式，包含三维模型的顶点、纹理、面片等数据。由于OSGB的二进制特性，直接解析需要了解其文件结构或借助第三方库。以下是两种实现方案：步骤说明：转换OSGB为OBJ格式：使用OSG官方工具将OSGB转换为OBJ格式（OBJ为文本格式，便于Python解析）。Python解析OBJ文件：3. 方案二：直接解析OSGB文件（需自定义二进制解析）步骤说明：解析OSGB二进制头：OSGB文件开头包含特定标识符（如和），需通过二进制读取验证。
2025-04-01 16:40:02
695
原创 常见三维模型&三维切片模型
OBJ：以文本格式描述几何体与纹理坐标，支持复杂曲面建模且兼容性强，广泛用于工业设计（如3D打印）与影视游戏领域，但缺乏参数化信息且高面数模型需性能优化；三维切片技术通过空间分块与细节分级（如OSGB的LOD、3D Tiles的瓦片树），实现海量数据的高效调度。OBJ侧重跨平台协作，OSGB强于地理实景还原，3D Tiles则重塑了Web端三维交互范式，三者共同推动智慧城市、虚拟仿真等领域的空间数字化进程
2025-04-01 16:38:45
776
原创 [Javascript算法]KMP算法&&滑块窗口
KMP算法通过预处理和智能指针调整，显著提升了字符串匹配效率，尤其适用于大规模文本和生物信息学领域。其核心思想“避免回溯”可扩展至多种优化场景，但需结合具体需求权衡预处理成本和匹配性能。“找到字符串中所有字母异位词”是指在给定字符串s中，找出所有与另一个字符串p字符组成完全相同（包含相同字符且出现次数一致，但顺序可以不同）的连续子串，并返回这些子串的起始索引。
2025-04-01 11:39:49
750
原创 React底部滚动锚点实现详解
scrollTop：容器内容垂直滚动的像素数（当前滚动位置）clientHeight：容器可视区域的高度（包含 padding）scrollHeight：容器内容的总高度（包括被隐藏的不可见部分）判断逻辑： isNearBottom = scrollTop + clientHeight < scrollHeight - SCROLL_THRESHOLD当 可视区域底部位置（scrollTop + clientHeight） 小于 容器总高度减去阈值 时，表示：用户没有滚动到底部附近（距离底部超过
2025-04-01 08:30:00
802
原创 [字节青训]LLM对话框项目——内联对话框设计与实现
本项目聚焦于大型语言模型（LLM）的内联对话框设计，通过结合动态布局与自然语言交互，实现高效的上下文感知功能。设计上采用React+ TypeScript技术栈，利用Flex弹性布局优化垂直空间分配，确保对话框在不同设备中的响应式适配。功能层面，通过流式数据接口逐字渲染模型响应，并引入滚动锚点技术实现内容自动跟随刷新，同时支持用户通过自然语言指令直接生成代码或触发操作，减少交互摩擦。为提升用户体验，界面设计强调简洁性与一致性，融入富文本支持、代码高亮及预格式化内容展示，并通过动态操作
2025-03-31 20:30:40
826
原创 [Html]overflow: auto 失效原因,flex 1却未设置min-height &overflow的几个属性以及应用场景
• overflow失效核心：容器尺寸未定义、Flex 布局未限制最小尺寸、定位冲突。•流式滚动本质：动态内容更新 + DOM 操作触发滚动定位。•进阶场景：结合虚拟滚动技术（如）处理海量数据渲染。
2025-03-31 20:27:56
490
原创 [特殊字符] 2024年前端面试全攻略：高频考点 + 避坑指南（附最新真题解析）
React 18 + Next.js / Vue 3 + Nuxt.js 成标配，需掌握。：Node.js（Express/NestJS）+ 数据库（SQL/NoSQL）成加分项。：Monorepo（pnpm/turborepo）、CI/CD流程、微前端方案。：LCP优化、Bundle分析、React.memo/useMemo使用场景。：Next.js + tRPC（类型安全API）+ Prisma（ORM）。：0客户端Bundle，直接访问后端资源（数据库/API）。将渲染拆分为可中断的微任务，配合。
2025-03-31 20:15:30
400
原创 React-Markdown渲染服务端响应回来地流式代码时渲染错误，className属性缺失&inline属性失效
问题：前端向后端请求，后端又向coze api请求数据，但是在前端markdown中解析时数据总是不对，className属性确实，但是如果将结果数据拷贝进行markdown展示，数据又能正确展示**此时就考虑到**传输过程中数据格式污染（换行，空格）**，当时想过，但总还是死胡同纠结是不是**React-Markdown版本兼容问题**还有一点就是判断代码是否是行内代码，原来是直接通过inline属性，但是由于版本迭代此inline属性始终获取不到考虑另一种方式，就是根据children属性判断，若ch
2025-03-30 09:30:00
1814
原创 React-Markdown详解
React-Markdown 是一个基于 React 的 Markdown 渲染组件库，其核心设计理念是通过 Unified 生态系统实现安全、可扩展的 Markdown 解析。• 样式方案优先选择 CSS Modules 或 styled-components。如需完整配置示例或特定场景实现细节，可参考文中引用的技术文档源码。：传递配置给语法树转换器，例如保留原始 HTML 节点。：禁用元素时保留子内容（默认完全删除）• 流式传输需保证换行符的编码一致性。
2025-03-30 08:30:00
840
原创 Element Plus&Ant-design常问问题详解
高频组件原理：表格渲染机制、表单校验流程工程化实践：按需加载配置、自定义主题方案性能优化意识：虚拟滚动实现原理、打包体积分析工具建议结合具体项目经验阐述解决方案，例如：“在 XX 项目中通过封装动态表头组件，使配置效率提升 40%”。更多实战案例可参考 Element Plus 官方文档。动态主题切换编译时主题（推荐生产环境）：// styles/element/var.scsscss: {scss: {运行时主题（适合开发环境）：// 通过 CSS 变量动态切换。
2025-03-29 13:23:09
918
原创 前端常问的宏观“大”问题详解（二）
TypeScript 的类型系统通过编译时类型擦除，将高级类型、接口等特性转换为纯 JavaScript 代码。其核心意义在于提升开发阶段的代码质量与可维护性，而非运行时性能。开发者需结合编译选项、测试和代码规范，确保转换后的 JS 代码既高效又可靠。Vue 和 React 的差异本质是设计哲学的分野•Vue像“瑞士军刀”，通过约定降低开发门槛，适合追求效率的场景；•React像“乐高积木”，提供高度自由，但需要开发者自行组装最佳实践。实际选型需结合项目规模团队能力和长期演进需求。
2025-03-29 12:52:35
1075
原创 前端常问的宏观“大”问题详解
HTML5新特性大幅提升了网页的交互性与功能性，但需注意IE9以下版本不兼容，建议通过Polyfill或渐进增强策略适配旧浏览器。开发者可优先使用语义化标签、增强表单及多媒体功能，结合API构建现代化Web应用。如需完整特性列表，可参考MDN HTML5文档。JavaScript 被设计为单线程的核心原因与其最初的应用场景和语言特性密切相关。ES6通过块级作用域解构赋值箭头函数等特性重构了JavaScript的语法范式，同时通过Promise模块化等解决了工程化难题。
2025-03-28 11:18:12
750
原创 【面试必备必备】计算机网络知识梳理（二）
一、攻击分类与核心逻辑主动攻击•定义：攻击者直接向服务器注入恶意代码，利用应用漏洞破坏数据或窃取权限。•典型攻击◦SQL注入：通过输入恶意SQL语句篡改数据库查询逻辑，窃取或破坏数据（如绕过登录）。◦OS命令注入：利用Web应用调用Shell函数的漏洞执行非法系统命令（如;rm -rf /删除文件）。被动攻击•定义：诱导用户触发陷阱间接攻击，依赖客户端执行恶意代码。•典型攻击◦跨站脚本攻击（XSS）：注入恶意脚本窃取用户Cookie或伪造页面（如通过URL参数?◦。
2025-03-28 10:35:49
1057
原创 Mesh模型常见组织方式&数据格式转化库
分层网格结构（如3D Tiles）通过空间层次划分、动态LOD调度和高效数据压缩，解决了海量三维模型在内存、计算和网络传输上的瓶颈。其核心思想是按需加载与细节分级，适用于GIS、游戏、XR等对大规模场景渲染有高要求的领域。
2025-03-27 15:58:06
614
原创 【面试必备必备】计算机网络知识梳理
TCP/IP协议栈为HTTP通信提供可靠传输基础，HTTP请求类型（如GET/POST）与状态管理技术（如Cookie）共同支撑Web应用功能。持久化连接通过复用TCP链路（HTTP/1.1）或帧级多路复用（HTTP/2）显著提升性能，而安全机制（如Cookie的SameSite属性）与隐私保护成为现代网络设计的重点。未来，HTTP/3基于QUIC协议将进一步优化弱网环境下的传输效率
2025-03-27 11:29:17
1119
原创 Promise高级应用详解
Promise是JavaScript中处理异步操作的重要工具，掌握其高级应用可以显著提升代码质量和开发效率。Promise链式调用进阶高级错误处理Promise组合模式Promise缓存与记忆化Promise取消与中断Promise并发控制Promise与Generator/Async结合Promise实用工具函数
2025-03-27 09:03:13
454
原创 Object.defineProperty（）&Proxy详解（Vue2&3数据劫持实现）
首先，Object.defineProperty的工作原理是针对对象的属性进行劫持，但数组的索引操作如push、pop等并不会触发属性的getter和setter。网页3、5、6和8指出，Object.defineProperty无法处理动态新增的索引，数组的length属性修改，以及像直接通过索引赋值（如arr[0] = 1）的情况。最后，总结Proxy在Vue3中的优势，如网页3和5提到的，Proxy可以监听整个对象和数组的变化，无需重写方法，从而更高效和全面。// observe 为递归监听函数。
2025-03-26 16:41:50
444
原创 蚂蚁集团前端手撕题目（3+）
/ 测试：buildTree(['src/index.js', 'src/utils.js']) → { src: { 'index.js': {}, 'utils.js': {} } }1. 内推通道：通过官方内推链接(https://u.alipay.cn/_2YehV2IUVPjoPN3pYfcpzf)投递技术类岗位。// 输出：{ name: "John", age: "30" }// 测试：chunk(['a','b','c','d'], 2) → [['a','b'], ['c','d']]
2025-03-26 16:28:29
1027
原创 计算机网络—跨域&解决方法
问题8的回答需明确浏览器拒绝，引用网页1、7、16等。根据搜索结果中的多个网页，跨域限制主要是浏览器的同源策略引起的，如网页1、2、3、4、5、7、16都提到同源策略是为了安全考虑，防止恶意网站窃取数据。根据网页1、6、8、9、11、12、13，JSONP利用了script标签跨域的特性，动态创建标签，服务器返回回调函数包裹的数据。好的，我现在要处理用户提出的四个问题，分别是关于跨域限制的原因及解决方法、JSONP的使用、跨域请求拒绝的主体，以及HTTP OPTIONS方法的作用。
2025-03-25 12:17:08
763
原创 React 知识回顾（HOC、合成事件、Fiber）
例如，点击按钮时，事件会冒泡到根节点，React 通过 event.target 找到触发事件的组件，再执行对应的处理函数。避免重复引用同一个网页，尽可能综合多个来源的信息，比如事件委托的原因结合网页2、4、5、7、8的内容，性能优化部分结合网页4、5、6、7，兼容性结合网页2、4、8等。根据之前的搜索结果，合成事件是React对原生事件的封装，用来统一不同浏览器的事件处理，提高性能和兼容性。例如，事件委托的机制在网页2、4、5、7、8都有提到，可以引用多个网页。性能优化方面，网页4、5、6、7都有涉及。
2025-03-25 12:15:39
865
原创 前端面试常见的计算机网络内容梳理
网页1和网页2主要讲OSI模型、TCP/IP模型，ARP、DNS、TCP/UDP区别这些基础概念，这些都是常考的点。还要确保每个部分都有引用正确的来源，比如网页3提到的TCP三次握手，网页4的HTTP方法，网页8的HTTPS流程。• 常见状态码：200（成功）、301/302（重定向）、304（协商缓存命中）、400（请求错误）、403（禁止访问）、404（资源未找到）、500（服务器错误）。整理的时候要分点，结构清晰，每个部分简明扼要，涵盖高频考点，确保回答全面且有深度，同时引用正确的来源。
2025-03-24 11:41:11
616
原创 图解HTTP的知识框架详解
图解HTTP的知识框架详解，我需要结合提供的搜索结果来整理出一个结构化的回答。首先，看看用户提供的搜索结果，有三个文档，分别是关于《图解HTTP》的读书笔记、Java解析HTTP的方法，以及网络基础知识的图解内容。第一个搜索结果[1]是《图解HTTP》的读书笔记，里面详细介绍了HTTP协议的基本概念、请求方法、状态码、缓存机制、持久连接等内容。另外，用户提到“图解”，所以在回答中可能需要强调结构化的图表或分层讲解，比如使用OSI模型的分层来说明HTTP的位置，或者用流程图展示HTTP请求响应的过程。
2025-03-24 11:39:47
485
原创 SSE进阶详解
根据之前的搜索结果，像ChatGPT确实选择了SSE而不是WebSocket，主要是因为SSE适合单向通信，服务端推送数据，而大模型的响应生成是单向的，不需要客户端频繁发送数据。另外，分块传输和CDN加速也是可能的解决方案，网页6中的Java示例展示了分块处理，而网页7、8讨论了流式渲染的分块传输，可能适用。总结下来，回答应该分为两部分，优化渲染的方法和大模型使用SSE的情况，每个部分引用相关的网页作为支持，比如网页3和网页4提到SSE的优势，网页1和2解释为什么选择SSE。例如，分页加载或无限滚动。
2025-03-23 07:50:06
634
【WebGIS系统古村古镇数字化平台源码】古村古镇数字化平台，作者热门文章[WebGIS入门、WebGIS期末作业等]的源码
2024-07-17
Lisflood-FP 5软件包
2024-03-01
水文模型SWMM和Lisflood
2024-01-26
基于博达网站建设群的网站搭建
2022-06-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人