saintofficial

🖼️ 现在大部分网站都会有图片，不管这个图片是用来展示的，还是需要上传到服务器的。 但图片的体积往往比文字大，会占用更多的服务器空间，也会消耗用户更多的流量。...

基于 `pnpm` 的 `monorepo` ，并针对 `vite` 的构建进行了一些优化，这是基于我过往经验的 “最佳实践”...

使用cn()有什么好处？ cn()函数实际上就是将twMerge和clsx封装到了一起。 twMerge 有什么用？ twMerge 的产生是为了解决样式冲突问题。比如一个...

花了点时间研究了下 React Native（后续用 RN 简称），同时也用该技术作为我的毕设项目(一个校园社交应用，仿小红书)，经过了这段时间的疯狂折腾，对 RN 生态有...

今年大部分时间都是在编码上和写文章上，但是也不知道自己都学到了啥，那就写篇文章来盘点一下目前的技术栈吧，也作为下一年的参考目标，方便知道每一年都学了些啥。 我的技术栈 首先...

前段时间写如何用 Jenkins 实现前端项目自动化打包部署，小伙伴们都觉得 Jenkins 太重了，还吃服务器性能，今天就狠狠的白嫖一个简单易用的新工具！...

在这里，主要分享一些平时写VUE组件，会用到一些技巧，会让代码得到很大的简化，可以节省很多脑力体力。 1、v-bind=“$attrs” 这是首推的一个技巧写法，特别在拓展...

介绍了Next.js中的网络数据请求、路由中间件的使用、各类渲染策略如何进行数据请求，以及如何使用元数据和<Image>组件。...

requestAnimationFrame requestAnimationFrame是一个浏览器的宏任务，它的用法与setTimeout很相似，只是不需要设置时间间隔。 ...

笔者第一次听说 cursor 是在 web3 的群里，web3 的工作群体总是能更快地接触到更为前沿的技术，AI 编辑器就是其一，本文介绍一种延长 cursor 试用时间的...

本篇文章主要讲解如何配置 Vite 如官网所说，Vite 是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成： 一个开发服务器和一套构建指令...

前言 最近的一项需求要求前端支持视频压缩，并能够播放 .avi 格式的视频。因为浏览器本身并不支持 .avi 格式的视频播放，所以在上传之前需要将其转换为 .mp4 格式。...

这不最近我司的设计师又给笔者整活了，在数据大屏页面的中间位置，做了一个效果图，不过需要做一个箭头沿着路径实现拐弯的动画效果；这可咋整呢，本文就结合CSS3的特性和svg，看...

CSS动画能显著提升网站的视觉吸引力，将静态设计转变为引人入胜的动态体验。在CSS中，animation 属性是实现动画效果的核心，它允许你通过单个属性值来定义动画的所有方...

在管理平台中，富文本编辑器是信息输入和内容编辑的重要工具，几乎是必不可少的功能模块。如何在使用体验和需求功能上找到一个平衡点，可以让我们少趟很多坑。小编使用几十种编辑器，尽...

Lodash 有多达 300 多个函数，每个函数都有详细的文档和示例，能够快速地满足各种编程需求。同时，Lodash 的功能也非常完善，比如数组、对象等的操作，以及日期、数...

web record 前端页面录屏 (react + typescript + parcel) 项目地址: https://github.com/bgwd666/web-r...

如何在浏览器上实现屏幕录制⏺️功能呢？快来看看它-MediaRecorder，数行代码简单实现强大的屏幕录制功能，预览、上传、下载无所不能。...

作为前端开发者，最趁手的搬砖工具无外乎 Webstorm 和 VSCode，在下使用 Webstorm 较多，总结了一些不错的插件和实用 Tips，希望能帮到你~...