20240101 前端开发日报

2024为什么前端都应该掌握Nextjs 或 Nuxtjs；2023年前端发生了什么？；Git使用的正确姿势；LangChain.js 实战系列：如何统计大模型使用的 token 使用量和花费；面试官：实现一个 LRU 缓存。巧用 Map 【JavaScript】；记录我的NestJS探究历程（八）；React16源码: JSX2JS及React.createElement源码实现；Vue3中父子传参

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

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

2. 2023年前端发生了什么？

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

3. Git使用的正确姿势

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

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

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

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

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

6. 记录我的NestJS探究历程（八）

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

7. React16源码: JSX2JS及React.createElement源码实现

   文章浏览阅读326次，点赞6次，收藏5次。React中的 JSX 类似于 Vue中的template模板文件，Vue是基于编译时将template模板转换成render函数，在React中，JSX是类似于html和javascript混编的语法，而javascript是真的javascript, html并非真的html，它的可阅读性可维护性都是要高很多的

8. Vue3中父子传参

   文章浏览阅读111次。vue3中的父子传参方式

9. vue项目实战系列三十二：vue3语法reactive

   文章浏览阅读158次，点赞3次，收藏4次。【代码】vue项目实战系列三十一：vue3语法reactive。

10. 深入理解Vue.js 3的Reactive方法

    文章浏览阅读184次，点赞2次，收藏4次。本文介绍了在Vue.js中如何使用的Reactive方法。

11. 探索 Vue 异步组件的世界：解锁高效开发的秘密（上）

    文章浏览阅读336次，点赞6次，收藏10次。Vue 异步组件是指在 Vue 项目中，通过使用异步加载的方式加载的组件。这种组件可以提高项目的性能，减少首屏加载时间，并且可以方便地实现组件的复用和模块化。使用标签加载：通过在 HTML 文件中使用标签，可以加载 Vue 组件。这种方法适用于较小的组件，但是当组件较大时，可能会导致页面加载速度变慢。

12. Vue2 – Vue.observable 介绍

    文章浏览阅读249次，点赞8次，收藏4次。Vue.observable 介绍是使用场景。

13. vue3 key Attribute 的变化

    文章浏览阅读333次，点赞11次，收藏12次。Vue.js 中使用最多的两个指令就是v-if和v-for，因此开发者们可能会想要同时使用它们。虽然不建议这样做，但有时确实是必须的，于是我们想提供有关其工作方式的指南。

14. HTML5+CSS3+JS小实例：过年3D烟花秀

    文章浏览阅读554次，点赞6次，收藏6次。实例：过年3D烟花秀。技术栈：HTML+CSS+JS。

15. react为什么要使用JSX

    文章浏览阅读140次，点赞4次，收藏4次。JSX是一个JavaScript语法扩展，或者说是一个类似于XML的ECMAScript语法扩展。