diff --git a/2024/04/19.md b/2024/04/19.md
new file mode 100644
index 00000000..3b8b2529
--- /dev/null
+++ b/2024/04/19.md
@@ -0,0 +1,47 @@
+# 2024-04-19 精选博文推荐
+
+前端日报栏目数据来自[码农头条](http://toutiao.qdkfweb.cn/)（我开发的爬虫），每日分享前端、移动开发、设计、资源和资讯等，为开发者提供动力，点击Star按钮来关注这个项目，点击Watch来收听每日的更新[Github主页](https://github.com/kujian/frontendDaily)
+* [手撸一个星系，送给心爱的姑娘（Three.js Shader 粒子系统实现）](https://juejin.cn/post/7358704808525971475) （juejin.cn）
+* [前端 er 如何玩转音视频流-WebRTC 技术介绍](https://juejin.cn/post/7358633811515605030) （juejin.cn）
+* [Flutter – 热更新 Shorebird 1.0 正式版来了 🐦](https://juejin.cn/post/7358672588716163112) （juejin.cn）
+* [Flutter 之 HTTP3/QUIC 和 Cronet 你了解过吗？](https://juejin.cn/post/7358647510518497307) （juejin.cn）
+* [2024 抖音欢笑中国年(五)：Wasm、WebGL 在互动技术中的创新应用](https://juejin.cn/post/7358083295241420850) （juejin.cn）
+
+***
+* [CSS如何优雅的实现卡片多行排列布局？](https://juejin.cn/post/7358295139457400869) （juejin.cn）
+* [Flutter 像素编辑器#03 | 像素图层](https://juejin.cn/post/7358270777984090150) （juejin.cn）
+* [利用IDEA/WebStorm/pycharm的【多光标输入】提高开发效率](https://juejin.cn/post/7357979741667262498) （juejin.cn）
+* [面试官：pnpm 那么流行，知道它的源码架构实现吗？🤡](https://juejin.cn/post/7358336719165128756) （juejin.cn）
+* [vite 引入本地图片遇到的坑](https://juejin.cn/post/7358639538502025267) （juejin.cn）
+
+***
+* [每个开发人员都应该知道的13个Nodejs库](https://juejin.cn/post/7358704845735510027) （juejin.cn）
+* [聊聊 CSS 的 ::marker](https://juejin.cn/post/7358348786843959336) （juejin.cn）
+* [面试官：说说包管理工具的发展以及 pnpm 依赖治理的最佳实践 🤯](https://juejin.cn/post/7358267939441950720) （juejin.cn）
+* [【AI】coze打造前端知识助手Bot初体验](https://juejin.cn/post/7358649535382077480) （juejin.cn）
+* [一周涨 15k Star 的开源项目「GitHub 热点速览」](https://juejin.cn/post/7357911195947696165) （juejin.cn）
+
+***
+* [【Flutter】Form表单，狗都不用到真香 & 如何自定义Form表单子控件](https://juejin.cn/post/7355387036579053577) （juejin.cn）
+* [【Flutter】Form表单，狗都不用到真香 & 如何自定义Form表单子控件](https://juejin.cn/post/7355387036579053577) （juejin.cn）
+* [【Flutter】Form表单，狗都不用到真香 & 如何自定义Form表单子控件](https://juejin.cn/post/7355387036579053577) （juejin.cn）
+* [蕴藏在JS里的爱意，通过爱情故事轻松学会JS基础](https://juejin.cn/post/7358016525410156559) （juejin.cn）
+* [写了个webpack插件，1722行代码，无感升级到vue3😎](https://juejin.cn/post/7359083109912412186) （juejin.cn）
+
+***
+* [【问题解决】如何在 Vue  切换子组件时优雅地进行 Form 表单校验](https://juejin.cn/post/7358702198589341734) （juejin.cn）
+* [【问题解决】如何在 Vue  切换子组件时优雅地进行 Form 表单校验](https://juejin.cn/post/7358702198589341734) （juejin.cn）
+* [【问题解决】如何在 Vue  切换子组件时优雅地进行 Form 表单校验](https://juejin.cn/post/7358702198589341734) （juejin.cn）
+
+日报维护作者：[前端博客](https://qdkfweb.cn/) 、 [微博](http://weibo.com/kujian) 和 [微信公众号](https://open.weixin.qq.com/qr/code?username=caibaojian_com)
+
+我的微信公众号：[前端开发博客](https://open.weixin.qq.com/qr/code?username=caibaojian_com)，在后台回复以下关键字可以获取资源。
+
+1. 回复「1024」，领取前端进阶资料，包含小程序、Nodejs、Git等
+2. 回复「Vue」获取 Vue 精选文章
+3. 回复「面试」获取 面试 精选文章
+4. 回复「JS」获取 JavaScript 精选文章
+5. 回复「CSS」获取 CSS 精选文章
+6. 回复「加群」进入500人前端精英群
+7. 回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。
+8. 回复「知识点」下载高清JavaScript知识点图谱
\ No newline at end of file