全部文章
共 1299 篇文章
Vite前端部署：版本更新，即刻知晓
作者简介：大家好，我是文艺理科生Owen，某车企前端开发，负责AIGC+RAG项目 目前在卷的技术方向：工程化系列，主要偏向最佳实践 希望可以在评论区交流互动，感谢支持 最近测试和用户频繁反馈，说经常会出现页面点不动了。然后每次都回复，刚发完版，刷新下就好了。但时间长了，就被怀疑是能力问题，因为其他项目为什么不这样呢？ 先做一些准备工作，复盘一下当时的场景： 运行 在本地快速新建一个项目 进入项目目录中，运行 安装依赖，安装成功后启动项...
亲手实现一个图片标注工具
本文为稀土掘金技术社区首发签约文章，30 天内禁止转载，30 天后未获授权禁止转载，侵权必究！ 业务中涉及图片的制作和审核功能，审核人员需要在图片中进行标注，并说明存在的问题，标注过程中需要支持放大缩小，移动等交互，将业务剥离，这个需求，可以定义为实现一个图片标注功能。 实现这个功能并不容易，其涉及的前端知识点众多，本文带领大家从零到一，亲手实现一个，支持缩放，移动，编辑的图片标注功能，文字描述是抽象的，眼见为实，实现效果如下所示： 技...
极具创意的鼠标交互动画
最近，群里在讨论这么一个有趣的交互效果，来源于： ： 通过审查元素，发现原效果借助了 Canvas 实现。 思索了一番，觉得这个效果利用 CSS 配合部分 Javascript 代码完全也是可以做到的。 于是动手尝试了一番，最终完美的复刻了该效果： 过程中还是有非常多有意思的技巧存在的，因此，本文将带大家一起，从 0 到 1 实现这个有趣的交互效果。 利用混合模式实现叠加效果 整个效果，比较核心的一块便是当鼠标 Hover 上去时，整个...
el-table多选分页与全选分页
一、el table多选分页时，记住其他页的选中状态 实现方法： 核心是el table column的reserve selection属性 image.png 1.通过type="selection"设置复选框列，重点在于 reserve selection 属性，设置为true时，数据更新之后保留之前选中的数据。 2.需要表格属性“row key”的配合，在使用 reserve selection 功能的情况下，该属性是必填的。将...
GetX 的介绍和使用
1\. 介绍 Flutter 是一个强大的跨平台移动应用开发框架，它易于学习并构建漂亮的用户界面。 但是，如果你是一个经验丰富的 C#/Java 程序员（就是我 哈哈），也许你会有点不适应，因为 Flutter 是一个响应式编程框架，响应式编程是一种基于异步事件处理和数据流的声明式编程方式。 简单地说就是你要改变一个界面上的元素，并不是像传统语言写法那样，按着顺序写，如： 以上示例是传统语言的常见用法，点击一下就改变了 label 的值...
感受下 nginx 带来的魅力
引言 ：纯干货分享，汇总了我在工作中八年遇到的各种 Nginx 使用场景，对这篇文章进行了细致的整理和层次分明的讲解，旨在提供简洁而深入的内容。希望这能为你提供帮助和启发！ 对于前端开发人员来说，Node.js 是一种熟悉的技术。虽然 Nginx 和 Node.js 在某些理念上有相似之处，比如都支持 HTTP 服务、事件驱动和异步非阻塞操作，但两者并不冲突，各有各自擅长的领域： Nginx ：擅长处理底层的服务器端资源，如静态资源处理...
JavaScript 中最难理解的三个知识点
哈喽,大家好 我是 👨🏻💻。今天来来和大家聊聊前端面试中最难的三座大山，分别指： ， ， 💪 原型与原型链 说到 ，就不得不提一下 ，首先我们看下面一个简单的例子： \ 首先创造空的对象，再让 指向这个对象，通过 进行赋值，最终返回 ，这其实也是 一个对象的过程。 其实： 是 的语法糖； 是 的语法糖； 是 的语法糖。 那什么是原型那？ 在 js 中，所有对象都是 的实例，并继承 的属性和方法，但是有一些是隐性的。 我们来看一...
不定高虚拟列表
之前用原生 JS 实现过定高的虚拟列表， 本文会引用其中的部分思路以及变量名称等，文中不再过多解释其含义，建议提前阅读 👇： 因为定高的虚拟列表没有过多的计算，所以原生 JS 手写不是多大问题。这次我们来实现一个不定高的虚拟列表，主要使用 Vue3 + TS 来将其封装为组件，并利用 Vue3.3 的泛型组件以及 defineSlots 新特性来让我们组件类型更加规范 参考实现 👉： 由于原作者使用的是 React，并且不定高的实现...
完全掌握分片渲染和虚拟列表
大家好，我是小杜杜，有关 高性能，大数据量 的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～ 我们知道有些场景下，接口会返回出大量的数据，渲染这种列表叫做 ,今天主要说下处理 的两种方式： 和 ，请各位小伙伴多多支持～ 在正式开始前，希望各位小伙伴牢牢记住： js执行永远要比dom快的多 ，所以对于执行大量的数据，一次性渲染，非常容易造成卡顿、卡死的情况 疑问点 我们先来看看以下...