当前位置： 首页 > news >正文

项目实战 ---- 商用落地视频搜索系统（9）---UI与上层service的交互优化

news 2026/5/24 5:47:18

目录

背景

第一次优化(UI优化)

优化前UI

优化方向与问题

代码

修改效果

第二次优化（整合优化）

优化方向与问题

代码

优化效果

第三次优化(js层优化)

优化方向与问题

代码

优化效果

第四次优化(UI逻辑再优化)

优化方向与问题

代码

优化效果

第五次优化(纯UI优化)

优化方向与问题

代码

优化效果

首页展示

搜索结果

背景

实际上任何系统UI的优化分为两部分，一部分是与后端上层service无关的部分，即仅仅是UI的优化，另一部分是使用的优化，实际上又分为两部分，一部分是根据户习惯的改进优化，这部分可能和后台service有关系，也可能与后台没有关系，我们假定与后台service相关的部分，放在这一部分描述，而与后台无关的纯UI改进放在前一部分。另外一部分就是UI 结构功能的优化，往往会讲操作化繁为简，毕竟大家都是追求 ‘Simple is beauty’ 准则哪里都适用。本次还是聚焦在商用落地视频搜索系统，主要优化下前端UI 与 前端UI 和 后台上层service 的交互上。当然如果必要，可能引进一些其他实现技术以实现目标功能，比如如何改良上传video后进行目标数据预处理并减少客户的操作步骤，提供更加友好的操作页面。从另一个维度上说，怎样修改最少的代码，得到最想要的结果也还是代码设计一直追求的目标。他往往又与设计模式相关，这里只是其中一个问题，应该说，优秀而全面的架构师，其实某种程度上应该是一位全栈AI工程师，因为只有全栈，你或许才能站在系统的高度审视你做出系统的app 架构。话不多说，开始深入讲解这部分内容。从中你可以看到思维上的变迁与前期设计的重要性。前

相关文章：

项目实战 ---- 商用落地视频搜索系统（9）---UI与上层service的交互优化

