20231117 前端开发周报

一周的努力化为泡影，前端找工作是很难；历时一个月，6年前端降薪上岸了；前端基建有哪些？大小公司偏重啥？；为什么真的有人讨厌 TailWindCSS ?；Vue3如何优雅的跨组件通信；Flutter 3.16 发布，快来看有什么更新吧；一个界面现代美观，色彩年轻化的Vue3+SpringBoot3前后端分离中后台管理脚手架；48h 获得 1K Stars 这个硬核项目可能彻底改变前端状态管理方式

1. 一周的努力化为泡影，前端找工作是很难

   这周又是面了一周，今天是周五了，目前还没有一个offer。好几家面试都是聊的很好，问题回答的自我感觉挺好（可能面试官没觉得好），然后就没有了后续。这周一共面试了6家公司，目前有2家过了2面。下周约了3

2. 历时一个月，6年前端降薪上岸了

   6年前端，11.15号，拿到了这一个月以来的第一份offer，降薪，教育行业，正如之前在文章中所说的，我就是头铁。 这篇文章就水一下我这差不多一个月的面试旅程吧。 我是在7.14号左右从一家培训公司毕

3. 前端基建有哪些？大小公司偏重啥？

   刚进入初创公司或者搭建新的前端团队，不知怎么开始建设？又或者业务代码/工具重复写麻了？想了解一些工程化架构方面的知识？大小公司怎么样偏重？了解一下前端是怎么个基础建设法子！冲冲冲！！！

4. 为什么真的有人讨厌 TailWindCSS ?

   澄明本篇文章无任何引战的言论。只是客观事实的讨论为什么很多人不喜欢TailWindCSS。这就和讨论vue还是react哪一个才是前端的未来一样。每个人都有自己的判断，每个人都有自己的选择。

5. Vue3如何优雅的跨组件通信

   精彩推荐 Vue3优雅的监听localStorage变化 Vue3如何优雅的加载大量图片 Vue3优雅加载图片的一些动画Ⅱ Vue3使用hook封装常见的几种异步请求函数场景，让开发更

6. Flutter 3.16 发布，快来看有什么更新吧

   Flutter 又又又发布新季度更新啦，同时随着而来的还有 Dart 3.2，本次 3.16 开始 Material 3 会成为新的默认主题，另外 Android 也迎来了 Impeller 的预览支

7. 一个界面现代美观，色彩年轻化的Vue3+SpringBoot3前后端分离中后台管理脚手架

   ContiNew Admin （Continue New Admin）中后台管理框架/脚手架，一个界面现代美观，色彩年轻化的Vue3+SpringBoot3前后端分离中后台管理脚手架。

8. 48h 获得 1K Stars 这个硬核项目可能彻底改变前端状态管理方式

   local first开发新范式，使用CRDTs改变前端状态管理方式。https://github.com/loro-dev/loro

9. ？北京七年前端带专找工作竟如此坎坷？近一个月面试复盘（附总结答案），快来学习呀

   7 月中领了大礼包后，一直没有马上找工作的想法。国庆节后开始刷题投简历，到今天也有一个月了。算上今天这个面试，一共只有两个面试。 我都无…

10. threejs渲染高级感可视化涡轮模型

    好久没写可视化方面的帖子了，最近在网上找灵感，发现一张图个人感觉不错，正好现有技术也可以实现个八九不离十，使用到的技术vite + typescript + threejs

11. JSON慢地要命: 看看有啥比它快

    网络开发中无处不在的数据交换格式JSON, 可能会拖慢你的应用程序. 在这个速度和响应速度至上的世界里, 检查 JSON 的性能影响至关重要, 而我们对此却常常忽略.

12. 动态代理总结，面试你要知道的都在这里，无废话

    文章内容收录到个人网站，方便阅读：https://hardyfish.top/ 代理模式 代理模式是一种设计模式，提供了对目标对象额外的访问方式，即通过代理对象访问目标对象，这样可以在不修改原目标对象

13. Git：Cherry-Pick 桃色陷阱

    假设在开发某些功能或者修复 bug 的时候把代码 commit 到了错误的分支 A，并且分支 A 最新版本已经覆盖了该 commit。看到这样你不会抓狂？

