20231020 前端开发周报

VTable——不只是高性能的多维数据分析表格，开源，免费，百万数据秒级渲染；面试多起来了；别再卷组件库了，Vue 拖拽库都断代了；八百年不面试，一面试就面得一塌糊涂；2023金九银十必看前端面试题2w字精品；面试官：如何判断两个数组的内容是否相等；一次恶心的面试经历；原神，启动three.js 复刻原神登录界面技术浅析

1. VTable——不只是高性能的多维数据分析表格，开源，免费，百万数据秒级渲染

   VTable: 不只是高性能的多维数据分析表格，更是行列间创作的方格艺术家！ 在现代应用程序中，表格组件是不可或缺的一部分，它们能够快速展示大量数据，并提供良好的可视化效果和交互体验。

2. 面试多起来了

   就在昨天 10.17 号，同时收到了三个同学面试的消息。他们的基本情况都是双非院校本科、没有实习经历、不会消息中间件和 Spring Cloud 微服务，做的都是单体项目。但他们投递简历还算积极，从今

3. 别再卷组件库了，Vue 拖拽库都断代了

   最近在测试 Tailwind CSS 和 Uno CSS 这两种原子化 CSS 工具是否能够有效减少打包后的文件体积时，先开始分析这些工具的优缺点，然后再直接上数据，最后做了一款经典的 TodoLi…

4. 八百年不面试，一面试就面得一塌糊涂

   前言 好久没面试了，最近看一些厂开始招人了，于是投了投，没想着过，主要是抱着学习的态度，看看自己哪里不足，没想到自己这么不足。。。

5. 2023金九银十必看前端面试题2w字精品

   导文 CSS 1. 请解释CSS的盒模型是什么，并描述其组成部分。 答案：CSS的盒模型是用于布局和定位元素的概念。它由内容区域、内边距、边框和外边距组成，这些部分依次包裹在元素周围。 2. 解释CS

6. 面试官：如何判断两个数组的内容是否相等

   前几日室友遇到的一道面试题：判断两数组（一维）内容是否相等（不使用排序）。我们需要考虑：元素重复、边界值、特殊值…

7. 一次恶心的面试经历

   今年三月底，我就离职回家自由职业了。 到现在差不多有半年了。 这半年主要是在写 Nest 小册。 4 本小册半年收入，加上公众号广告，公众号赞赏收入，在鱼皮的“编程导航”星球做嘉宾的收入，大概到手有

8. 原神，启动three.js 复刻原神登录界面技术浅析

   之前看到有人在浏览器端复刻了原神的登录界面，效果非常还原。 本文就让我们一起来看看这种效果是如何实现的，主要分析Shader相关的部分。 怀着学习的目的，我自己也写了一版。

9. 【翻译】增长秘笈，如何让你的开源项目Star数快速增长

   – 在短时间内，我们的 star 数迅速增长到1.5k以上。我编制了一个详细的增长策略清单，这些策略帮助我们吸引了流量并获得了 star。

10. CSS 还原拉斯维加斯球数字动画

    最近大家刷抖音，是否有刷到拉斯维加斯的新地标 「Sphere」： 场馆内部的视觉效果非常惊人，其中一个效果让我虎躯一震： 我的第一想法就是，这个看起来用 CSS 也可以实现嘛？还有 CSS 不能实现的

11. 字节一面——当我从闭包谈到高阶函数，面试官：来道curry函数尝尝

    因一次面试经历有感而发，决定深入探究闭包~ 本文会帮助大家学习：闭包的概念、高阶函数、闭包的应用、闭包的风险及解决方案

12. ES6的一些高级技巧

    引言 ES6（ECMAScript 2015）引入了许多新的功能和语法，其中一些功能可能相对较冷门，但非常实用。本文将介绍一些这样的高级技巧，包括 Object.entries() Object.fr

13. 学习前端工程化1️⃣——前端工程化与模块化

    新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。

14. 一天内加入 Flutter 和 FlutterCandies 两大组织是什么体验

    大事件：成为 Flutter 与 FlutterCandies 组织成员（2023年10月13日）

15. 百度、头条、小米、网易、拼多多等公司 Android 社招面试心得

    前言 这是一篇很多年前写的社招面试心得，2023年了，再次翻出来，感受颇深，时间过的好快，觉得写的有很多的不足，不过感觉值得拿出来，再次分享一下～ 正文（2019年的经历哦） 最近两个月，因为被裁员，

