20231208 前端开发周报

23年底，两年前端菜狗被裁后的面试经历；Git 掌握这些命令，日常开发就够用了；git 如何撤回已push的代码；不是Typescript用不起，而是JSDoc更有性价比？；面试官 ：[] == [] 为什么返回 true ？；学两个月前端后做了个这样的网站；js终止程序，我常用throw 替代 return；快刀斩乱麻：一个超级清凉的 Http Restful Client 的 Golang 实现

1. 23年底，两年前端菜狗被裁后的面试经历

   前言 个人背景 双非一本毕业，非计算机科班，目前毕业两年。 校招进的前东家，没换过其他公司。前东家是互联网某细分领域下的top1，勉强算个小厂吧，进公司一年后转入核心业务线，非常忙，做不完的业务需求，

2. Git 掌握这些命令，日常开发就够用了

   前言 都到了3202年了，相信大家在项目管理中，使用的大部分都是Git了。在使用过程中，有些命令使用的不是那么多，很容易忘了，所以，我就整了一份常用的Git操作指令，都是平时常用的，基本覆盖了工作中的

3. git 如何撤回已push的代码

   在日常的开发中，我们经常使用Git来进行版本控制。有时候，我们可能会不小心将错误的代码 Push 到远程仓库，或者想要在本地回退到之前的某个版本重新开发,这个时候你就需要这样一个操作指南。

4. 不是Typescript用不起，而是JSDoc更有性价比？

   JSDoc 和 TS 能力的打通，意味着前者书写方式的简化和现代化，也让后者有机会零成本就能下沉到业内大部分既有的纯 JS 项目中

5. 面试官 ：[] == [] 为什么返回 true ？

   在 JS 学习过程中，往往出现一些与我们常理相违背的结果，比如当我们打印[] == ![] ，它的返回的结果竟然是true 。而本文将结合官方文档对该题进行深度剖析。

6. 学两个月前端后做了个这样的网站

   学习两个月前端后，使用当下最新技术栈Vue3、Vite5、Bun构建实现的技术社区，欢迎大家前来观光～

7. js终止程序，我常用throw 替代 return

   js终止程序有两种方式（如果还有别的请告知我） throw return 这两个好像是两大阵营，前者我个人最推崇，但是很少见人用, 不知道啥原因（兴许是讨厌写try catch吧）。 刚入门那会，总觉

8. 快刀斩乱麻：一个超级清凉的 Http Restful Client 的 Golang 实现

   一个超级“清凉”的 Http Restful Client 的 Golang 实现项目介绍给大家，同时分享在我日常使用过程的一些不爽的地方，让大家避免踩坑。

9. 一文弄懂什么是Web组态

   随着互联网技术的飞速发展，物联网、云计算等新兴技术逐渐渗透到各个行业，为企业带来了更高效、便捷的管理方式。在工业自动化领域，Web组态技术作为一种实现智能监控与远程管理的关键技术，得到了广泛的应用。

10. 一张长图透彻理解SpringBoot 启动原理，架构师必备知识，不为应付面试

    全网独家，透彻解析Spring的启动原理，分析各个扩展点的启动顺序。深入理解Spring，并不是只为应付面试，更是实际工作的需要。

11. sensitive-word 敏感词/脏词开源工具-v.0.10.0-脏词分类标签支持

    sensitive-word sensitive-word 基于 DFA 算法实现的高性能敏感词工具。 创作目的 实现一款好用敏感词工具。 基于 DFA 算法实现，目前敏感词库内容收录 6W+（源文件

12. 打造聊天框丝滑滚动体验：AI 聊天框的翻转之道 ——— 聊天框发送消息后自动滚动到底部（前端框架通用）

    如何让聊天框发送消息后自动滚动到底部？最近在开发 AI 聊天助手的时候，遇到了一个很有趣的滚动问题。

13. Web前端 —- 【vue】vue 组件传值（props、全局事件总线、消息的订阅与发布）

    文章浏览阅读1.4k次，点赞72次，收藏72次。本文从props、全局事件总线、消息的发布与订阅来解决父子组件、兄弟组件、爷孙组件之间的数值传递

14. Blob 学习指南：从零开始学习 JavaScript Blob 对象的使用

    当我们在处理前端开发任务时，经常会涉及到处理各种类型的数据，如文本、图片、音视频等。而 JavaScript 中的 Blob 对象提供了一种便捷的方式来操作和处理这些数据。Blob 对象可以将不同类型