14. JS代码其实可以这样写

    日常工作中，我确实经常去帮大家review代码，长期以来，我发现有些个功能函数，JS其实可以稍微调整一下，或者换个方式来处理，代码就会看起来更清晰，更简洁，甚至效率更高，主要是还更好理解。 下面我列举

15. 为什么这么多人会讨论“前端已死”、“TS已死”？

    前言 重要的话放在前面，我是来给大家打鸡血、给信心的，为什么呢？ 在一段时间之前，这两个话题不断萦绕在社区被各大博主讨论，产生的负面情绪居多，这导致什么现象？ 在找我帮忙优化的部分JM中，担心几年后前

16. 面试题：谈谈Spring用到了哪些设计模式？

    文章内容收录到个人网站，方便阅读：http://hardyfish.top/ 觉得有收获，希望帮忙点赞，转发下哈，谢谢，谢谢 代理模式 所谓代理，是指它与被代理对象实现了相同的接口，客户端必须通过代理

17. 为什么稳定的大公司不向Flutter迁移?

    从Flutter的测试版开始, 我就一直在关注它, 从那时起, 我就看到了Flutter在开发者, 社区和公司中的采用. 大多数新兴开发人员都曾多次讨论过这个问题:为什么大公司不使用 Flutter?

18. SCSS 实践：利用 SCSS 构建适合自己的全局样式库

    在前端开发中，样式表（CSS）是至关重要的一部分。然而，当我们面对复杂的项目时，经常会遇到编写重复样式的问题。这不仅会导致代码冗余，还会影响开发效率和代码的可维护性。

19. 麦克阿瑟曾经说过：理解了Event Loop就理解了前端

    Event Loop 地球人都知道Javascript语言的一大特点就是单线程，这意味这它同一时间只能干一件事，特别的专一。而单线程就意味着所有任务都得排队来，前一个任务干完了才能执行下一个任务。 后

20. JavaScript 函数神器之一：彻底理解 reduce() 函数的妙用

    我们经常需要对数组中的元素进行统计、计算或转换，以便得到我们需要的结果。在这个过程中，reduce() 函数成为了一个非常有用的工具。reduce() 函数让我们能够以一种简洁而优雅的方式对数组中的

21. 浅聊JavaScript中的LHS和RHS查询

    在日常编码中，我们通常关注代码的逻辑和功能，但很少深入思考编译器在幕后的工作。今天我们将学习一下LHS和RHS

22. Dart 3.2 更新，Flutter Web 的未来越来越明朗

    本次跟随 Flutter 3.16 发布 的 Dart 3.2 ，包含有：私有 final 字段的非空改进、新的 interop 改进、对 DevTools 中的扩展支持、以及对 Web 路线图的更新

23. js数组常用方法汇总整理，形象化通俗易懂，建议收藏

    数组方法是编程中经常使用的一种工具，它们可以帮助我们高效地处理数组数据。这篇将会详细介绍各个常用的方法。

24. Angular 17 Vite 带来了新的开发体验

    一、简介 Angular 17 带来了很多新的内容： 使用 esm 输出 使用 esbuild + vite 构建 集成 SSR 与预渲染功能 二、Angular 脚手架 安装之后得到了 ng 命令

25. 朱雀-前端部署的几种方式[三]

    在简单的研究了新型的发布流程之后，我们再集中精力研究一些涉及到的知识点。本章内容的知识点就是前端资源的部署。

26. 听别人说Vue的拖拽库都断代了，我第一个不服

    前段时间偶然翻掘金的过程中发现有人宣传 vue 的拖拽库断代了，这也太孤陋寡闻了，那么我也来蹭一下热度。

27. ES6新特性——尾递归优化

    导言 这篇文章是我开启ES6新特性全面汇总的第十二章，我将在未来每天更新一篇后续，我将会较为详细深入的向大家介绍我们ES6+的新特性，而不是简单的标注一共有哪一些特性，本篇文章关于其中的尾递归优化。大

28. Midway.js打通WebSocket前后端监听通道

    您好， 如果喜欢我的文章或者想上岸大厂，可以关注公众号「量子前端」，将不定期关注推送前端好文、分享就业资料秘籍，也希望有机会一对一帮助你实现梦想 前言 WebSocket协议允许客户端和服务端持久化连

29. Webpack 热更新 (HMR) 原理

    本文适用于前端方向的同学（没错就是给自己看的），文章整体从 Webpack 热更新的概念、核心思想以及重点源码解析等三个方面进行阐述，希望能让大家一起对热更新有所了解。一起加油吧~

30. 新购服务器项目部署指南—— Express + Vue + Nginx+ pm2 Nodejs项目部署全流程

    新购服务器项目部署指南—— Express + Vue + Nginx+ pm2 Nodejs项目部署全流程

31. 基于HarmonyOS的HTTPS请求过程开发示例（ArkTS）

    本篇 Codelab 基于网络模块以及 Webview 实现一次 HTTPS 请求，并对其过程进行抓包分析。

32. Rust UI 框架：Slint 1.3 发布，改进原生样式和 JavaScript API，尝试支持使用 Slint 构建 Android 应用

    Slint 发布了 1.3 版本，引入许多增强开发体验的新功能和改进，改进原生样式和 JavaScript API，尝试支持使用 Slint 构建 Android 应用。

33. 前端模块化：从前世到今生

    前言 近期有不少我们社区小伙伴给我们投稿，感谢大家信任与支持，也期待更多小伙伴参与到我们的社区建设。DevUI是面向企业中后台产品的开源前端解决方案，其设计价值观基于高效、开放、可信、乐趣四种自然与人

34. 面试官 ： 关于 Sentinel 你知道多少 ？

    欢迎点赞收藏关注哟 一. 前言 之前也写过一篇 Sentinel 集成 , 那一篇不是很复杂，也只是针对本地拦截的一些基础原理，这些肯定是不够的。 这一篇就基于生产用法来看一下整个 Senti

35. HelloGitHub 社区动态，开启新的篇章

    今天这篇文章是 HelloGitHub 社区动态的第一篇文章，所以我想多说两句，聊聊为啥开启这个系列。 我是 2016 年创建的 HelloGitHub，它从最初的一份分享开源项目的月刊，现如今已经成

36. CSS可继承，不可继承汇总来了，你都知道吗？

    引言 CSS属性可分为可继承属性和不可继承属性。可继承属性是指当父元素的某个属性没有设置时，子元素会继承该属性。而不可继承属性是指当父元素的某个属性没有设置时，子元素不会继承该属性。下面我们来详细介绍

37. JavaScript小白速成：掌握WeakSet的神奇力量

    1. 什么是WeakSet？ 在JavaScript的世界里，我们经常需要存储和管理数据。而今天，我们将要学习的是一种强大的数据结构，它叫做WeakSet。让我们一步步深入了解这个神奇的工具。 1.1

38. Next.js + nodemailer + handlebars + bun ==> 发送定制化邮件

    学习next.js发送定制化邮件 首先申请google应用专项密码 google账号 -> 安全性 -> 两步认证 点击申请应用专项密码 复制这个密码，关闭这个窗口就

39. 【前端面试】当面试官叫你手写Call（）源码 其实只需搞明白隐式绑定规则

    我们今天要讲的内容是显示绑定中`Call`方法的源码，在前端面试中经常会遇到面试官叫我们手写一个`Call`方法的源码，其实它就是利用`隐式绑定`实现的，让我们先温习一遍这两种绑定规则，然后我再为大家

40. Vue2屎山之 Table 屎山

    vue2将在年底停止维护，但是vue2的屎山不会停止维护，针对vue2的codereview什么时候都不会过时，今天来codereview一下table屎山

41. 究竟什么是JavaScript中的对象

    在这篇文章中，我们将深入探讨JavaScript中的对象以及对面向对象的理解。如果你熟悉C++和Java等编程语言，你对面向对象的特性可能有深刻的认识。但在接触JavaScript后你会发现有所区别。

42. 前端 node 实现调用打印机和小票打印(TSPL )功能

    Ⅰ- 壹 – 使用需求 前端 的方式 点击这个按钮，直接让打印机打印我想要的东西 github地址: https://github.com/whqgo/nodeWebPrint Ⅱ – 贰 – 小票打

43. 浅谈：Flutter现状、与为什么选择Flutter——其实大家都在用只是你不知道罢了

    浅谈：谁将会动那些抵制学习还装懂的人的蛋糕 开发环境现状与为什么选择Flutter 我本从不屑于写这种技术外的技术文章，但是今天刷某应用有点上头，顺便说一说我的看法。

