20240105 前端开发周报

2023 前端年度技术总结;裸辞四个月,前端仔靠着Nest绝境收下offer;2023失业与重生:裸辞的670天,40岁的前端真的很难再找工作;2023年底被裁,分享一下面试经历;Vue 3.4 发布;拿开源套壳就是自主研发?事情没那么简单;技术资讯:Vue 3.4 新版本发布,1分钟快速看看改了啥;2024为什么前端都应该掌握Nextjs 或 Nuxtjs

  1. 2023 前端年度技术总结

    2024 已经到来,在 Web 前端这个岗位已经工作 6 年,这里将 2023 的学习内容做一些总结,并规划 2024 的学习计划。同时,子弈祝大家新的一年,身体健康、工作顺利、学有所成、生活美满。

  2. 裸辞四个月,前端仔靠着Nest绝境收下offer

    裸辞4个月,绝境之下的我,没想到居然靠着nest这个神来之笔,丰满了自己的知识图谱,成功打动面试官获取到心仪offer

  3. 2023失业与重生:裸辞的670天,40岁的前端真的很难再找工作

    自2022年3月1日裸辞开始自由职业起,至今已经快700天了。 而2023年给了我更大的惊喜,我老婆也失业了! 我们现在是双失业家庭, 我们家现在完全没有任何稳定收入。

  4. 2023年底被裁,分享一下面试经历

    人生中第一次被裁员 2023年11月21日。 “来一下小会议室”。 领导给我私发了一条消息。 我隐约感觉到有不好的事情要发生了。在经历了一段时间的996之后,公司也开始陆续裁员了。前几天就已经连续走了

  5. Vue 3.4 发布

    今天,我们很高兴地宣布 Vue 3.4 “灌篮高手”的发布! 此版本包括一些实质性的内部改进 – 最引人注目的是重写的模板解析器,速度提高了 2 倍,以及重构的反应系统,使效果触发更加准确和高效。它

  6. 拿开源套壳就是自主研发?事情没那么简单

    去年8月国内科技圈出了一件非常丢人的事情,想必大家已经都知道了,某个号称自主研发的IDE完全使用开源的VSCode改名而来。没错,就是改名! 哦,对了,还加上了vip功能! 为什么这家公司可以如此堂而

  7. 技术资讯:Vue 3.4 新版本发布,1分钟快速看看改了啥

    踏着2023年的小尾巴,尤大大声明发布了`Vue3.4`新版本。原文对于一些朋友来说,可能比较抽象,所以这里我不多唠了,节约时间直接一起快速过一遍。

  8. 2024为什么前端都应该掌握Nextjs 或 Nuxtjs

    随着互联网行业的收紧,各大公司对前端的要求也越来越高,请热爱前端行业的朋友不要气馁,前端还可以做很多事。在2024年之后,个人认为服务端渲染框架将成为必备技能

  9. JS实用小方法-将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示

    一、代码注释详解 参数相关 date为传入时间 例:"2023/5/10 11:32:01" 2023-02-01 09:32:01 type为返回类型 例:YYYY-MM-DD YYYY年MM月DD

  10. TinyEngine 服务端正式开源啦

    本文介绍了 TinyEngine 低代码引擎服务端开源的核心特性、服务端架构、硬件配置、相关FAQ、未来规划等内容

  11. 5 款开源热搜项目「GitHub 热点速览」

    随着 2023 年的结束,我们也迎来了 2024 年的第一个工作日,新的一年就让「GitHub 热点速递」陪你一起进入工作状态吧! 说到上周的 GitHub 热搜项目就不得不提一下,一周飙升了 8 千

  12. 记录我的NestJS探究历程(八)——守卫

    在上一篇文章中分析了NestJS的拦截器的知识点之后,本文开始分析NestJS的守卫的知识点。 本文是一套系列文章,有很强的前后联系,如果您对NestJS感兴趣的话,建议您从本系列的开头开始阅读。 初

  13. 古茗是如何做前端数据中心的

    古茗的前端数据中心包含了前端监控、性能、日志、埋点等能力,还支持错误分析、埋点分析报表等功能 不仅支持小程序、web 还支持客户端 flutter、服务端 nodejs 等。

  14. 深入理解 JavaScript 事件流机制:冒泡、捕获及事件代理

    事件触发过程是 JavaScript 中非常重要的概念,理解它可以帮助我们更好地处理用户交互和网页响应。在 JavaScript 中,事件触发是通过事件流(Event Flow)来实现的。事件流描述了

  15. # vue3 组件之间传值

    vue3 组件之间传值 前言 vue2.7 是现在,也是最后一个 vue2 版本的更新,官方已经发布通告,vue2 版本将于 2023年12月31日 停止维护,但是停止维护不代表不能使用哈,我们可以继

  16. 2023总结:我在深圳做前端的第6年

    入行前端已经6年了,一直有在掘金看技术文章的习惯。其实很早有想在掘金上写点什么,奈何个人技术水平太菜,实在不敢在各位大佬面前献丑;二来就是太懒,无法静下心来做一件事。但万事开头难,不踏出这一步,永远只

  17. vue使用scss、less切换主题(scss篇),进来就是赚到

    最近想做一个切换主题的功能,但是发现scss和less使用起来还有些区别,写完之后自己总结了一些,大家可以看看。

  18. threejs系列之:矩阵推导

    数学上,矩阵定义为是一个有m行(row)n列(column)元素的矩形阵列。在线性代数中矩阵和向量是随处可见的,向量与矩阵的计算也是该熟记的。

  19. 2023年前端发生了什么?

    这篇文章将会带你回顾2023年前端圈都发生了什么,时间从早到晚的顺序排列,看看大牛们今年都在卷什么~

  20. LangChain.js 实战系列:入门介绍

    LangChain.js 是一个快速构建 AI 应用的库,它提供了一系列的工具,可以帮助你快速构建一个 AI 应用。 LangChain.js 目前还在快速迭代中,这是由于 AI 技术自身也正在快速迭

  21. NAS上使用docker部署wikijs+pg+nginx搭建云知识库

    NAS上使用Docker搭建Wiki.js、PostgreSQL和Nginx云知识库 在本文中,我们将探讨如何在网络附加存储(NAS)设备上使用Docker容器技术搭建一个功能强大的云知识库。我们将使

  22. 从2023看2024前端发展趋势

    行有不得则需反求诸己,私以为各位前端同学应该以“守正”之心念搏“出新”之机遇。因此,以下个人将分享一些各位前端同学应该调整的策略以及未来一年中一些可能出现的机会与趋势。

  23. Papers We Love: 计算机科学研究的集结地 | 开源日报 No.131

    Papers We Love 是一个汇集了优质计算机科学研究文章的社区,为用户提供了一个学习、讨论和交流的平台。通过提供论文链接,用户可以方便地获取这些论文。此外,Papers We Love 还提供

  24. 学会使用git,快乐编写代码(常用命令和远程连接)

    git在我们的工作中十分的重要,没接触git之前,我会复制好多文件file1、file2、file3,到关键的时候呢可能还会忘记这个文件是做什么的,现在想想就好笑。

  25. 如何修改git历史: 修改, 插入, 合并, 拆分, 删除, 只需要2个命令

    2个命令, 几十行的总结, 就可以知道如何对git历史进行: 修改, 插入, 合并, 拆分, 删除.

  26. Git使用的正确姿势

    一款分布式版本管理的软件,Linux 内核,通过….操作…!!! 分布式 小组内每个人本地电脑上都可以有一个完整版本 版本管理 可以记录下我们每一次对代码的新增、修改,删除,返回 等操作 gi

  27. iDraw.js的v0.4重构,大深海的2023年度总结

    2023年已经结束,是时候对过去一年做个总结,今年把iDraw.js重构到v0.4版本,可以用于打造二维网页设计工具。

  28. 杭漂六年前端的年终总结

    前言 关于年初 事实上,我们是2022年开始搞得这项目,一直到今年2月份,但是之后还有稀稀拉拉的小需求,直到今年五六月份,这个项目才彻底交付。经常遇到大发布就是在公司狗一个晚上,肝到凌晨一点,两点,三

  29. 前端架构大升级,资源架构重塑全攻略(图文详解)

    本文涵盖前端资源管理、性能优化、配置管理、安全性、解耦、一致性、集成化部署及用户体验等关键方面。为前端工程师提供实用的方案和经验,潜在的收益影响多方面。或许当前用不上,但未来必有用武之地,强烈建议收藏

  30. git公共分支和个性化分支合并说明

    合并命令: 从公共分支合并到个性化分支 文件如下: 使用merge合并 组长在develop分支修改1.txt进行几次提交,并且推送到了远程分支 开发人员张三在本地库开发,修改了zhangsan.tx

  31. Kubernetes 外部 HTTP 请求到达 Pod 容器的全过程

    Kubernetes 集群外部的 HTTP/HTTPS 请求是如何达到 Pod 中的 container 的? HTTP 请求流转过程概述 如上图所示,全过程大致为: 用户从 web/mobile/p

  32. three.js四元数Quaternion

    参考资料:threejs中文网 three.js四元数Quaternion 接着上节课欧拉角Euler的讲解,本节课给大家介绍threejs一个新的类,四元数Quaternion。 四元数Quater

  33. 跟杰哥一起学Flutter (七、项目实战-UI部分‍♀️)

    上节对实战过程中可能遇到的知识点进行了预研,涉及:网络请求、Json序列化和反序列化、路由跳转、数据共享等内容。所以,本节以放心写UI(堆控件)啦,手把手带你手撸一个Flutter版的Wan

  34. 使用 wasm 提高前端20倍的 md5 计算速度

    基于 Rust 编译而成的 WebAssembly 大幅优化前端 Md5 Sha256 Sha512 计算速度。Md5 提升高达20倍计算速度,其他两个还没测试过。

  35. Git开发工具基本使用

    前言 这里只是对Git的一些基本使用做一个简单地梳理,方便重新快速上手。怎么拉项目,怎么提交,怎么创建分支,怎么合并提交等等基本操作。这玩意说实话太久不用确实会忘记。(适合快速恢复记忆使用) Git仓

  36. 1. 使用openai api实现一个智能前端组件

    大模型发展如火如荼,作为一名web前端开发人员有必要也需要了解大模型,已经大模型可以应用在什么地方。本文通过实现一个简单的智能前端组件,初步探索大模型运用方法

  37. LangChain.js 实战系列:如何统计大模型使用的 token 使用量和花费

    统计调用大模型的 token 使用量,进而统计整体的账单花费,是一个非常基础的需求,在 LangChain.js 中统计 token 的方式有两种,一种是方法的返回,一种是利用回调函数

  38. Serverless Framework:开发无服务器应用的最佳工具 | 开源日报 No.133

    Serverless Framework 是一个强大的命令行工具,使用简单的 YAML 语法,可以帮助你轻松部署代码和云基础设施,满足各种无服务器应用的需求。它支持多种编程语言,拥有超过 1000 个

  39. 面试官:实现一个 LRU 缓存。巧用 Map 【JavaScript】

    这是一道比较常见的面试算法题。原理上并不难理解,但是实现细节却有很多注意的地方,特别是常规的哈希表+双向链表的实现。本文利用 JavaScript 的 Map 特性,巧妙实现。

  40. 记录我的NestJS探究历程(八)

    在上一篇文章中分析了NestJS的拦截器的知识点之后,本文开始分析NestJS的守卫的知识点。 本文是一套系列文章,有很强的前后联系,如果您对NestJS感兴趣的话,建议您从本系列的开头开始阅读。 初

  41. 《HelloGitHub》第 93 期

    简介 HelloGitHub 分享 GitHub 上有趣、入门级的开源项目。 这里有实战项目、入门教程、黑科技、开源书籍、大厂开源项目等,涵盖多种编程语言 Python、Java、Go、C/C++、S

  42. nodejs+vue+ElementUi农产品团购销售系统zto2c

    文章浏览阅读398次,点赞17次,收藏6次。系统首页、个人中心、用户管理、商品类别管理、热卖商品管理、系统管理、订单管理,用户;系统中管理员主要是为了安全有效地存储和管理各类信息,还可以对系统进行管理与更新维护等操作,并且对干城小区团购平台有相应的操作权限。软件采用B/S结构,软件系统前台主要实现的功能是:用户的注册与登录,商品的查找与浏览,商品的购买。目标是为了完成小区团购平台的设计和实现,在疫情当下的环境,方便小区业主购入生活所需,减小居民的生活压力。商品的查找与浏览:用户可以用搜索的功能,对所需商品进行查询,可以浏览商品的基本信息。

  43. ️前端研发的新基础设施 – Rust ️️

    最开始关注到 Rust ?️,是因为 Atom 团队放弃维护 Atom,转身投入到一个新的轻量级、更快的编辑器 Zed 的开发,而这个编辑器最大的特点就是将全部基于 Rust 来构建。

  44. nodejs+vue+ElementUi摄影预约服务网站系统91f0v

    文章浏览阅读335次,点赞7次,收藏6次。本儿童摄影服务系统以vue作为框架,b/s模式以及MySql作为后台运行的数据库,同时使用用为系统的服务器。本系统主要包括首页,个人中心,用户管理,员工管理,摄影套餐管理,套餐系列管理,客片欣赏管理,摄影预约管理,摄影订单管理,取片通知管理,摄影评价管理,系统管理等功能,通过这些功能的实现基本能够满足日常儿童摄影服务管理的操作。系统的主要功能包括:首页,个人中心,用户管理,员工管理,摄影套餐管理,套餐系列管理,客片欣赏管理,摄影预约管理,摄影订单管理,取片通知管理,摄影评价管理,系统管理等功能。

  45. 年末随笔|Android面试总结(简历和自我介绍)

    前言 在前一段时间里,我既当了很长时间的求职者,也当了面试官去考察一些候选人。 在入职了新公司以后,终于有时间对前一段时间做了一些总结,这次是非技术的总结,包括「简历」和「自我介绍」这两部分,希望对各

  46. Vue 中的 ref 与 reactive:让你的应用更具响应性(上)

    文章浏览阅读384次,点赞11次,收藏7次。ref和reactiveref的背景和重要性:在 Vue 2 中,通过使用v-bind和v-on等指令来实现数据的双向绑定。但是,在某些情况下,需要直接操作 DOM 元素或组件实例,这时候就需要使用ref属性。ref允许你通过引用的方式访问 DOM 元素或组件实例,从而方便地进行直接操作。在 Vue 3 中,ref有了一些改进,它现在可以引用任何类型的值,包括组件实例、函数、对象等。reactive的背景和重要性:在 Vue 2 中,响应式系统是基于对象的属性监听实现的。

  47. 面试题: JavaScript事件流与事件代理

    JavaScript中的事件流是指事件在页面中传播和触发的过程,分为捕获阶段、目标阶段和冒泡阶段。在这个过程中,我们可以利用事件代理和阻止默认行为等技巧来更灵活地处理用户交互,事件代理(或称事件委托)


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流