15. Windows 通过 Git Bash 配置 Oh My Zsh

    在 Unix 环境中，Oh-My-Zsh 能极大提高终端易用性，本文讲解 Windows 下通过 Git Bash 配置 Oh-My-Zsh，实现让终端如在 Unix 环境下般便捷易用。

16. 【Flutter技术】如何识别一个应用是原生框架开发还是Flutter开发？

    如今，越来越多了头部应用使用了Flutter跨平台技术，你知道你的手机里都有哪些应用是用了Flutter开发的么？

17. Git：分布式版本控制系统的革命性诞生与全球应用

    Git 的诞生 Git 是由 Linux 的创始人之一 Linus Torvalds 于2005年创建的。Git 的起源与 Linux 内核的开发过程有关。

18. Web Components的前世今生

    引言 发展历史 Web Components 技术的发展历程可以分为以下几个阶段： 2011 年，Google 开始开发 Polymer 项目，旨在创建一种基于 Web 标准的新型 Web 应用开发框

19. 用 RemoteDebug iOS Webkit 在 Chrome DevTools 中调试iOS/iPadOS设备的前端页面

    如何搭建一个可以在Windows系统上就能调试iOS/iPadOS设备上的前端网页的环境，本篇文章就手把手教大家如何在自己的电脑上使用RemoteDebug iOS WebKit 适配器。

20. 利用Node.js和cpolar实现远程访问，无需公网IP和路由器设置的完美解决方案

    文章浏览阅读725次，点赞91次，收藏74次。Node.js 是能够在服务器端运行 JavaScript 的开放源代码、跨平台运行环境。Node.js 由 OpenJS Foundation（原为 Node.js Foundation，已与 JS Foundation 合并）持有和维护，亦为 Linux 基金会的项目。Node.js 采用 Google 开发的 V8 运行代码，使用事件驱动、非阻塞和异步输入输出模型等技术来提高性能，可优化应用程序的传输量和规模。这些技术通常用于资料密集的即时应用程序。Node.js 大部分基本模块都用 JavaScri

21. 盘点2023年前端大事件

    2023 年即将过去，这一年前端生态圈快速发展，发生了许多令人瞩目的事件和变化。从新技术的涌现到老技术的更新，前端技术正在经历着一次全面的变革。本文将梳理 2023 年前端界的重要事件，带你回顾那些令

22. 12k Star、40万+开发者信赖的开源商城系统

    前几天，有位读者问我有没有什么优秀的国产开源电商平台，他要拿来接单赚外快。我一听这话，精神头就来了。 所以，今天 HelloGitHub 就给大家找来了一款自用、二开都很方便的国产开源商城系统——CR

23. 高端的食材只需要最朴素的烹饪方式 – 基于 ES6 的重构屎山中的一坨

    你写不好代码的原因往往不是你的能力问题，往往是你接触的代码质量不够、缺少合理的代码审核、缺少重构思维，因此这个系列的文章会带你认识什么样的代码是有问题的？什么样的代码是好的？全文近 9k 字。

24. three.js实现3D汽车展厅效果展示

    今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始。 项目搭建 本案例还是借助框架书写three项目，借用vi

25. 如何在Node.js中执行CPU密集型任务？【转译】

26. 万字长文，TypeScript实战，封装一个axios – 基础封装篇

    axios 是一个流行的网络请求库。本文使用typescript，结合axios类型源码，利用面向对象思想，一步一步封装一个类型完整的基础版axios，便于刚接触axios封装的新手学习。

27. 借助 JSCodeshfit 快速重构、升级、迁移

    这篇文章将会带你认识 jscodeshift ——一个超级实用的代码转换工具，你可以用它实现大型代码重构、升级等工作。

28. 开源指北，如何参与 170k 的顶级项目

    开源指北，如何参与 170k 的顶级项目 几个月前在公司搞了一个开源的前端基建组织，在推动的过程中发现很多小伙伴对于开源这件事很陌生…

29. 初识Git ：版本控制的魔力

    本文专注于版本控制的重要性，探讨了Git系统配置的关键命令。版本控制是软件开发的核心，有助于跟踪、管理和协作项目。通过了解Git的配置和常见命令，您将能够更好地利用这一工具来提高开发效率。

