大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

一、场景需求 项目中需要为用户生成分析报告，报告的内容是由多个图表和文本描述组成的word/pdf文档。这需要在服务端生成echarts图片，然后将图片插入到报告中。 二、实现思路 搭建一个web服务

本文实现了一个可以进行常规 Excel 文件的在线预览功能，完全不需要后端任何服务，可以为前端同学开发 Excel 编辑软件提供一种比较可靠的思路。

大屏只要炫酷就够了吗？支撑大屏的核心到底是什么？客户为啥愿意花大钱买大屏？只有弄清这些，我们才能真正认识大屏！

预览地址：https://zhangyuyan.cn/example/replace-background 源码：https://github.com/RyanProMax/interest/blob

PK创意闹新春，我正在参加「春节创意投稿大赛」，详情请看：春节创意投稿大赛 愿今年对你我来说都是好日子 2022预祝各位小伙伴们新年快乐，这篇文章是我2022年的第一篇文章，希望给大家带来一些好玩有趣

在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。 函数式组件是无状态，它无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加 functional 声明即可。一般适合只依赖于外部数…

你真正了解 flex 的特性吗？Grid 布局是否体验过？本文带你全面全面掌握，可以收藏作为手册自查。

canvas 有着不错的兼容性，是一种比较可靠、成熟的可视化技术。但是它比较依赖分辨率，对文本的处理上也有着先天的不足。但是它可以很方便的将结果保存为图片，对于完成水印的需求也是非常合适的。 为了方便使用者上手，我将所有的实现坐标都设置为top/left，以方便对x、y的设置。…