16. 面试爽文 ：怎么也想不到，一个 MySQL 锁能问出20多个问题（万字长文）

    一. 前言 本篇确实不易，花了不少心思，感谢点赞收藏 ！！！ 实践和问题可以帮助我们更深入的学习，这篇文章算是广度问题，对于一些细节点不会太深入。 首先要有个宏观概念，整个锁囊括了大量的内容

17. 别找了前端那些好用的网站都在这里了

    一、渐变神器Gradient 二、两款阴影工具在线网站 三、网站UI配色宝藏网站UI Design Daily 四、 Small Dev tools实用工具合集 五、 Glass Morph

18. 二十八张图彻底讲明白 HTTPS 的加密流程

    今年国庆回家，最大的感受就是大家普遍都比较悲观，不管体制内还是体制外。体制外的说生意不好做，体制内的说公司开始实行末尾淘汰制…… 一位老友说的话让我印象深刻，说感觉随时会失业，公司也

19. 一文掌握Babel来龙去脉、三大脚手架中使用Babel

    用进化论描述Babel的配置过程，详述配置中的细节；Webpack、Vue/CLI、Vite中使用Babel

20. 兼容 Vite 插件新版打包算法Rust Web 构建引擎 Farm v0.13 版本发布

    从 Farm 第一次发布 v0.3 版本（2023 年 3 月 6 日），已经过去半年多的时间，期间 Farm 一直在持续开发，并且得到了很多社区开发者的贡献和支持，目前 Farm 已经实现了构建引擎

21. 扩展你的前端知识库，毫无废话

    这篇文章给大家分享前端中一些原理性问题，以及开发中一些功能的实现，分别为： Form表单字段校验如何实现 Vue 项目中 data-v-xxx 的生成 Vue项目打包后产生的 JS请求等

22. 我使用34行 JS 核心代码实现掘金官网的目录滚动效果

    效果 当滚动鼠标的时候右侧的目录会跟着一起滚动，当点击目录的时候，也会定位到相应的标题处，目录容器除前三个和后三个之外，其余的都处于中间状态。

