20240209 前端开发周报

当春节前不想写业务的前端会做什么；前端智能化，扣子（coze.cn）能做什么；年终奖，还得是腾讯（含面试算法原题）；复杂 web 动画开发（GSAP篇）；Vue 终于也有属于自己的 CSSInJs 原子库啦一款动静结合，极致体积，融合了原子 css 优点的样式库 @usacss/vue；抓包就指着它了——whistle提升前端开发幸福感的利器；React Native 2023 现状 – 调查结果发布；2024光速学习Vue3基础知识

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

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

2. 前端智能化，扣子（coze.cn）能做什么

   初体验 进入网站 https://www.coze.cn/ 后，注册或者使用抖音账号登录，即可开启使用。 进入主页面后，操作非常简单，类似 ChatGPT 式的交流形式即可快速、低门槛的搭建一个专属的

3. 年终奖，还得是腾讯（含面试算法原题）

   腾讯年终奖 什么是真正的好公司？ 一年到头，出不了几次裁员等劳务纠纷的吃瓜新闻。 只有到年底了，才因为年终奖远高于行业水平，实在没法低调了，"被迫"上热搜。 最近网友爆料了腾讯头牌部门的年终奖： WX

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

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

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

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

6. 抓包就指着它了——whistle提升前端开发幸福感的利器

   好多人都说whistle是抓包工具，殊不知抓包只是whistle能力的冰山一角。除了抓包外，它还能修改请求与响应、真机调试h5移动端、解决跨域、域名映射等等等。快来学习下吧

7. React Native 2023 现状 – 调查结果发布

   React Native 现状调查结果已经发布，人们对 React Native 的总体感觉越来越积极，通过这些调查可以让我们了解到其生态系统中正在发生的事情！

8. 2024光速学习Vue3基础知识

   2024 过年除夕半天光速学习Vue3,带你走近新世界大门，基于Vue3的setup语法糖讲解，全程采用TypeScript+组合式API编码，贴心准备TypeScript快速上手笔记！带你快速上手纯

9. 复杂 web 动画开发

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

10. 2023年总结：在南宁做前端，躺平了一年

    我仔细回想了我2023年所做的事情，我总结了以下六点: …… 确实，2023年就是正常的上下班, 做需求、写bug、年底出出差，可以说是躺平了一年。 准确的说，自2022年4月底从深圳回到南宁

11. JS的执行原理，一文了解Event Loop事件循环、微任务、宏任务

    面试官：你了解JavaScript事件循环吗，掌握多少，把你知道的都说一下。 今天我们就来说一下，JavaScript作为一门单线程语言，如何通过事件循环（Event Loop）和任务队列（Task

12. 8K star功能强大的开源JSON可视神器

    今天我们再推荐一款可视化的JSON调试工具，功能强大且开源免费，让你您快速浏览、搜索 JSON 文件，目前在GitHub有 8K Star，它就是：jsonhero

13. 探索 React 19：4个可能正式发布的新 hook

    React 开发者们，React 团队他们目前正在开发 React v19 版本其中有4个能帮助开发者提升开发体验和用户体验的新hook有可能正式发布，快来尝鲜学习吧！

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

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

15. 2024 Flutter 重大更新，Dart 宏（Macros）编程开始支持，JSON 序列化有救

    说起宏编程可能大家并不陌生，但是这对于 Flutter 和 Dart 开发者来说它一直是一个「遗憾」，这个「遗憾」体现在编辑过程的代码修改支持上，其中最典型的莫过于 Dart 的 JSON 序列化。

16. 2024年前端工程师推荐的效率工具

    浏览器拓展 沉浸式翻译 NotionCN Bitwarden密码管理器 优点： 1、支持大多数网站的表单自动填充，也支持手动点击填充 2、各端密码同步速度快，mac支持指纹解锁/Apple Watch

17. 来了HelloGitHub 年度热门开源项目

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

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

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

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

20. react-native-dropdown

    最近的有个需求是要实现一个下拉面板 dropdown 效果，但技术栈是 react-native, 去网上搜了一圈发现并没有相关的开源组件，于是只有自己实现

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

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

22. 大前端老司机的辩证唯物主义浅谈

    前言 提一个有点偏哲学的问题：什么是辩证唯物主义？ 知行合一. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 《控制论与科学方法论》是由金观涛和华国凡合著，首版于1983年，在那

23. ElTable 二次封装：我用 Vue3.3 新特性完美解决了列插槽数据无类型提示问题

    利用 Vue3.3 的泛型组件以及 defineSlots 解决 el-table-column 自定义列插槽 scope 无类型提示问题

24. 我为什么没用上NextJS

    NextJS作为一个服务器渲染（SSR）框架已经十分成熟，笔者本想在公司内的新项目上用上，没想到处处碰壁。本文介绍了没有使用NextJS的原因和解决方案，希望对各位在技术选型的思考上有所帮助。

25. Flutter & GLSL – 贰 | 从坐标到颜色

    上一篇 《 Flutter 绘制集录 | Shader 让绘制无限强大 – 壹》 介绍了 Flutter 本身支持 GLSL 语言进行 Shader 着色器的编写。这给 Flutter 的绘制能力增加

26. 美团技术年货 | 600+页电子书，前端、后端、算法、测试、运维系列大合集

    在龙年春节到来之际，我们精选过去一年公众号30多篇技术文章和科研论文，整理制作成一本600多页的电子书，作为新年礼物赠送给大家。祝愿大家在甲辰龙年，幸福平安，行稳致远。