30. Web前端工程的装机必备软件

    最近作者的电脑 C 盘变红了，这让我很难受(有点小强迫症)，所以准备重新安装下系统，顺便把 C 盘扩大点，本文记录下整个过程。

31. 写给还没玩过gitlab CI/CD的你，保证能学会

32. 如何做好前端项目组组长

33. 前端开发环境与真实环境的接口联通的那些最佳实践

    1. 背景 前端开发的产物通常是 app.js 、app.css ，然后将这些资源放在真实环境域名下进行工作的。 但前端的开发环境通常是本地的 http://localhost:xxx，业务域名可能是

34. nodejs+Vue+elementUI选校园招聘求职网站系统zr299

    文章浏览阅读325次，点赞6次，收藏7次。1．普通用户(学生)：注册登录系统，可以查看个人信息、公司信息、职位信息，可以修改个人信息，编辑个人简历、申请职位，职位可以申请多个，申请职位后，可以查看申请记录。（1）Vue提倡的渐进式的开发，而这点正是最贴切前端开发的思路，容易入手容易协同，能够更快速灵活的开发迭代，而这些正是Vue的成功之处，可以说是最具互联网思维的前端框架了。（1）辅导员：可以通过学生的学号，查找学生，查看个人信息、简历、投递情况等，可以给普通用户修改密码，删除普通用户、添加新用户等权限，还可以查看到用户申请职位情况。

35. Vue.js初体验：踏入前端开发的灵活世界

    前言 在前端领域，众多框架和库的涌现使得开发变得更加高效和灵活。Vue.js（简称Vue）作为其中一员，在其简洁而强大的特性下，吸引了越来越多的开发者。本文将分享我的Vue初体验，探索这个流行的Jav

36. 前端程序猿复工啦～

37. 【JavaScript】【回调】回调函数 && 回调地狱

    什么是回调函数？回调函数的作用和使用场景又有哪些？回调函数中的this指向又是哪些地方？什么是回调地狱？回调地狱出现的原因是什么？如何解决回调地狱？且听我缓缓道来~

38. 前端开发 – 【Vue】 – 前端项目 接入 高德地图、绘制轨迹、起点终点、当前位置

    前言 很多项目中都会使用到地图，使用的地图基本都是百度、高德、腾讯这些，但是，使用步骤都是大差不差的； 就以高德为例，说一下基本的使用流程； 下面是使用高德地图的基本流程： 注册账号 申请 Key 和

39. 舍友：阿巴阿巴阿巴阿巴….. 面试官：你这不就是增删改查吗？

40. threejs教程-UV坐标

41. Golang 搭建 WebSocket 应用（三） – 实现一个消息推送中心

    本文中，将会以一个更加真实的例子来学习如何在 Golang 中使用 WebSocket，希望对大家有所帮助

42. nodejs+vue+elementui咖啡商城销售系统qi99g

    文章浏览阅读283次，点赞8次，收藏5次。通过咖啡在线销售这个平台，可以使用户足不出户就可以了解现今的咖啡信息，为用户提供了极大的方便，咖啡在线销售的主要功能包含：店铺信息管理、注册用户管理、商品信息管理等模块。前台子系统为用户提供注册、登陆的功能，以及浏览咖啡，购买咖啡，提交订单后采用模拟的金额支付，实现咖啡的购买流程。后台子系统供网站内部管理人员使用，可以咖啡修改和删除、注册用户管理、店铺信息管理等功能，对用户的订单进行管理。另外一部分是网站的后台管理部分，这部分包括：对普通用户的账号进行删除、更改、查询管理，咖啡的管理、订单的管理等。

43. 聊一聊自己的前端之路以及后面晋升的一些想法

    jym大家好，闲来无事写下从事前端这么多年的一些感想和心德方面的分享,大概也从事前端也差不多8年的时间了，从大火的jquery时代到vue、react的时代，差不多也见证了前端这个行业从大火到逐渐趋于

44. 逐步掌握最佳Ai Agents框架-AutoGen 十 Web应用

    Streamlit + AutoGen, AI Chat Web应用搭建完成。假如您还没有将AutoGen Web化， 看这篇。

45. 理解JS中的this绑定规则，避免常见的错误

    JavaScript中的this关键字是指当前函数的执行上下文，其指向会根据不同的绑定规则而有所不同。本文深入探讨JavaScript中的this关键字的绑定规则，帮助你理解和正确使用this。

46. vue和react使用上的不同

    文章浏览阅读187次，点赞2次，收藏5次。【代码】vue和react使用上的不同。

47. Git自动化利器：使用Node.js脚本定制化提交消息处理

    如何通过编写Node.js脚本，结合Git Hooks功能，实现对提交消息的自动处理。我们将以一个实际的例子为案例，详细讲解如何使用Node.js脚本来扩展Git的功能，提高团队协作效率和代码规范一致

48. 一道让我开始怀疑自己的 JavaScript 面试题

    一道看似简单的 JavaScript 面试题却让我栽了跟头，让我不禁对自己的 JS 基础产生了怀疑。于是，我将正确的思路记录于本文，以便以后回顾。

49. CSS实现胶囊、半圆、90°扇形、4等份圆、吃豆人、对话框、爱心

    一、对称胶囊 通过两个半个胶囊组合而成，分别控制颜色及圆角 二、半圆 设置一个长方形，长为宽的二倍 三、90°扇形 通过某一个角的圆角角度，实现扇形，不同方向还可以搭配旋转实现 四、4等份圆 四个盒子

50. 【JavaScript】【回调】回调函数 && 回调地狱

    什么是回调函数？回调函数的作用和使用场景又有哪些？回调函数中的this指向又是哪些地方？什么是回调地狱？回调地狱出现的原因是什么？如何解决回调地狱？且听我缓缓道来~

51. 面向小白编程：初识 Node.js 之爬取豆瓣 Top250 电影信息

    当我们谈论 Node.js 时，可以把它想象成一种能让你用 JavaScript 运行在服务器上的技术。这可能会让你感到奇怪，因为通常我们认为 JavaScript 是在网页上执行的脚本语言。

52. 老生常谈，JS中数学计算精度问题的解决方案

    这是一个编码人耳熟能详的故事，每一个初入编程世界的人，似乎都会被它来一次灵魂拷问。它的出现，似乎打破了人们以往对于代码世界，然而，这看起来“不够严谨”的形成原因，却正是因为底层代码执行的足够严谨！

53. 古茗前端周刊 第十三期

    如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人。

54. 非root用户安装git lfs（git大文件）命令记录

    背景 最近在看LLAMA2的模型，想直接从Huggingface下载模型到本地，但是却发现服务器上没有安装git lfs命令。查询了一些资料完成了非root用户安装git lfs命令的操作，特此记录。

55. 解锁Vue 3的神秘力量：深入理解computed和watch

    1. 简介 Vue 3作为一款现代JavaScript框架，在处理响应式数据方面引入了两个关键特性：computed和watch。这两者在Vue应用中扮演着不可或缺的角色，为开发者提供了有效管理和响应

56. 【JavaScript】【回调】回调函数 && 回调地狱

    什么是回调函数？回调函数的作用和使用场景又有哪些？回调函数中的this指向又是哪些地方？什么是回调地狱？回调地狱出现的原因是什么？如何解决回调地狱？且听我缓缓道来~

57. GitHub Actions 之自动化发布 Maven 项目

58. 面试聊到了 Nacos 客户端配置加载过程，怎么回答才能拿高分

    欢迎点赞收藏关注哟 一. 前言 Nacos 作为配置中心和服务注册这一点已经没什么好说的了，但是如果聊到nacos 配置如何生效这个原理，涉及的点就很多了。 二. 宏观思想 在整个配置的处理过

59. Vue3中定义变量是选择ref还是reactive？

    文章浏览阅读382次，点赞10次，收藏7次。在 Vue 3 的 Composition API 中被引入，它主要用于创建响应式对象，尤其是用于包装基本数据类型的响应式对象。虽然都用于创建响应式对象，但它们在设计和用途上有一些区别，适用于不同的场景。它接受一个普通对象，并返回一个代理对象，该代理对象中的属性都是响应式的。是用于创建响应式数据的两个不同的 API。的设计初衷是为了确保在模板中使用变量时能够区分变量本身和它的值。就足够了，但当处理更复杂的数据结构时，尤其是需要进行深层次的数据操作时，这是 Vue 3 的一个改进，旨在提供更自然的语法。

60. canvas 凸包效果

    本篇文章主要阐述如何在canvas上实现凸包的效果，我们先来看看下什么是凸包，先上附图 从上面的图可以看出，图中的内容包含点