前端

开箱即用:一键启动Qwen3-Reranker-4B的WebUI服务

开箱即用:一键启动Qwen3-Reranker-4B的WebUI服务你是否试过在本地部署Qwen3-Reranker-4B,却卡在vLLM不兼容、Gradio启动失败、端口冲突或模型加载报错的环节?别再反复调试环境了——这个镜像就是为“零配置启动”而生的。它跳过了所有常见的部署陷阱:不用手动改源码、不用编译适配补丁、不用查日志定位CUDA版本

react hooks深拷贝后无法保留视图状态

在使用useState做数据操作更新的时候,有一些复杂数据类型,一个对象数组里包含,函数,dom等等复杂数据类型,想要进行数据更新,并且视图更新的情况下,因useState的特性就必须进行深拷贝赋值。 方式 1、JSON.stringify配合JSON.parse 这个有限制,我们的数据类型包含,函数。它会丢失 2、Lodash 里的深拷贝方法 3、递归实现 我这里通过递归直接写的方法,发现拷贝

彻底搞懂盒子模型

一、简述 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:Margin外边距,Border边框,Padding内边距,和Content实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model): 盒

解决element的Table表格组件的高度自适应问题

解决element的Table表格组件的高度问题( height只能是数字或者字符串 ),实现height: calc(100vh - 200px) 的效果 方式一: 注:也可直接将el-table的height属性绑定为字符串:calc(100vh - 200px) 实现为同样的效果, 200 是顶部和底部导航以及部分自定义布局 ;例:(这里使用了rem,一样的道理) 方式二:通过

Canvas vs WebGL:你真的搞懂浏览器图形渲染了吗?

前言:大多数前端工程师提到图形渲染就脑子一懵。Canvas?WebGL?好像懂,又好像不懂。这篇文章我们不装逼,从渲染原理、源码实现、性能差异、实战场景四个维度把它们拆得体无完肤,看完你就明白为什么大多数人都用错了。 Canvas为什么叫"画布"而不是"页面"? 问

前端实现列表无缝自动滚动效果(div列表+table表格)

一、div列表滚动现在需要实现一个效果,内容无限、平滑、无闪动地向上滚动;当鼠标悬停到列表时,滚动暂停并高亮当前项;鼠标移出后继续滚动。这是在大屏项目中经常见到的一种展示数据的方式,本文为具体的实现方式。 实现原理: 在使用了js控制之后发现有闪动的现象,然后就换了种方式,我的想法是&

前端vue:路由的基本使用

1. 路由 概念: Hash 地址与组件之间的对应关系 工作方式: 当用户点击页面上的路由链接 导致了 URL 地址栏中的 Hash 值发生了变化 前端路由就会监听到 Hash 地址的变化 前端路由把当前 Hash 地址对应的组件渲染都浏览器中 2. vue-router` vue-router 是 vue.js 官方给出的路由解决方案 2.1 vue-router 的基本用法 安装 vue-r

vue 函数化组件

Vue.js提供了一个functional的布尔值选项,设置为true可以使组件无状态和无实例,也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染,因为函数化组件只是一个函数,渲染开销要小很多。 使用函数化组件时,Render函数提供了第二个参数context来提供临时上下文。组件需要的data、props、slots、children、parent都是通过这个上

从Web1.0到Web3.0:互联网的三次进化,你真正理解了吗?

从Web1.0到Web3.0:互联网的三次进化,你真正理解了吗? 过去的我们在网上“看”,现在的我们在网上“说”,未来的我们将“拥有”网络世界的一部分。——Web三代的变迁,正悄然改变我们的一切。 一、前言:为什么要了解 Web 的三次迭代?很多人每天上网刷微博、用微信、刷抖音&#xf

通过一个例子讲解Vue组合式API

一、Composition API概述 当我们编写Vue组件时候,组件中可能包含一系列的功能,例如一个代码仓库管理的应用,用户的仓库列表可以看做是一个组件,这个组件还包含筛选、搜索的功能。 所谓的功能我们可以理解为MVC中的Model和Controller。从视图角度,组件是最基本的代码复用单元,但是从逻辑上,功能模块是最基本的代码复用单元。 每个组件中可能包含多个功能(也称为关注点),而多个功能