23. 这三大爆款开源项目竟出自同一个20人的小公司？

    环界云计算是**一家非常小的公司**，在成立不足两年的时间里，便孵化出三个备受瞩目的开源项目：Sealos、Laf、FastGPT。而更让人惊叹的是，这家公司只有 21 名员工。 ![](http

24. 入坑 Git，看这一篇就够了

    你可以不懂 Git 背后的实现原理，你可以不了解它所有的功能，但你一定要会用命令行，一定要知道除了 add、commit、push 之外的常用命令。听话，不要只会用 GUI。

25. 这个前端Api管理方案会更好？

    大家好，前端小白一枚，目前接触后台管理系统比较多，经常遇到不同对象的增删改查的接口，如何对Api进行一个有比较好的管理是个问题。在学习偏函数的时候有了灵感，想到一个不错的API管理方案，分享一下~

26. 面试时这样回答Vue生命周期，面试官说：你明天直接来上班

    面试 面试前端时，我们经常会被问到：你能讲一下vue的生命周期吗？ 你可能会这么说：vue的生命周期有beforeCreate、created、beforeMount、mounted…… 面试

27. 面试官：做过性能优化？我：任务切片

    没错，这里确实是使用`任务切片`的方式能够解决！但是，我想问一下，`任务切片`解决卡顿问题的底层原理是什么样子的？或者说什么是卡顿问题，而`任务切片`又是如何解决这类问题的？

28. 飞书深诺前端 SPA 敏捷部署方案演进

    前端单页面应用（SPA）数量占总数的三分之二以上，导致构建-发布时间过长，且任何微前端组件升级都需重走四个环境的构建发布流程。同时，多环境测试导致测试量级倍增。因此，解决这些问题变得非常重要。

29. useTable表格hooks封装和使用(Vue3)

    表格是中后台频繁使用的组件，vue3提供了hooks写法能够大大减少代码量和提高复用性，以下是一个基于arco design vue组件库封装的表格hooks：useTable

30. 告别git命令—可视化工具sourcetree提交代码

    这篇文章是因为前端交流群的群友的问了一个问题，他的vscode点击分支合并怎么取消，因为他还是用的git的命令行来进行代码提交，每次都很麻烦，还需要搜索命令，一个不慎就会出现这样的问题。今天给掘友们推

31. Git merge vs Git rebase: 深度辨析与理解

    作为开发人员, 我们中的许多人不得不在Merge和Rebase之间做出选择. 从互联网上获得的所有参考资料中, 每个人都认为"不要使用 Rebase, 它会导致严重问题".

32. 我说ArrayList初始容量是10，面试官让我回去等通知

    在Java集合中，ArrayList是最常用到的数据结构，无论是在日常开发还是面试中，但是很多人对它的源码并不了解。下面提问几个问题，检验一下大家对ArrayList的了解程度。

33. 前端实现蜂巢布局思路

    前端实现六边形蜂巢布局思路。目前这个思路是可行的，发布出来供大家参考戏，要是各位大佬有更好的方案，欢迎探讨。

34. 深入理解Git Pull：背后的两个命令

    Git是一个广泛使用的版本控制系统，它让团队协作和代码管理变得更加高效。git pull是Git中一个常见的命令，它实际上是两个命令的组合：git fetch 和 git merge。在本文中，我们将

35. 您有一篇git 原理，请注意查收

    大家好，我是柒八九。 前言 作为一个新时代的开发者，想必大家在工作中，有一样东西是和大家形影不离的。那就是git。(当然，这里也有个例，如果大家项目还停留在svn阶段，就算我刚才的话唐突了)。 无论大

36. 开心，我的开源项目技术派在 GitHub 上拿到 1000+ star了

    大家好，我是二哥呀。 很开心，二哥的原创项目技术派在 GitHub 上拿到了 1000+ star，这算是一个小小的里程碑吧。 它的首页长这样，这也是我第一次在掘金上介绍自己的开源项目，对于那些急缺项

37. Fabric.js基础教程

    Fabric.js是一款强大的HTML5画布库，它能够让我们轻松地在网页上创建、编辑和操纵各种图形元素。无论你是想制作一个炫酷的图形编辑器，还是实现动态的图形效果，Fabric.js都能满足你的需求。

38. 腾讯蓝鲸基座实现原理（基于amd，iframe的微前端方案）

    过去一段时间中，我曾经研究过一段时间的微前端方案，但我更像是直接站在巨人的肩膀上去看世界，上来就是从无界乾坤这些比较火热的方案入手，因此我也不禁好奇以前实现微前端都是怎么做的呢？

39. 提高你的JS技巧，让你的代码更简洁优

    JavaScript 中有许多简写技巧可以缩减代码长度、减少冗余并提高代码的可读性和可维护性。以下是 20 个有效提升效率的 JavaScript 简写技巧，帮助你编写更优雅的代码！ 移除数组假值 可

40. Flutter 3 基础03: 初始化”自己”的 Flutter 项目

    学习如何将 Android Studio 创建的默认模版项目，优化为一个"干净"的项目，作为开发的起点。

41. Git究竟是如何工作的?

    深入探究 Git 的内部机制, 学习并精通 Git. Git无疑是现代软件开发的主要基石之一. 它是协调开发人员工作的必备工具箱, 多年来已成为开源运动的基本引擎.

42. 原生基于WebRTC实现了一个视频聊天室，有Vue3和React两个版本，看下项目视频演示

    基于WebRTC实现的能够多人视频通话、共享屏幕、设备启停、发送消息的匿名视频聊天室，项目核心封装了一个SDK，不依赖开发框架，可以直接移植使用。未经作者授权禁止转载！

43. Java Random可破解，随机数不再随机，更不安全、JsDoc vs TypeScript | 每日掘金第291期

    Nest + Redis + 地图，实现附近的充电宝 《图解 + 实战》File、Blob、TypeArray、DataView TCC分布式事务七种异常情况

44. 用 Rspack 替代 Webpack，提升五倍构建速度

    通过本文你将理解rspack，并快速实现Vue2、Vue3项目配置，提升5倍多的项目构建性能，快速提高工作效率。

45. 一个前端实习生在美团的成长小结

    一些前言 这是第二篇有关实习的小结，上一篇是在蔚来离职的时候写的。 也就是这一篇：一个前端实习生在蔚来的成长小结 离职的时候我在朋友圈是这样写的： 我个人认为在 2023 的后半年里…..

46. 一次解决 github 无法克隆的问题之 SSH KEY 配置

    github 经常无法克隆？除了网络问题还可能是什么原因？有什么解决办法？本文将这些常见的问题一“文”打尽，快来看看吧～

47. 面试官：你知道websocket的心跳机制吗？

    大家好，我是泽南Zn‍。在之前的一篇文章写到， 前端如何使用websocket发送消息，websocket是怎么建立连接的呢？如果断开了会怎样？如何一直保持长连接呢？接下来，本篇文章将会带你了

48. 【2023 谷歌教育合作项目直播回顾】Flutter 与 Dart 的市场应用

    Hello，大家好，我是 Flutter GDE 郭树煜，也是《Flutter 开发实战详解》的作者，同时也是 Github GSY 项目的负责人，这些年主要致力于 Flutter 相关的开发和创作，

49. 【开源项目】微前端框架MicroApp 1.0正式发布

    MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。MicroApp无关技术栈，也不和业务绑定

50. js数组常用方法大全

    数组是js中最重要的数据类型之一，掌握数组方法对前端学习和工作都有莫大帮助。数组方法繁多，不便记忆，这里给数组方法分门别类，只对方法功能进行简单的介绍，帮助大家对数组有一个系统全面的了解，日后遇到

51. 前端周报：Vue的替代品？TS纪录片Node吉祥物…（2023 年第 39 周）

    2023 年第 39 周前端周报，Vue 的替代品，Node 的吉祥物，TS 的记录片，Electron 的替代品，JScript 27 岁生日快乐，现代化 JS 的响应性模式。

52. 当个 PM 式程序员「GitHub 热点速览」

    本周 GitHub 热点依旧是 GPT 类项目，当中的佼佼者自然是本文收录的 gpt-pilot，一周获得了 7k+ star。此外，像是 LangChain、Autogen 之类的 LLM 工具链项

53. TypeScript类型声明：4的倍数

    本文进一步深入TypeScript，讲解了typeScript类型定义、类型声明、如何在typeScript中定义仅接受4的倍数的数字类型以及可能遇到的报错和TypeScript泛型工具类型<T>等。

54. 基于nodejs+vue大学食堂订餐系统

    它彻底改变了过去传统的管理方式， 首页、个人中心、管理员管理、用户管理、菜品管理、论坛管理、公告管理、基础数据管理、轮播图信息，学生；首页、菜品、论坛、公告、个人中心、购物车等功能。

55. WebSocket的11个面试常见知识点

    前言 WebSocket 作为一种基于 TCP 协议的实时通信协议，为前端应用提供了强大的双向通信能力。本文将深入探讨前端 WebSocket 的相关问题，包括协议区别、用法、关键技术点等。 WebS

56. 货拉拉面试：全程八股被问麻了

    今天来看货拉拉 Java 技术岗的面试问题，废话不多说，先看问题。 一面问题 二面问题 1.怎么解决超卖问题？ 答：超卖问题是一个相对来说，比较经典且相对难处理的问题，解决它可以考虑从以下三方面入手：

57. 面壁智能ChatDev火遍全球，GitHub星标超1.2万

    ChatDev 又双叒叕霸榜了 GitHub Trending，开源仅 6 周星标数已超 1.2 万！ 这一由 **面壁智能（ModelBest）**联合清华大学 NLP 实验室共同开发的大模型全流程

58. 边界-程序员的枷锁（前端视角）

    背景 在晋升的时候，被问到一个问题：如何界定边界？ 当时回答的其实是业务边界的理解，或者说是自己做事的一个态度，但是后来回想回答的并不好。 所以想详细的阐述下自己对边界的理解,如有不对欢迎指正。

59. 5分钟回顾webpack的前世今生

    引言 模块化编程是软件设计的一个重要思想。在JavaScript中，处理模块一直是个问题，由于浏览器只能执行JavaScrip、CSS、HTML 代码，所以模块化的前端代码必须进行转换后才能运行。例如

60. Stirling-PDF：一款优秀的开源PDF处理工具

    Stirling-PDF是一个基于spring-boot开发的开源项目，旨在提供一个功能强大的基于Docker的本地托管PDF操作工具。它使您能够对PDF文件进行多种操作，包括拆分、合并、转换、重新组