热心市民小岳

创建一个可拖拽的 Web Component。这个组件将允许你放入任何 HTML 内容，并在屏幕内自由拖拽，同时确保它始终显示在其他元素之上，并且不会移出屏幕可视区域。 这...

本文详细介绍了 Next.js 的四大核心路由功能:动态路由、路由组、平行路由和拦截路由。通过这些路由功能,我们可以构建出更灵活、交互体验更好的应用。...

Canvas Drawing Editor 完整使用指南 Gitee： GitHub: NPM: 在线演示: 目录 简介 为什么选择 Canvas Drawing Edit...

front-tracker-sdk 项目开发规划与技术文档 一、功能需求 多维度前端数据采集：包括JS错误、资源错误、Promise未处理异常、性能指标、白屏检测、日志等。...

目的： 借助思维导图的互动操作，让⽤户更深⼊地参与到教学内容中。 要求：第二个层级的所有节点都要在第一个节点及其所有子节点之后。 调研 svg动画 展开动画 动画效果...

近两年AI发展迅速，AI产品层出不穷，AI绘图/AI工作流等平台的蓬勃发展，促使图片编辑，内容创作需求增加。前端在图片视觉层面的技术应用，有更多发展机会。...

平时进行页面开发的时候，你们都是怎么判断元素是否对齐的？之前我都是使用截图工具利用截图的边缘来判断两个元素在水平和垂直方向上是否对齐，但是这样操作久了总觉得有些繁琐…………...

一、项目总结 electron是多窗口应用，因此如果分散的定义窗口，难以管理和操作窗口事件。为了让代码更模块化和易维护，我们可以封装一个工具对象来处理常用功能。 我们的工具...

Next.js 中的文件路由和路由组。这是 Next.js App Router（基于 React Server Components 的路由系统）的核心概念。 App R...

很久之前我们分享过一篇关于 i18n国际化 中解决魔法值问题的文章 i18n国际化前端解决方案引发的关于魔法值的思考 ，因为近期在抽工具包，于是我们把这部分重构了一下，也放...

前言 在我们公司表格数据导出都是前端去处理。一开始数据量不大，倒没什么问题。但随着数据量的加大，问题也逐渐暴露出来。 一天的数据量有一来万条，导出一定时间范围的数据，30天...

我会从用户环境、交互方式、技术实现、性能挑战和开发策略五个核心维度来回答这个问题。 1. 用户环境与设备特性：根本差异的起点 屏幕尺寸与分辨率： 移动端：屏幕小（通常 32...

在当今快速发展的Web开发领域中，无论是面试还是与同行交流时，“高大上”的技术术语层出不穷。还记得我第一次了解到前端埋点监控是在一家知名大厂的面试过程中。当面试官问及如何实...

在electron + vue3 搭建的应用中实现了一个桌面悬浮球/mini窗口的功能，支持任意拖拽、丝滑的菜单折叠展开动画效果。...

LogicEngine 是滴滴开源项目里沉淀的逻辑引擎，支持业务领域内复杂的逻辑编排与动态渲染。架构基于规则引擎思路设计和实现，通过简单配置即可实现高级逻辑编排能力的扩展。...

先前我们总结了浏览器选区模型的交互策略，并且实现了基本的选区操作，还调研了自绘选区的实现。那么相对的，我们还需要设计编辑器的选区表达，也可以称为模型选区。...

搭建自己的函数库和组件库通常是为了提高代码的复用性和开发效率，特别适合在以下情况下使用： 搭建自己的函数库和组件库可以方便不同成员之间的代码共享和协作。 有多个项目需要使用...

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto...