volunteer1024

作为前端同学，或多或少都会接到动画需求。如果是有规律性的动画还是相对容易实现的，但如果是比较复杂的帧动画，我们用 CSS 实现的话，就非常容易造成如下情况，设计师是卖家秀，...

今天接到修改定制项目UI的需求，将img修改为白色。替换图片太麻烦，从css入手： img { filter: brightness(0) invert(1); } 解释一...

前端开发必须掌握的二进制神器Blob，轻松实现本地预览、零上传下载、内存流式处理，一文吃透原理、API、性能陷阱与最佳实践，让你的应用秒开不卡！...

奇淫技巧，chrome-devtools-snippets的使用技巧，提高开发效率，我们一起来看看吧！...

单行文本超长打点省略、多行文本超长打点省略。业务上经常会遇到 文本内容超出容器区域进行省略打点展示 的需求，而展示省略也存在多种场景和形式，今天我们来聊一聊这些细节。...

什么是扩展？chrome文档给的定义是 自定义浏览体验的小型软件程序。它们让用户可以通过多种方式定制 Chrome 的功能和行为。...

本篇文章主要讲述Unocss的使用和个人使用之后的感想 在此之前还写过一篇关于反对在Vue里使用tailwind CSS的一篇文章（主写Vue的，React等框架中没有抵抗...

粒子动画，顾名思义，就是页面上存在大量的粒子构建而成的动画。传统的粒子动画主要由 Canvas、WebGL 实现。 当然，不使用 HTML + CSS 的主要原因在于，粒子...

最近把我们团队的大型前端项目(2500+文件、30w+行代码)从 vite迁移到了 rsbuild。为什么要迁移？迁移后的收益如何？过程中有哪些坑？rsbuild 是否以稳...

很多企业领导，看到OCR属于人工智能范畴，很恐惧。哎呀，我们公司的员工，连正常的业务逻辑都写不好，交付个系统一堆Bug。 现在需要使用OCR功能了，怎么办？买一个吧。不买难...

Rspack 是一个基于 Rust 的 webpack 替代品，承诺能够更快，并且还包括一些常见的便利功能。在首次尝试的一年之后，我终于完成了将我最大的两个 webpack...

写这篇文件，因为一条评论。有个老哥说，这都是应用多年的老技术了。 他说得没错，可能多少年前就有了。不过……...

2015年，我首次踏入在线教育行业时，技术总监给我安排了一个任务：研究一下OCR识别。 记得他是一个博士，给我推荐了谷歌的开源项目Tesseract。当时，我试了一下，感觉...

超详细React Hydrate过程讲解，hydrate过程中如何复用已有的dom实例，并关联对应的fiber节点，事件如何绑定等...

用选择器选中前一个兄弟元素。当鼠标悬停在具有 .dropdown 类的元素上时，相邻的上一个元素 .menuItem 会被选中。...