登录社区云，与社区用户共同成长
邀请您加入社区
摘要：本文分享了HarmonyOS应用从小型项目到大型架构的演进过程，分为五个阶段：小项目结构、业务模块化、状态管理层、分层架构和组件系统化。作者结合实战经验，指出架构需随项目规模调整，建议早期规划业务模块划分、状态管理方案和组件系统设计，以确保大型应用的稳定性和可维护性。文章针对前端开发者，提供从简单应用到复杂系统的架构演进思路。
本文分享了从传统App开发转向鸿蒙ArkUI开发时遇到的10个典型问题及解决方案。主要包括：状态管理（@State）、组件参数传递（@Prop）、列表性能优化（LazyForEach）、状态共享（@Provide/@Consume）、生命周期、页面路由、布局思维转变、组件拆分、动画系统以及声明式UI思维等核心知识点。作者强调ArkUI的学习重点在于从命令式思维转变为声明式UI+状态驱动的开发模式，
本文详细解析了Dify AI开发平台的工具系统架构设计。该系统采用分层架构，包含工具管理器、提供者控制器和工具三层结构，支持内置工具和API工具两种类型。文章介绍了快速接入和高级接入两种开发方式，重点阐述了变量池机制、动态参数生成和工具可用性控制等关键技术。通过模块化设计和配置驱动开发，该系统实现了灵活扩展能力，使多个工具能协同完成复杂任务。开发者可参考该架构进行工具开发和集成。
流式生成：通过实现大模型逐 token 吐代码，直接适配 SSE 推送；配置核心：YAML 配好大模型地址 / 密钥，工厂类注入流式模型，AI 服务就能流式输出；解析核心：用正则提取 ``` 包裹的纯代码块，把 “自然语言 + 代码” 的混合文本变成结构化代码；和你项目的结合：你的智能体run()方法可以调用，返回的 Flux<String>推给前端，等流式结束后（doOnComplete）调用
通过Knife4j + OpenAPI 自动生成请求代码后端接口文档与前端请求代码的强一致性。前端开发者零手写请求函数，只需关注业务逻辑。类型安全，IDE 智能提示，减少低级错误。接口变更时，一键同步，极大提升协作效率。在 AI 辅助编程越来越普及的今天，这种自动化工具依然有着不可替代的价值——它保证了代码的确定性和可控性。当你需要快速迭代、多人协作时，这套方案能让团队如虎添翼。赶快在你的项目中试
Vue3纯前端实现搜索功能（名字、手机号）并标红索引
接口重复提交指的是在网络通信中，同一个请求被客户端多次发送到服务器端的情况。这种情况可能由于多种原因导致，例如用户在等待期间多次点击提交按钮、网络超时后客户端重新发送请求、客户端发送的请求在网络传输过程中出现重复等。接口重复提交可能会导致多种问题，当服务器收到重复请求时，可能会多次处理相同的数据，导致数据重复操作或者产生不一致的结果。重复提交请求会增加服务器的负载和资源消耗，特别是在高并发情况下，
假设后端接口返回的数据为data，且有两个筛选条件：name和id，在此要对数据先进行筛选，再实现分页。在跳页、搜索等按钮点击的时候，将页数修改为对应数据，再调用dataFilter()方法即可。表格采用elementUI的el-table，只需要对数据data进行处理赋值即可。由于接口返回数据过慢，故而采用前端对数据进行处理分页的方法实现表格分页及条件查询。三、跳页，搜索等功能。
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。开源分享：【大厂前端面试题解析+核心总结
虽然User-Agent可以提供关于用户使用的浏览器和系统的信息，但对于来自同一内网的不同设备，如果这是批量采购的设备，在设备、浏览器和操作系统没有其他差异，它们可能会是相同的User-Agent字符串。这个方法并不能精确地区分内网中的每个设备，假设现在有10个设备位于同一内网，并通过相同的外网出口IP地址访问互联网时，仅凭后端服务器记录的IP地址无法区分这10个设备，因为它们对外显示的是同一个公
ps：个人代码记事本，目前项目开发是用的jeecg。
这种情况说明token在缓存中过期了，表明该用户账户空闲时间过长，此时属于正常过期，后端直接返回用户信息已失效，请重新登录即可。前端请求Header中设置的token保持不变，校验有效性以缓存中的token为准。// 校验token有效性，注意需要校验的是缓存中的token。//根据用户名获取用户实体，在实际开发中从redis取。//使用HS256生成token,密钥则是用户的密码。//校验tok
由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！中…(img-tzKOez8B-1712806880721)][外链图
vue前端自适应布局，一步到位所有自适应页面展示实现内容1，左右布局左侧固定宽带，右侧自适应剩余的宽度。中间一条分割线，可以拖拉，自适应调整左右侧的宽度。左侧的高度超长自动出现横向滚动条，左侧宽度超长，自动出现竖向滚动条。2，上中下布局最上面的 搜索条件 div 固定占用 100 px 高度，下面的 查询条件 div 固定占用 30 px 高度，最下面的分页固定占用高度...
（如输入框输入、滚动、窗口调整大小等）。如果不加限制，浏览器会频繁触发回调函数，导致。是前端性能优化的重要技术，合理使用可以显著减少不必要的计算，提高页面流畅度。是两种优化方案，可以有效控制事件触发的频率，提高应用的性能和用户体验。的技术，如果在延迟期间事件被再次触发，计时器会重置，重新计算延迟时间。的技术，即在一定时间间隔内，函数。在前端开发中，我们经常需要处理。执行一次，即使事件被频繁触发。，
以下是我整理的WooCommerce商店前端自定义指南，结合最佳实践与技术方案，涵盖主题开发、布局定制、品牌一致性实现及核心功能配置：在主题的中添加代码声明支持：模版文件分离头尾以及创建产品归档页模版文件这里主要展示了根据WCC模板层级拆分的过程获取产品列表、以及完成分页产品列表页排序的实现2. 模板覆盖例如覆盖： 覆盖为 独立的新模板：3. 自定义Css Customizing the pr
首先，我们在PBootcms后台对应的表单，添加需要记录的表单字段，例如 添加liuyanurl；后台字段设置好后，我们在前端调用，然后js获取当前用户访问网页的url；这样，当用户访问前端页面，提交表单后，即可把url这个参数传递到数据库，然后 后台我们就可以看到这个访客的留言页面url了；在网站后台如何获取表单留言页面的url这个参数呢？pbootcms在线留言表单。
1.我们可以设置一个定时任务，给用户定期进行总结。2.在定时任务中，我们为每一个用户的常用的应用（appid）开创一个aiService服务，这个服务的功能就是来进行对用户历史记录进行总结并将其保存到缓存中供用户使用。3.若用户在与AI进行对话的时候我们就去查询这个总结，要是没有查到，我们在去查询对话的历史记录。
这个方案还有没有别的优化空间，当然是有的。如：每次请求都要反射一下，获取请求的方法是否需要包装，其实可以做个缓存，不需要每次都需要解析。当然整体思路了解，小伙伴们就可以在此基础上面自行扩展。
info: “柯尔克孜族”,info: “乌孜别克族”,info: “达斡尔族”,info: “塔吉克族”,info: “鄂温克族”,info: “俄罗斯族”,info: “鄂伦春族”,info: “塔塔尔族”,info: “高山族”,info: “拉祜族”,info: “纳西族”,info: “仫佬族”,info: “锡伯族”,info: “景颇族”,info: “毛南族”,info: “撒拉族
是一个轻量级的 JavaScript 库，旨在解决 web 应用中版本更新提示和自动刷新页面的问题。通过实时检测 web 应用的index.html文件内容变化，当服务端发布新版本后，前端会自动弹出更新提示，让用户刷新页面以加载最新的资源和功能，从而提高用户体验和数据准确性。
vue做移动端上拉加载 删除当前列表某个数据 保持当前状态 继续获取下一页不影响正常的数据
采集工具千千万，但大多数都会一定程度上依赖后端，为了简洁考虑，试着写了一个纯前端采集网站数据的工具。支持分页采集数据并导出到json
1，左右布局左侧固定宽带，右侧自适应剩余的宽度。中间一条分割线，可以拖拉，自适应调整左右侧的宽度。左侧的高度超长自动出现横向滚动条，左侧宽度超长，自动出现竖向滚动条。2，上中下布局最上面的 搜索条件 div 固定占用 100 px 高度，下面的 查询条件 div 固定占用 30 px 高度，最下面的分页固定占用高度，页面剩下的高度自动分配给中间的表格内容。表格内容高度超过后自动出现竖向滚动条，宽度
于是就以为OK了，高高兴兴去前端请求接口下载文件，但是慢慢发现不对劲儿，响应里有内容，但是就是不会自动下载，至此，如果大家也是使用Post请求下载文件，出现了同样的问题，至此，后端的接口是没有任何问题的，于是贴出前端的解决方法。最后建议大家能用Get请求就尽量用GET请求！修改之前的前端代码是这样的。修改后的代码是这样的。
修改Spring Boot时区，在项目启动前增加代码。修改后，再次启动，前后端date数据一致，问题解决。发现从后端获取的数据总是比前端快八个小时。发现后端时区为CST，前端为UTC。
方案一改动当前代码量最小，无需后端改动，前端路由和侧边栏显示不变，在对需要权限区分的路由在跳转时候添加前置路由守卫router.beforeEach，进行当前权限判断，不满足权限的跳转到相应页面（自定义401、404页面等），但该方案不能实现真正的权限控制。当用户登录之后，通过 token 获取用户的 role ，动态根据用户的 role 算出其对应有权限的路由，再通过router.addRout
用el-upload标签multiple=“true”，上传文件就按原理是单个文件批量上传。我的用户端和服务器在一台机器上，后端实现就直接复制。这种实现方式访问了多次后端接口。
// 使用:not().nav li:not(:last-child) {border-right: 1px solid #666;对于一个刚入前端的新手来说，在前端开发过程中会遇到各种各样的麻烦和坑，这样很多时候回让开发者的信息受到打击，作为一个稍微好一点的前端菜鸟来说，今天就给刚入前端的新手们分享一些比较实用的开发技巧，让之少走一些弯路。
jQuery 提供了一套简洁的 API，大大简化了 JavaScript 的常见操作，如 DOM 操作、事件处理、动画效果等。jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档操作、事件处理、动画以及 AJAX 交互。前端的构建包括开发和构建工具的使用，以提高开发效率和优化项目性能。前后端交互是指客户端（前端）与服务器（后端）之间的数据通信。通过这些工具和技术，前端
后端：重点是接受传参时不指定 @RequestParam 或者 @RequestBody，代码如下图。前端：使用new FormData()进行封装。
qiankun 是一个基于 single - spa 的微前端框架，旨在更简单地实现和管理微前端架构。它提供了一套完整的解决方案，用于将多个独立的前端应用程序组合成一个整体，同时支持独立开发、独立部署和独立运行。核心特点简单易用：qiankun 提供了简单的 API ，使得微前端的实现变得更加容易。开发者可以快速上手，无需深入了解 single - spa 的复杂细节。技术栈无关：支持多种前端框架
利用printJS和html2canvas解决前端多页打印并自动分页需求
运行时点击按钮无反应，使用log输出显示对话框是可见的（true）,但是界面中不显示，后面找到了解决方法，将:visible.sync改为v-model即可。今天使用vue3写前端代码时用到一个功能，要求点击按钮跳出对话框，原来代码是这样。title="编辑公告"title="编辑公告"
相信各位前端小伙伴在日常工作中不免会涉及到使用JavaScript处理数值相关的操作，例如数值计算、保留指定小数位、接口返回数值过大等等，这些操作都有可能导致原本正常的数值在JavaScript中确表现得异常（即精度丢失），这也是被很多开发者诟病的一点（你该不会还没踩过坑吧！），当然包括很多后端开发者（不止一次的被问到这个问题）。本文主要包含精度丢失场景、精度丢失原因、解决方案等方面的内容，文中若
如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽
本文介绍了如何使用 HTML 和 CSS 实现一个简洁的登录页面
pdf预览一般不需要前端生成pdf文件，pdf文件一般是通过接口，获取pdf文件【responseType:‘blob’,】或二进制文件流【responseType: ‘arraybuffer’,】或者已有的pdf文件。PDF.js作为Mozilla开发的一个JavaScript库，旨在提供一个纯JavaScript实现的PDF文件解析和渲染解决方案，使用户能在浏览器环境中无缝地查看PDF文档，而
前后端在交互的时候，一般如果后端需要前端返回一个文件类型的数据，在一般情况下，前端会有FormData类型的数据格式来进行数据的传输，来上传文件和数据。FormData主要提供了一种表示表单数据的键值对key/value的构造方式，从命名我们可以得出，FormData是专门为表单传输量身定做的类型，但是FormData的功能要比application/json强的多，使用FormData也可以用来
在前端开发中，有时需要从后端获取文件流，并将其下载到本地。本文介绍如何在前端实现此功能的不同的实现方法，并分析其优缺点。如果需要传递Token进行身份验证并确保下载安全性，推荐使用方法一或方法二。以上三种方法各有优缺点，实际开发中可以根据具体需求选择合适的方法。接下来介绍使用封装的Request工具实现文件流下载的方法。使用Axios实现文件流下载的方法，本人亲测可以实现。如果只是简单下载无需验证
现金流量表（Cash Flow Statement），是指反映企业在一定会计期间现金和现金等价物流入和流出的报表。现金流量表是企业财务报表的三个基本报告之一（另外两个是资产负债表和损益表）。为了全面系统地揭示企业一定时期的财务状况、经营成果和现金流量，财务报表需按财政部会计准则的标准格式设计，因此，财务报表的典型特征是数据更新频繁、分析维度多、数据来源复杂，常规的报表工具很难同时满足上述所有需求本
前端：Vue3 + ts + elementui plus后端：springboot。解决File上传时显示为[object Object]问题
若请求被标记为红色且提示CORS错误，需检查后端是否配置了正确的Access-Control-Allow-Origin头。在Fiddler中查看Request的Raw或JSON选项卡，确认参数名、数据类型、必填字段是否符合接口文档要求。若请求未出现在列表中，可能是前端代码未触发或被浏览器拦截。使用Fiddler抓包工具可以高效定位问题是出在前端还是后端，主要通过分析请求和响应的内容、状态码、数据格
mxGraph是一个用于创建和展示图形的JavaScript库。它提供了丰富的功能和工具，可以用于构建各种类型的图形应用程序，包括流程图、组织结构图、网络拓扑图等。mxGraph的编辑器。
状态模式
——状态模式
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
人工智能6S服务平台
2048 AI社区
魔乐社区
