20240205 前端开发日报

当春节前不想写业务的前端会做什么；复杂 web 动画开发（GSAP篇）；Vue 终于也有属于自己的 CSSInJs 原子库啦一款动静结合，极致体积，融合了原子 css 优点的样式库 @usacss/vue；成为高级工程师的必经之路——你必须掌握JS递归的那些事儿；前端实现0代码无弹窗打印小票？；Vue组件通信讲解[父子组件通信]；别再用旧方法了Chrome 121对CSS滚动条样式的影响；Farm，又一个前端构建工具

1. 当春节前不想写业务的前端会做什么

   今天周日，本来应该是在家躺着的日子却被迫过来调休,想必各位大佬已经踏上了回家的列车吧,那么小弟在这里提前祝福各位新年快乐! 由于春节将至也确实没有想写业务的打算(boring)于是乎我就来掘金摸鱼

2. 复杂 web 动画开发（GSAP篇）

   复杂 web 动画开发 为什么 选择 GSAP GSAP 是一个老牌框架，但也在持续更新，兼容性很好 与框架无关，比如 framer-motion，react spring 只能用于 react；这里

3. Vue 终于也有属于自己的 CSSInJs 原子库啦一款动静结合，极致体积，融合了原子 css 优点的样式库 @usacss/vue

   Vue 终于也有属于自己的 CSSInJs 原子库啦！一款动静结合，极致体积，融合了原子 css 优点的样式库 @usacss/vue 简介 纯动态的 css-in-js 库大家都见过 0js 无运行

4. 成为高级工程师的必经之路——你必须掌握JS递归的那些事儿

   前言 在写这篇博客之前，我其实已经写过一些关于JS递归方面的知识点了。但是我并不是为了赚这么点儿掘力值而水文，所谓温故而知新，可以为师矣，因为我对递归的认识又有了新的理解，所以撰文与大家分享最近的学习

5. 前端实现0代码无弹窗打印小票？

   在当前的订单系统里添加一个打印功能，打印订单小票。不需要按 ctrl+p，不需要有预览弹窗。直接点击就直接从打印机出来小票。

6. Vue组件通信讲解[父子组件通信]

   文章浏览阅读706次，点赞6次，收藏10次。vue组件通信props用于从父组件向子组件传递数据，而$emit用于从子组件向父组件触发事件。：可以通过在父组件中使用ref属性来获取子组件的引用，并直接访问子组件的属性和方法。：可以创建一个用于中央事件处理的事件总线实例，让父组件和子组件通过事件触发和监听进行通信。在上述示例中，父组件通过ref属性给子组件命名为"childComponent"，然后可以使用。在上述示例中，通过创建一个名为eventBus的事件总线实例，父组件可以通过。作为props传递给子组件（Child.vue），同时监听子组件的。

7. 别再用旧方法了Chrome 121对CSS滚动条样式的影响

   在探索前沿技术的旅途中，我们经常会遇到一些令人惊喜的变化，它们不仅挑战我们的既有知识，还为我们的开发实践带来新的可能。最近，在回顾我负责的一个项目时，我发现了一个细微却颇为关键的变化，这不仅令我重新审

8. Farm，又一个前端构建工具

9. Threejs-小金龙，龙年大吉

10. 面试官：如何实现高效的乘法【位运算详解】

11. 深入理解JavaScript中map()和forEach()

12. vue切换页面才看得到的显眼包

13. 大前端老司机的 The Moon

14. 探索前端开发框架：React、Angular 和 Vue 的对决(四)

    文章浏览阅读378次，点赞9次，收藏7次。 前端开发工程师、技术日更博主、已过CET6、23年度博客之星前端领域TOP1高级专题作者、打造专栏签约作者、上架课程。

15. vue中 日期选择–本日、本周、本月、本年选择器实现(基于elementui)

    文章浏览阅读119次，点赞3次，收藏3次。vue中 日期选择–本日、本周、本月、本年选择器(基于elementui)

16. vue绘制语音波形图—wavesurfer.js

    文章浏览阅读285次，点赞10次，收藏6次。通过XMLHttpRequest对象向后端发出请求，获取音频数据的blob流。然后通过WaveSurfer.create()方法创建一个wavesurfer实例，传入一个容器元素和一些配置选项。最后调用loadBlob()方法将blob数据传递给wavesurfer进行处理。这样就可以在前端使用wavesurfer.js处理后端传递过来的音频数据了。

17. Vue中nextTick方法的作用与原理

    文章浏览阅读250次，点赞7次，收藏3次。在Vue的开发中，你可能会遇到一些异步更新的问题，如在改变数据后需要等待DOM更新完毕后再进行下一步操作。这时就可以使用Vue提供的nextTick方法来解决这个问题。

18. 【无标题】Error loading C:Users烟幻人生Desktop测试源代码vue.config.js: ERROR Error [ERR_REQUIRE_ESM]: requ

    文章浏览阅读253次，点赞5次，收藏8次。这是报错，原因是，这是初学者练手项目，我帮忙解决的，

19. Vue 本地存储

    文章浏览阅读136次，点赞5次，收藏4次。在 Vue 中，可以使用或来进行本地存储。这两种存储方式都是基于浏览器的，并且可以在不同的页面之间共享数据。