44. 当问到你JS的防抖和节流优化，你能手写吗？（一）

    防抖 在我们处理一些响应的时候，我们总是会发现总有些人得"抖上两下"，比如提交的时候要点个三四遍。又比如像我们正常使用的时候，遇到网络问题点击提交后没有反应，我们也会，诶？在点两下，可是这样就会发送很

45. 阿里面试：看过框架源码吗？举例说明一下

    前两天有朋友面试“淘汰集团”，也就是“淘宝”+“天猫”的组合，最后被面试官问到了这道题：“你看过哪些开源框架的源码？举例说明一下”。 诚然，这是一道比较考验应聘者基本功的问题，也是很好区分“好学生”和

46. 纯CSS实现漫威开屏效果

    起因 看到漫威App的开屏启动效果很好看想着用CSS来实现一波，效果如图！ gif本身可能有点掉帧，但是实际操作是非常丝滑的，让我一眼就狠狠爱上了！ 第一个难点-如何实现一个镂空的U 我们首先来简单的

47. 解析JavaScript调用栈：轻松理解代码执行

    当涉及到JavaScript编程，了解调用栈（call stack）是非常重要的，因为它是理解代码执行的核心概念之一。本文将从一个小白的视角探讨JavaScript调用栈，解释它的作用、如何工作

48. [Flutter] 今天又开源了一个组件库: flutter_prompt，起因 easyloading 的一个 bug

    事情起源于项目里一直用的一个组件库： flutter_easyloading 在里面遇到了一个问题，官方似乎没有想修的打算。 问题是这样的，下面是一个很简单的 loading 使用流程。 看上去好像没

49. 手把手教你实现JavaScript手搓”防抖”优化代码—-专业的事用专业的方法来做

    在我们前端编程中，假如我们要给后端发送请求，万一手抖多点了几次，多发送了几遍怎么办？ 解决方案：防抖！这种事就要交给我们专业的“防抖”先生来处理！ 今天，我们就来教大家手搓“防抖”

50. 三种“类型判断”的方法，一起手写instanceof方法的实现原理，面试官让你手写不再害怕

    在JavaScript中，有三种常用的方法用于判断数据类型：typeof操作符；instanceof操作符；Object.prototype.toString方法。

51. CSS 也能实现 if 判断？实现动态高度下的不同样式展现

52. CSS选择器的权重和优先级整理，看看你知道吗？

    — highlight: xcode theme: serene-rose — ## **引

53. GitHub 官方开源的字体集「GitHub 热点速览」

54. Next.js + nodemailer + handlebars + bun ==> 发送定制化邮件

55. 【ES6】聊聊ES6中JS新增的两种“原始数据类型”及“类型判断”的四种方法（1）

    一、新增原始数据类型 在ES6，JavaScript新增了两种原始数据类型，分别是BigInt和Symbol数据类型。接下来我会给大家演示这两种数据类型有哪些特点和使用方法。 BigInt 为什么要创

56. vue3项目常用hooks——从零到一搭建一个高颜值Vue3后台管理系统(四)

    vue3 中常用的hooks写法，产品下班前又加页面？后端下班前说接口出好了弄一下？当我使用这套useTable 10分钟快速完成curd时，阁下如何应对？

57. rollup和vue都在用的magic-string是个什么东西

    magic-string是一个用于处理字符串的JavaScript库。它可以让你在字符串中进行插入、删除、替换等操作，并且能够生成准确的sourcemap。 这个库特别适用于需要对源代码进行轻微修改并

58. 实现细粒度的前端权限控制：深入理解 Vue 自定义指令的应用

    权限控制是 Web 应用程序中的一个重要问题，尤其是细粒度的前端权限控制，比如不同的用户拥有不同的操作权限，确保只有权限的用户才能访问或操作受保护的资源。通过自定义指令，我们可以方便地实现权限控制功能

59. 【Vue3】如何封装一个超级好用的 Hook

60. 跟杰哥一起学Flutter (一、开发初体验)

    阐述：杰哥开始学Flutter的动机 (适配鸿蒙)、Flutter开发环境的搭建及常见问题 (Windows)、以及逐行解读Demo里的main.dart，对Flutter建立一个简单的基础认知