27. 如何应对Android面试官-> CoordinatorLayout详解，我用 Behavior 实现了手势跟随

    CoordinatorLayout 原理深度解析，自定义 Behavior 实现高级特效，带你轻松应对Android面试官连环炮

28. 5 款轻松上手的开源项目「GitHub 热点速览」

    大家都忙一年了，所以今天来点轻松的吧！就是那种拿来直接用、免费看的开源项目。 开源真是一个充满惊喜的宝库，很多开源软件比收费软件还好用，比如这款开箱即用的电视直播软件：my-tv，它免费、无广告、启动

29. 深度解析浏览器重排和重绘：优化前端性能的终极指南

30. 大批量接口请求的前端优化

    大批量接口请求的前端优化，背景，在一次请请求多个接口的时候，如果接口数太多，会对浏览器和服务器造成压力，降低用户体验，为此本文通过前端使用接口并发控制策略，与后端约定一次性并发接口数，达到优化性能的目

31. ant design vue 组件库使用问题汇总

    主要介绍了 ant design vue 1.x 版本使用时的一些问题以及解决方式，例如 label 标签左右对齐显示、table 操作栏高度不对齐问题、ant-table 自定义表格内容处理等等

32. 手把手带你入门 Three.js Shader 系列（七）

33. Vue-router导航守卫，看这一篇就够了

    当使用 Vue.js 构建单页应用时，Vue Router 是一个常用的路由管理库。它提供了导航守卫（Navigation Guards）机制，用于在路由切换前、切换后或切换取消时执行自定义逻辑

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

35. 2024年初Android面试总结（面经）

    话不多说，只上干货！ 基本信息 工作年限：硕4.5 面试准备时间：2023.12月中旬-2024.1月中旬 面试经历时间：2024.1月中旬-2024.1月底 面试公司：拼多多、小红书、字节、快手 面

36. Vue 异步更新机制探秘：解析 nextTick 的奥秘与实战应用

    1. Vue 异步更新机制回顾： Vue 中的异步更新机制是确保数据变化后，DOM 更新的一种巧妙设计。在传统的同步操作中，每当我们修改了数据，Vue 就会立即去更新相关的 DOM。然而，这种方式可能

37. Flutter到鸿蒙,不是有手就行吗? (仿掘金点赞按钮)

    `Flutter` 提供了丰富的动画支持，使开发者能够轻松创建各种类型的动画效果，从简单的渐变和旋转到复杂的交互式动画都可以实现。而 `ArkUI` 从 `api` 上面看起来更简单，更容易编写代码。

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

39. 掘金都使用webp图片提速降本，必须安排

    站点性能优化一个很重要的方向是图片压缩，一方面能提升客户端访问性能，另外一方面因为图片体积变小，能大大减少站点的流量成本，webp图片值得使用。

40. 2024前端高频面试题之– JS篇

41. 迷思概念：在 vue 中创建 hooks？谁告诉你 vue 有 hooks 的？

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

43. 三十岁的老前端，2023年终总结

    前言 子曰：“吾十有五而志于学，三十而立，四十而不惑，五十而知天命，六十而耳顺，七十而从心所欲，不逾矩。” 不知不觉已经是30老兵，2023年对我来说，是不太平的一年，甚至可以说是糟糕的一年。 关于工

44. 前端必刷系列之红宝书——第 17 章

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

46. Chrome 开发者工具 第十七章（JavaScript断点调试）

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

48. 大前端老司机的 The Moon

49. Canvas图形编辑器-我的剪贴板里究竟有什么数据

50. 如何应对Android面试官-> 自定义 PhotoView 事件分发

51. 大文件上传实现-并发控制功能（Vue+Express)

    大文件上传第四篇：图文并茂，手把手实现大文件上传-并发控制功能的前后端逻辑(Vue + Express)

52. GitHub 一周热点汇总第8期(2024/01/28-02/03)

    GitHub一周热点汇总第8期(2024/01/28-02/03) ，梳理每周热门的GitHub项目。还有一周的就要过年，我马上就要回家了，大家都开始休假了吗？先一起来看看这周的项目吧。

53. vue electron应用调exe程序

    文章浏览阅读272次，点赞10次，收藏4次。vue electron应用调exe程序

54. 如何应对Android面试官-> CoordinatorLayout详解，我用 Behavior 实现了手势跟随

55. 面试题 ajax是什么

    前言 Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种用于创建快速动态Web页面的技术。它允许在不刷新整个页面的情况下更新部分页面内容

56. 面试官：手写一个vue-router Hash模式

    前阵子发了一篇文章，讲的是前端路由的实现原理，反响还不错。今天我们继续来手写一个vue-router之hash模式，前端路由包括了vue-router，但是vue-router里面又封装了许多方法，所

57. 有着初中学历的你，想必也能通过js实现椭圆的命中注定吧

58. 掘金有哪些有趣的前端作者

59. 做了半年面试官，我对面试去魅了

    半年前，我第一次成为了二面面试官。这段经历不仅让我，一个曾经的候选人，对许多问题有了更新的理解，也逐渐澄清了我之前在面试过程中的那些困惑。高频次的面试，使得我对于面试这一行为本身，有了深刻的反思和认识

60. 都2024年了，要彻底告别 git status 乱码