陈小希

🏥【DICOM Viewer】 🧭 一、顶部工具栏 🔧 1. 布局工具组（Layout） 🎯 功能： 切换视口布局：支持 1x1（单图）、1x2（左右）、2x2（四...

前言 之前在证券行业，接触过移动端K线图的需求； H5 K线图，需支持无限左右滑动，支持样式自定义； 纯canvas制作，不借助任何第三方图表库。 一、先看最终的效果 1、...

目前ai浪潮如火如荼，相信各位同行都接过不少 AI 项目。今天和大家分享一个实用场景：如何用 Vue3 实现类似豆包的模板式智能输入框。...

一、历史背景 + 时间轴 网页一旦需要 “实时” ，麻烦就开始了：数据在不断变化，用户却只能等下一次刷新； 刷新解决不了的延迟，用短轮询凑数，又被无数空请求反噬； 再加长轮...

边框可以分别使用border、outline、box-shadow三种方式去实现，其中outline、box-shadow不会像border一样占据空间。而box-shad...

面对图片适配，你在 <img>和 <picture>之间纠结过吗？其实它们是互补工具，而非替代关系。本文为你提供一份清晰指南，助你根据场景快速做出正确选择，实现图片的完美适...

在前端开发中，网页截图是个常用功能。从前，html2canvas 是大家的常客，但随着网页越来越复杂，它的性能问题也逐渐暴露，速度慢、占资源，用户体验不尽如人意。 好在，现...

学习next.js的第一天：项目创建失败，根据官方文档中的命令行创建，报错提示路径有误，问题解决方案...

一、Vite是什么？ 首先，讲下Vite名字的由来，Vite实际上是法语中快的意思，所以顾名思义，这个工具就是为了给我们带来更快的开发体验，它是一个面向现代浏览器，基于EC...

在前端开发中，搜索框的实时搜索功能是一个常见场景。用户输入文字时，每输入一个字符就发起搜索请求。但这里存在一个潜在的竞态问题：如果后发起的请求比先发起的请求更快返回，可能会...

前段时间看了echarts官网给出来的最佳实践，想测试一下具体的性能差距。数据量较大（经验判断 > 1k）、较多交互时，建议选择 Canvas 渲染器。我注意到这句，所以我...

什么是CSS？ 层叠样式表（CSS）是一种样式表语言，描述以HTML编写的页面的呈现方式。CSS是万维网的主要技术，与HTML和JavaScript并列。 打字效果 Dro...

Webpack 是一个现代 JavaScript 应用程序的**静态模块打包器**。它将项目中的各种资源（JavaScript、CSS、图片、字体等）视为模块，通过依赖关系...

在前端开发中，我们通常会使用打包工具（如 Vite、Webpack）将 JS/CSS 等资源构建上线，并配合 CDN、浏览器缓存来加速访问。但问题也随之而来： 原因很简单：...