- 博客(1362)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 2025年FE_Jinger的年度总结、经验分享与展望
这一年，是步履坚定的一年。贯穿全年的“求职”长跑画上圆满句号，你成功签约京东，为职业生涯开启了闪亮起点。与此同时，你的技术创作也硕果累累，CSDN粉丝突破3.1万，跻身“年度博客之星”，用文字影响了众多同行。生活并未被忙碌淹没，你在邓紫棋的歌声中获得力量，在沪杭等地的旅行中拓宽视野，于“家”的温暖里汲取能量。更难能可贵的是，你将一路走来的求职经验、学习路线、面试真题等悉心整理成干货特辑，慷慨分享，为后来者点亮一盏灯。展望新年，愿你在新的舞台上继续自信勇敢，平安喜乐，带着满满的收获与期待，奔赴下一场山海！
2025-12-29 08:00:00
1910
1
原创 2025年度照片（部分）
这篇图文合集展现了多元化的生活片段，包含工作场景、歌手G.E.M.、旅行风景、登山活动、网球运动以及温馨的家居画面。通过系列图片呈现了职场办公、自然探索（山景与旅途）、文体活动（网球）等不同生活场景，最后以"家"为主题收尾，传递出工作与生活平衡的状态。整体以视觉叙事的方式记录了个人的日常点滴与兴趣爱好。
2025-12-24 15:00:10
203
原创 今天看了京东零售JDS的保温直播，秋招，好像真的结束了，接下来就是论文+工作了！！！加油干论文，学&分享技术
摘要：本文针对职场新人快速晋升制定了系统化学习方案，包含6大核心模块：1）技术栈深度掌握（Taro/React/工程化）；2）营销业务与行业实践研究；3）技术分享视频制作方法论；4）企业级项目全流程设计；5）AI等前沿技术预研；6）实习准备策略。通过建立SOP标准化流程，配套具体执行计划（周主题学习、双周技术输出、月度模拟面试等），形成可落地的能力提升体系，帮助实现从技术能力到业务价值的全面突破。（149字）
2025-12-18 21:18:19
417
原创 AI赋能前端营销领域全解析：业务、技术、应用场景等
前端营销以用户增长为核心，覆盖用户画像构建、个性化推荐、智能广告、AIGC内容生成等核心业务，依托React/Vue等前端框架、埋点数据采集与AI集成技术（TensorFlow.js、大模型API）搭建技术底座。AI赋能重构营销链路，通过LLM生成创意素材、机器学习优化投放与转化、NLP升级智能客服，实现内容生产效率提升60%+、营销精准度翻倍、用户体验个性化升级。其核心价值在于打通“数据-洞察-行动”闭环，以技术+AI驱动营销从“广撒网”转向“精准滴灌”，成为企业降本增效、实现规模化增长的关键引擎。
2025-12-12 15:45:25
1237
原创 AI在前端营销和用户增长领域应用（待补充）
| 广告海报文案提取；用户上传图片中的优惠券识别 | | 生成式模型 | Stable Diffusion/DALL·E；广告素材生成、Banner设计 | 自动生成多版本广告图片；个性化商品展示 | 5. 推荐系统专项（个性化营销核心） 知识点 核心内容 营销场景应用 协同过滤算法 基于用户/物品的协同过滤（UserCF/ItemCF）；矩阵分解（SVD++） 冷启动阶段的用户兴趣挖掘；相似商品推荐 召回与排序策略 多路召回（行为/内容/协同过滤）；精排（DeepFM、MMOE） 推荐系统的两阶段架构；多
2025-12-12 15:44:02
1199
原创 2025年找工作过程的美好瞬间记录~
摘要：本文记录了作者从1月到12月的求职历程。1-2月完成LLM项目开发并开始求职准备；3月投递实习简历，获得首次面试机会但遗憾未通过；4月拒绝CSDN变现邀约专注求职；5月获考研经验分享邀请；6月意外获得得物实习offer；7月短暂沪漂实习后离职，收到滴滴面试邀约；8月通过多家大厂提前批面试但PDD流程卡顿；9月收获多个意向书；10月错失字节跳动机会；11月经历低谷期但获京东保温；12月最终收获快手和京东offer。全文展现了作者在求职中的坚持与成长，感恩所有帮助者，并保持积极心态继续前行。
2025-12-10 11:25:46
974
原创 前端学习总结——AI&主流前沿方向篇
文章摘要： 本文系统整理了AI技术发展趋势、基础知识和应用实践。发展趋势部分涵盖AI学习路线、前端业务融合、大模型解析（如ChatGPT、DeepSeek）及Coze平台开源等热点。基础知识部分详细介绍了Agent原理、LangChain框架集成、RAG技术及MCP协议等核心概念。应用方向重点阐述了AI与前端开发、GIS、AIGC等领域的融合创新，包括Next.js/Vue SSR框架实践。文章提供完整的AI技术学习路径和实战案例，适合开发者全面了解AI技术生态和发展趋势。
2025-10-15 22:11:21
1376
1
原创 内容总结（简历篇）
这份学习资源合集包含多个技术领域内容：技能篇提供专业知识学习；实习篇分享Next实践经历；项目篇待补充；手撕篇汇集了牛客网、Javascript、PDD等平台的编程题目解析及项目可手撕题目；综合篇整合各类资源。适合开发者系统提升技能，为面试做全面准备。
2025-10-14 14:40:03
239
原创 后端篇——Java SpringBoot、Node和Python Flask等
Node学习路线详解Node框架推荐Node流require.context()npm install常见问题Java基础Spring总结篇（推荐）Java基础知识综合Spring-tempSpring核心ISQL、JDBC、数据库SpringBoot初始化SpringBoot核心MySQL技能树总结（推荐I）------II------IIImysql INSERT数据覆盖现有元素（若存在）Mybatis-Plus(若依框架CRUD)Mybatis-Plus IISprin
2025-10-08 18:22:24
244
原创 计算机基础——浏览器、算法、计算机原理和编译原理等
Java十大经典算法—KMPJava十大经典算法——贪心算法Java十大常见算法——动态规划算法Java数据结构&算法Javascript常见数据结构计算机原理一计算机原理二计网、浏览器&操作系统适配器模式Javascript设计模式JS常用数据结构和设计模式Java设计模式一二三速成I速成II网络协议详解HTTP版本迭代XSS与CSRFASTBabelWebpack I操作系统I操作系统II浏览器原理IIIVue-cesium内存泄漏问题(待吸收）
2025-10-08 18:22:06
251
原创 前端框架篇——Vue&React&性能优化篇
Vue核心基础Vue基础IIVue核心（推荐）Vue知识大全（推荐）Vue进阶篇Vue props数据传递注意点设计模式—观察者模式与发布订阅事件修饰符VuexVuex&PiniaVuex+Localstorage数据持久化Vue中组件数据传递nextTick与事件循环Vue组合式APIVue样式深度选择器，自定义Echarts等中样式自定义ElementUI样式Vue中CSS动态样式绑定虚拟DOM------虚拟DOM IIcomputed与watchMixin与Co
2025-10-07 18:49:37
549
原创 前端知识详解——HTML/CSS/Javascript/ES5+/Typescript篇/算法篇
RestFul WebAPI协议Servlet&JSP原型链IJava十大经典算法—KMPJava十大经典算法——贪心算法Java十大常见算法——动态规划算法计算机原理一计算机原理二Mock.js详解
2025-10-06 17:12:04
394
原创 个人项目实践总结——工作流、若依、AI对话框等等
本文介绍了跨语言脚本调用和工作流引擎两个技术主题。在Java中调用C++程序的实现方法，展示了如何通过参数传递实现跨语言交互。同时探讨了工作流引擎的核心概念与应用场景，为构建自动化业务流程提供了技术参考。这两个主题分别涉及系统集成和业务流程自动化领域，对开发者处理复杂系统集成和流程管理具有实用价值。
2025-10-05 20:45:42
346
原创 前端GIS篇——WebGIS、WebGL篇
该CSDN博客包含多个技术专栏，涵盖WebGIS开发、WebGL入门、GIS应用、考研经验及Java后端开发等内容。其中WebGIS系列包含基础与进阶教程，以及Cesium与Vue的实践指南；GIS应用重点关注实景三维技术；考研专栏分享南师大GIS备考经验；Java后端部分涉及SpringBoot、数据库等核心知识。文章均为技术实践类教程，适合GIS开发者和Java后端学习者参考。
2025-10-05 20:32:33
336
原创 大前端——Taro、React-Native、Electron 大前端
多端开发技术全解析：一次开发，多端部署 本文全面剖析多端开发技术现状与趋势，针对移动端（iOS/Android/鸿蒙）、桌面端（Windows/macOS/Linux）、Web端及小程序平台，对比主流跨平台方案。重点分析原生开发、React Native、Flutter、Electron等技术优劣，提出基于项目需求的选型策略：Flutter适合追求高性能全平台覆盖，React Native利于Web团队快速上手，Taro/uni-app是小程序开发高效选择。文章还探讨分层架构设计、代码复用等实践方案，为开发
2025-09-26 22:20:20
1779
原创 前端必知的计算机基础全解析
前端工程师必备的计算机基础知识摘要 本文系统介绍了前端开发所需的计算机基础知识，包含四个核心方面： 操作系统：深入解析进程/线程概念、调度算法（如时间片轮转）和虚拟内存机制，通过JavaScript代码模拟进程调度和内存管理过程。 计算机网络：从OSI七层模型到HTTP协议，全面覆盖网络通信原理。 数据结构与算法：重点讲解前端开发中的实际应用场景。 编译原理：介绍AST(抽象语法树)及其在前端工程化中的应用。 文章以理论结合实践的方式，通过可运行的代码示例帮助前端工程师理解底层原理，为性能优化和复杂问题解决
2025-08-19 13:47:23
1160
1
原创 [推荐，来理清Vue&React！！！]Vue响应式省去Fiber，React为何需要？
Vue与React的更新机制差异：响应式与Fiber对比 Vue和React在处理UI更新时采用了不同的优化策略： React通过Fiber架构实现增量渲染，将大型更新任务拆分为可中断的小块，以解决组件级重渲染可能导致的性能问题 Vue则依靠响应式系统进行细粒度的依赖追踪，直接定位需要更新的组件，避免不必要的虚拟DOM比较 本质区别在于： React在调度层面优化（Fiber切片） Vue在数据层面优化（响应式精准更新） 两种方案各有利弊： React适合处理复杂交互场景 Vue在常规业务场景下更高效 实际
2025-08-15 23:20:03
1201
原创 滴滴、百度、腾讯、 拼多多前端提前批
摘要：面试者分享近期提前批面试经历，全程围绕项目探讨和场景题目展开，未涉及常规八股文。虽在滴滴、百度、腾讯等面试中未能通过，但仍保持积极心态。面对即将到来的最后一场提前批面试，鼓励自己坚持到底，相信在秋招初期总会找到合适机会。文章以"手撕挂"形容面试过程中的实战场景题挑战，展现出求职者面对挫折的韧性和决心。
2025-08-12 20:47:19
404
1
原创 图形学、WebGL、ThreeJS&Cesium总结与重难点
WebGL渲染流程分为三个阶段：1)CPU准备阶段，将模型数据、纹理和指令上传至GPU显存；2)GPU可编程阶段，通过顶点着色器处理坐标变换，片元着色器计算光照和材质；3)GPU固定管线阶段，执行深度测试、混合等操作，最终输出到帧缓冲区。核心在于CPU-GPU协同，顶点着色器实现MVP转换，片元着色器处理光照阴影，固定管线确保正确渲染。Three.js和Cesium分别采用直角坐标系和地理坐标系，前者需手动管理坐标变换，后者内置投影处理。性能优化需关注数据传递效率和着色器计算。
2025-08-08 08:00:00
1547
原创 前端应用场景题目（待总结优化）
本文介绍了Promise在前端开发中的四种典型应用场景及实现方案： 并行请求数据（使用Promise.all实现多个接口并行请求并合并结果） 带重试机制的请求（通过递归实现请求失败自动重试） 并发请求限制（使用任务队列控制最大并发数） 图片懒加载（结合IntersectionObserver实现按需加载） 每种场景都提供了完整的代码实现和关键点解析，展示了Promise如何优雅解决异步编程问题，包括错误处理、并发控制和性能优化等实际开发需求。
2025-08-06 22:18:47
1365
原创 Javascript/ES6+/Typescript重点内容篇——手撕(待总结）
本文梳理了前端核心知识点Promise、原型链、生成器(Generator)和闭包的核心概念及面试题解析。Promise部分详解了状态机制和常用方法，并提供了Promise.all和串行执行的实现代码；原型链部分解释了原型继承原理，包含instanceof实现和输出题解析；生成器部分展示了如何用Generator处理异步操作；闭包部分则通过防抖函数实现演示了闭包的实际应用。这些内容涵盖了前端开发中的重要概念，适合面试准备和知识巩固。
2025-08-06 22:05:38
1401
原创 【最终】浏览器原理&GPU图形总结
本文深入解析了现代浏览器的进程架构和渲染机制。浏览器采用多进程模型，主进程、渲染进程、GPU进程等各司其职，确保安全性和稳定性。渲染过程遵循关键路径：解析HTML/CSS构建DOM和CSSOM树，合成渲染树后经历布局（计算几何属性）、绘制（填充像素）和合成（GPU加速展示）三个阶段。其中JS单线程设计避免了DOM操作冲突，而分层合成技术优化了动画性能。理解这一流程对前端性能优化具有重要意义。
2025-08-05 09:15:56
1168
原创 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
1734
原创 【总结】LLM 对话框组件项目
本文介绍了AIGC时代基于对话框的交互系统设计与实现方案。系统采用分层架构集成DeepSeek等大模型API，通过OAuth2协议实现安全认证，并使用SSE协议支持流式数据传输。前端基于React+TS开发了可复用对话框组件，移动端采用React Native Expo跨平台框架实现85%代码复用。系统还展示了Agent搭建、Coze API集成等关键技术，并计划通过LangChain框架进一步扩展功能。通过模块化设计和标准化协议的应用，该系统实现了高效、安全的人机交互体验。
2025-06-15 13:27:24
1405
1
原创 [总结]前端性能指标分析、性能监控与分析、Lighthouse性能评分分析
前端性能指标分析旨在评估网页在加载速度、交互响应和视觉稳定性等方面的表现。常见核心指标包括 LCP（最大内容绘制）、FID（首次输入延迟）和 CLS（累计布局偏移），用于衡量用户体验。性能监控则通过埋点、Web Vitals API 或 Performance API 实时采集数据，识别性能瓶颈。Lighthouse 是 Google 提供的开源工具，可自动评估页面性能、可访问性、SEO 等，生成详细评分和优化建议，帮助开发者持续改进前端质量。
2025-06-01 15:49:37
1887
原创 BPMNJS自定义功能_Palette|Renderer|ContextPad|PropertyPanelPropertyPanel
若你不想使用已有的并在⚠️ 确保该 CSS 文件被引入到页面或项目中。在 bpmn-js 中，自定义 Renderer 是实现流程图元素个性化渲染的关键方式。通过继承或，你可以自定义节点的外观、尺寸、颜色、图标等属性。以下是实现自定义 Renderer 的基本步骤：(腾讯云创建自定义 Renderer 类新建一个类继承自，并实现drawShape// 仅渲染特定类型的元素，例如任务节点rx: 10,ry: 10,});
2025-05-26 09:26:49
1473
1
原创 [项目总结篇]低代码——流程引擎：BPMNJS&Flowable工作流编辑器与引擎实现
本文介绍了一个支持多灾害模型集成的流程编排系统。针对各课题组编码标准不统一的问题，采用BPMN2国际规范，基于bpmn.js开发可视化流程编辑器，支持拖拽设计动态表单和模型流程。后端选用Flowable流程引擎，通过JSON Schema规则实现模型调用，并利用Python中间层解释执行。系统包含三大核心模块：1）流程编辑器，支持自定义属性面板和BPMN/SVG转换；2）流程引擎，提供模型编排与执行监控；3）布局引擎，实现可视化页面设计和组件交互。此外还集成地图开发模块，封装了基于百度SDK的业务地图渲染功
2025-05-24 12:26:01
2651
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
1183
原创 [Vue内容梳理]响应式、虚拟DOM和Diff算法、模板编译、生命周期、实例方法、过滤器、指令和内置组件
在计算属性中直接修改可以吗？不可以会发出警告⚠，通过setter修改会触发响应式。
2025-05-16 09:55:04
1597
原创 流程编辑器Bpmn与LogicFlow学习
基于LogicFlow的可扩展架构，实现自定义节点、插件化开发，并结合BPMN 2.0规范适配器，确保流程数据与Camunda引擎兼容”。• 主导LogicFlow框架深度定制，开发20+符合BPMN规范的节点与连线，支持子流程嵌套、事件触发等复杂场景；• 设计LogicFlow自定义节点（如审批节点、网关节点）的View与Model层逻辑，解决复杂交互问题；• 开发BPMN XML与LogicFlow JSON的数据转换适配器，实现与后端流程引擎的无缝对接。
2025-05-15 14:21:56
1137
原创 [推荐！前端性能优化全解]从首屏加载、动画卡顿、状态管理、视图管理和技术选型上分析性能
本文从网络层、资源压缩、缓存、代码拆分、资源加载优化、预渲染与预加载、浏览器渲染原理等多个方面，详细探讨了前端性能优化的策略与技术。网络层部分介绍了HTTP协议的迭代与优化，资源压缩则涵盖了构建时与部署时的压缩技术，缓存策略包括文件名哈希与HTTP缓存机制。代码拆分通过动态导入与公共模块提取优化加载效率，资源加载优化则通过预加载、关键CSS内联与异步JS加载提升首屏速度。预渲染与预加载技术进一步优化了页面跳转体验，而浏览器渲染原理则从解析、样式计算、布局、分层、绘制、合成与光栅化等环节深入剖析了渲染流程。
2025-05-14 20:48:47
1289
原创 0514得物、0509滴滴面试总结&复盘
目前最欠缺的还是，编码不是很熟，很多都遇到过但是就是写不出来，或者靠背先写一点，然后去加，加的过程没考虑逻辑是不是对的，用滴滴面试官的一句话，就是多刷多练多编码！而且编码总出错，目前编码顺利的就是滴滴一面，你熟悉，100%撕出来题目了！技术栈方面：得物面试要求技术栈为React+Typescript，这周先总结好各个数据结构和算法的Map思维导图，下周开始每日10题复盘刷+项目总结。今天是0514 ，距离秋招也就2个多月了，希望这两个多月，在编码和项目以及八股方面你有更加提升！Jinger，加油！
2025-05-14 18:59:21
965
原创 编译原理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
1728
原创 个人网站versionI正式上线了！Personal Website for Jing Liu
本系统采用React+TypeScript为核心的前端工程化方案，集成TailwindCSS+Ant Design构建现代化UI体系，融合ECharts+Three.js+Canvas实现数据可视化与动态交互，并接入百度地图API拓展地理信息服务，形成技术栈完备、响应式的个人网站解决方案。
2025-05-07 16:02:58
1219
原创 前端亮点：大文件上传技术详解及问题解析
• 优化：通过Web Worker多线程计算，避免主线程阻塞（如5GB文件Hash计算可缩短至3.5秒）。• 原理：前端计算文件Hash后，请求服务端校验是否存在相同Hash文件，存在则直接返回URL。• 策略：限制并发数（通常6个并发，避免浏览器TCP连接限制），失败分片自动重试。• 服务端：记录分片Hash和位置（如Redis临时存储），合并时校验完整性。• 容错机制：指数退避重试策略（如首次1秒后重试，第二次2秒，第三次4秒）。• 逻辑：服务端按分片索引顺序合并文件，避免顺序错乱导致文件损坏。
2025-04-20 16:18:04
1451
原创 IntersectionObserver&滚动动画、懒加载、虚拟列表等应用场景&代码实现
IntersectionObserver到阈值时触发回调。• 交叉区域计算：浏览器内部自动计算目标元素与根元素的交集区域，无需开发者手动处理几何信息。• 浏览器级优化：由浏览器底层实现，自动优化计算逻辑，避免主线程阻塞。• 按需执行：元素进入视口时播放 CSS/JS 动画，离开时暂停。• 动态渲染：仅渲染可视区域内的列表项，减少 DOM 节点数量。• 精准监测：记录广告元素进入视口的时间与比例，用于计费分析。：当前是否与根元素交叉（最常用属性）。
2025-04-20 08:30:00
1522
原创 项目难点&亮点
若依项目的核心挑战在于如何高效整合前后端技术栈，实现灵活可扩展的权限管理，同时保障安全性和性能。开发者需深入理解 Spring Security、Vue 组件化、MyBatis 拦截器等核心技术点，并结合实际业务需求进行定制化开发。
2025-04-07 19:54:34
1473
原创 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
1638
原创 2024Jinger的前端学习内容总结——前端学习路线（超全）
数据结构与算法、HTML、CSS、Javascript基础、高级以及ES6、Vue2&Vue3、React、Node、前端可视化Cesium|Three
2024-12-31 22:13:44
1146
SSE Conf 大会分享 Egg.js 4.0：DDD+TypeScript驱动，AI原生的企业级框架革新
2025-12-02
【WebGIS系统古村古镇数字化平台源码】古村古镇数字化平台，作者热门文章[WebGIS入门、WebGIS期末作业等]的源码
2024-07-17
Lisflood-FP 5软件包
2024-03-01
水文模型SWMM和Lisflood
2024-01-26
基于博达网站建设群的网站搭建
2022-06-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人