目录 背景 第一次优化(UI优化) 优化前UI 优化方向与问题 代码 修改效果 第二次优化（整合优化） 优化方向与问题 代码 优化效果 第三次优化(js层优化) 优化方向与问题 代码 优化效果 第四次优化(UI逻辑再优化) 优化方向与问题 代码 优化效果 第五次优化(纯U…...

编程日记 2024/9/9 18:07:22

媒体服务器软件BUG说明及改进方案

媒体服务器软件BUG说明及改进方案 一、BUG描述二、问题分析三、改进方案四、实施计划五、预期效果六、总结一、BUG描述 在当前版本的媒体服务器中，存在一个关于静音媒体流处理的问题。具体表现为：当主叫连续发送静音帧到媒体服务器时，媒体服务器并未将这些静音帧转发给被叫…...

编程日记 2024/9/9 18:04:20

Gitlab修改已push的历史commit信息

文章目录 一、需求 二、思路 三、修改过程 四、注意 五、参考链接 一、需求 项目组结合使用JIRA和Gitlab进行项目开发。其中，JIRA用于管理开发任务(每个任务都存在一个JIRA_ID)，Gitlab用于进行代码版本管理。每次代码提交时，commit mes…...

编程日记 2024/9/9 18:03:19

[Linux入门]---进程替换

文章目录 1.进程替换原理2.进程替换函数2.1execl函数2.2execlp函数2.3execv函数2.4execvp函数2.5execle函数2.6execve函数2.7跨语言调用程序 3.总结 1.进程替换原理 一个程序替换的函数&#xff1a; #include <unistd.h> int execl(const char *path, const char *arg,…...

编程日记 2024/9/9 18:02:18

Java语言程序设计基础篇_编程练习题*18.9 (以逆序输出一个字符串中的字符)

目录 题目&#xff1a;*18.9 (以逆序输出一个字符串中的字符) 代码示例 输出结果 题目&#xff1a;*18.9 (以逆序输出一个字符串中的字符) 编写一个递归方法&#xff0c;使用下面的方法头在控制台上以逆序显示一个字符串: public static void reverseDisplay(String value…...

编程日记 2024/9/9 18:00:16

IT英语每日积累

IT词汇积累 前言今日学习1. be synonymous with2.handle something3.modify4.optionally5. generate6,sandby7.interrupt8.emphasize9.croodinate10.splitting and merging11.shard12.per13.consecutively14.synchronization15。unbounded 前言 这里给出的是本人在生活和学习中…...

编程日记 2024/9/9 17:58:15

QML学习二：Qt启用qml文件实时预览编辑，以及打印日志到控制台

开发环境：Qt 6.5.3 LTS 1、Qt 6.5.3 LTS 2、Pyside6 3、Python 3.11.4 效果如下，右侧更改的代码可以实时反映到左侧的设计器中。 Qt启用qml文件实时预览编辑，以及打印日志到控制台 一、打开Qt Designer插件二、qml和Python文件打印输出到控制台总结Qt Creator版本如下：…...

编程日记 2024/9/9 17:56:13

JVM面试真题总结（四）

文章收录在网站&#xff1a;http://hardyfish.top/ 文章收录在网站&#xff1a;http://hardyfish.top/ 文章收录在网站&#xff1a;http://hardyfish.top/ 文章收录在网站&#xff1a;http://hardyfish.top/ 列举常用的垃圾收集器&#xff0c;并简要说明其特点 Serial收集器…...

编程日记 2024/9/9 17:55:12

P1352 没有上司的舞会

~~~~~ P1352 没有上司的舞会 ~~~~~ 总题单链接 思路 ~~~~~ 设 d p [ u ] [ [ 0 / 1 ] dp[u][[0/1] dp[u][[0/1] 表示第 u u u 个点 [ 不选 / 选 ] [不选/选] [不选/选] 的最大值。 ~~~~~ d p [ u ] [ 1 ] dp[u][1] dp[u][1] 只能用 d p [ v ] [ 0 ] dp[v][0] dp[v][0] 来更…...

编程日记 2024/9/9 17:54:11

JAVA智听未来一站式有声阅读平台听书系统小程序源码

智听未来&#xff0c;一站式有声阅读平台听书系统 &#x1f31f; 开篇&#xff1a;遇见未来&#xff0c;从“智听”开始 在这个快节奏的时代&#xff0c;你是否渴望在忙碌的间隙&#xff0c;找到一片属于自己的宁静角落&#xff1f;是否梦想着能随时随地&#xff0c;沉浸在知…...

编程日记 2024/9/9 17:53:10

2024 第七届“巅峰极客”网络安全技能挑战赛初赛 Web方向 题解WirteUp

EncirclingGame 题目描述&#xff1a;A simple game, enjoy it and get the flag when you complete it. 开题&#xff0c;前端小游戏&#xff0c;红点出不去就行 直接玩通关了 看看如何不玩也能拿到flag&#xff0c;flag存储在后端php文件内&#xff0c;前端找不到。 看一下…...

编程日记 2024/9/9 17:52:09

论文阅读笔记《面向集群协同的两点相对定位技术》

邓廷祥,任鹏,程甲,等.面向集群协同的两点相对定位技术[J].兵工学报,2023,44(S2):22-34. 摘要 无人机精确定位的三个难题&#xff1a; GNSS难以提供稳定准确的位置信息、难以部署辅助锚点、传统的相对定位方法大多存在节点数量限制。 本文针对上述问题&#xff0c;提出了一种GN…...

编程日记 2024/9/9 17:47:04

RK3566/RK3568 Android 11 无操作自动隐藏导航栏、底部上拉显示导航栏

概述 总目录：RK3566/RK3568 Android 11 定制大全 在系统服务中增加无操作自动隐藏导航栏方法，在上层app动态调用无操作自动隐藏导航栏方法，系统会在5秒无操作后自动隐藏导航栏，隐藏导航栏后从底部上拉可显示导航栏，设备关机和重启后也能继续生效。 创建全局变量 1.定义…...

编程日记 2024/9/9 17:46:03

四、Django模型

Model Model (模型) 简而言之即数据模型&#xff0c;是一个Django应用的核心。模型不是数据本身&#xff08;比如数据表里的数据), 而是抽象的描述数据的构成和逻辑关系。 每个Django的模型(model)实际上是个类&#xff0c;继承了models.Model。每个Model应该包括属性(字段)&…...

编程日记 2024/9/9 17:44:00

Telephony SS

1、补充业务概述 SS是补充服务的缩写，它包含呼叫转移、呼叫限制、呼叫等待、线路识别（CLIR）等。在IMS（IP多媒体子系统）网络中，它使用XCAP（XML配置访问协议）协议通过UT接口操纵SS数据。该协议允许授权用户在连接到IMS或连接到非IMS网络（例如公共互联网）时操纵与服务相…...

编程日记 2024/9/9 17:41:59

【软考】希尔排序算法分析

目录 1. c代码2. 运行截图3. 运行解析 1. c代码 #include <stdio.h> #include <stdlib.h> void shellSort(int data[], int n){// 划分的数组&#xff0c;例如8个数则为[4, 2, 1]int *delta;int k;// i控制delta的轮次int i;// 临时变量&#xff0c;换值int temp;…...

编程日记 2024/9/9 17:36:54

C++（一）----C++基础

1.C的发展史 C语言诞生后&#xff0c;很快普及使用&#xff0c;但是随着编程规模增大且越来越复杂&#xff0c;并且需要高度的抽象和建模时&#xff0c;C语言的诸多短板便表现了出来&#xff0c;为了解决软件危机&#xff0c;上世纪八十年代&#xff0c;计算机界提出了oop&…...

编程日记 2024/9/9 17:35:52

C 语言面试题大汇总之华为面试题

文章目录 1. 局部变量能否和全局变量重名？2. 如何引用一个已经定义过的全局变量？3. 全局变量可不可以定义在可被多个.C 文件包含的头文件中？为什么？4. 请写出下列代码的输出内容5. static 全局变量与普通的全局变量有什么区别？static 局部变量和普通局部变量有什么区别？s…...

编程日记 2024/9/9 17:32:50

Java：面向对象

继承 继承是一种面向对象编程&#xff08;OOP&#xff09;特性&#xff0c;它允许一个类&#xff08;称为子类或派生类&#xff09;继承另一个类&#xff08;称为父类或基类&#xff09;的属性&#xff08;如方法和字段&#xff09;。通过继承&#xff0c;子类可以复用父类的代…...

编程日记 2024/9/9 17:31:49

【区块链 + 基层治理】腾讯未来社区：区块链业主决策系统 | FISCO BCOS应用案例

腾讯未来社区是腾讯推出的智慧社区综合解决方案&#xff0c;致力于形成“互联网 社区”一站式解决方案&#xff0c;打造智慧社 区健康生态。为了解决物业管理领域的痛点&#xff0c;构建围绕居民、物业、政府和商业四个角色为核心的良好生态&#xff0c;以 信息平台及工具为纽…...

编程日记 2024/9/9 17:30:48

昇腾CANN graph-autofusion：Transformer Block 的算子融合深度解析

Transformer 的一个 Block 包含 12 个独立算子&#xff1a;LayerNorm → QKV Linear → Reshape → Transpose → Attention → Concat → Linear → LayerNorm → FFN Up → Gelu → FFN Down → Residual Add。每个独立算子的 launch 开销 ~50μs——12 个算子 50μs 600μ…...

编程新知 2026/5/24 5:15:08

准最优最小二乘框架：破解PDE非齐次边界数值求解难题

1. 项目概述&#xff1a;当最小二乘遇上非齐次边界——一个准最优框架的构建在偏微分方程&#xff08;PDE&#xff09;的数值求解领域&#xff0c;最小二乘法一直以其数学上的优雅和稳定性吸引着研究者。其核心思想直白而有力&#xff1a;将微分方程问题转化为一个最小化残差范…...

编程新知 2026/5/24 4:54:51

meent开源库实战：RCWA/TMM原理、实现与超表面优化避坑指南

1. 项目概述与核心价值如果你正在设计光子晶体、超表面或者任何带有周期性微纳结构的光学器件&#xff0c;那么“仿真”这一步几乎是绕不开的。无论是想优化一个光栅耦合器的耦合效率&#xff0c;还是设计一个能将特定波长光高效偏转的衍射元件&#xff0c;你都需要一个可靠的工…...

编程新知 2026/5/24 4:29:37

Unity 2021.3新手实战：C#脚本+物理系统+UI交互三模块协同开发

1. 这不是“又一个Unity入门教程”&#xff0c;而是我带6个实习生从零做出可玩Demo的真实复盘你点开这个标题&#xff0c;大概率是刚装完Unity&#xff0c;对着空荡荡的Scene视图发呆——新建一个Cube&#xff0c;拖进一个C#脚本&#xff0c;写了个Debug.Log("Hello"…...

编程新知 2026/5/24 3:30:07

内网渗透之横向移动实战

在红队渗透测试中&#xff0c;当我们通过 Web 渗透拿到边界服务器的权限后&#xff0c;往往不会止步于此 —— 内部网络中还隐藏着更多的核心资产&#xff0c;比如存储着企业所有账号信息的域控制器。而横向移动&#xff0c;就是我们从边界主机出发&#xff0c;一步步渗透到内网…...

编程新知 2026/5/24 1:05:06

3分钟解决网易云音乐格式限制：免费NCM转换工具完全指南

3分钟解决网易云音乐格式限制&#xff1a;免费NCM转换工具完全指南 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 你是否曾因网易云音乐下载的NCM格式文件无法在车载音响或普通播放器中播放而烦恼&#xff1f;今天&#xff0c;我将…...

编程新知 2026/5/24 0:20:26

2025大厂Java后端面试：RAG高频考点【干货】

根据近期&#xff08;2025-2026年&#xff09;牛客网上字节、腾讯、阿里、快手、京东等大厂的Java后端面经&#xff0c;RAG&#xff08;检索增强生成&#xff09;已高频结合传统Java八股进行考察。&#x1f4da; 面试问题分类与总结1. &#x1f3d7;️ RAG 基础概念与理解这是面…...

编程新知 2026/5/23 23:43:05

2026年一键生成论文工具实测报告：5款神器从文献到降重一站式避坑指南

写论文的煎熬&#xff0c;是每个科研人和学生都无法回避的“必修课”。选题无从下手&#xff0c;文献检索耗时费力&#xff0c;格式排版让人抓狂&#xff0c;查重降重更是反复折腾。2026年的今天&#xff0c;AI工具早已不再只是“文字助手”&#xff0c;而是进化成了能全程陪伴…...

编程新知 2026/5/23 21:06:19

内网离线部署RPA：打包EXE+本地激活+数据零上云方案

领导给了一周&#xff0c;我前三天全耗在这个报错上&#xff1a;无法连接到 activation.xxx.com 请检查网络连接后重试2024年5月&#xff0c;我用的蓝印RPA物理隔离内网部&#xff0c;处理核心业务数据&#xff0c;要求"数据不出本机&#xff0c;流程不外传&#xff0c;审…...

编程新知 2026/5/23 21:06:19

AI Agent游戏测试革命：自动生成10万+边界用例，覆盖率提升3.2倍——附可运行Python测试Agent源码

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;AI Agent游戏行业应用全景图 AI Agent 正在重塑游戏开发、运营与玩家体验的全生命周期。从智能NPC的行为建模&#xff0c;到自动化测试与关卡生成&#xff0c;再到实时个性化内容推荐与反作弊决策&…...

编程新知 2026/5/23 20:22:17