前端的神秘面纱

--- theme: smartblue --- ## 前言 hello，各位掘友们已经好久没有更新

在本篇文章中，我将为大家分享一下组件在渲染时，如何优化渲染的性能的问题。帮助大家在面试中有效的回答出该问题。

什么是webpack 简单来说，webpack就是一个打包工具，可以将相互依赖的html，css，js以及图片字体等资源文件，经过处理打包成一个可执行的项目文件。

Fiber 是 React 内部的一个核心算法，用于协调组件的渲染和生命周期。它是 React 团队为了解决传统 React 渲染模型（基于栈的递归）的局限性而设计的。

八月，九月，十月，有几个月没怎么更新技术文章了。这段时间开启了我人生中的第一段实习，这段时间的经历还挺丰富的，见证了我从学生迈向社会的第一步，正好趁着深夜没有睡意，来给大家分享一下最近的经历。

Redux 是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行，下图可形象描述redux。

今天来和大家一起聊聊在实习过程中碰到的useState钩子。 在React的世界里，管理状态（state）是件大事。

在程序员的圈子里，存在着这么一条鄙视链，做算法的瞧不上做后端开发的，做后端开发的瞧不上做前端的。做为鄙视链底端的前端工程师素来被人们称之为切图崽，但是前端工程师们要自信，我们也是可以做后端滴。

在 Koa 中，中间件的执行流程可以形象地比作`剥洋葱`的过程，在代码的底层实现中是用`递归`来实现的。

Pinia 是一个为 Vue.js 设计的状态管理库，它的设计目标是提供一个简单且直观的 API，同时保持高性能和灵活性。

--- theme: smartblue --- # Tailwind-原子化CSS框架 在传统 C

在传统的Node.js开发中没有内置统一的上下文对象，开发者通常直接操作req和res对象，这可能导致在多个中间件间共享数据时不够方便。

在传统的构建页面布局时，我们通常都是使用一个个的div标签再辅以相应的css代码来控制容器的定位，实现页面的整体布局，这样写出的代码会显得非常臃肿，并且页面的美观性较差。

，ref是连接Vue响应式系统与底层DOM结构的桥梁。在Vue框架内应用ref特性，显著增强了代码的清晰度和可维护性，因为它明确指明了组件内部哪些元素或组件实例将被操作

在Vue中组件通信是最强大的功能之一，但是组件的作用域是相互独立的，意味着不同组件之间的数据无法相互进行直接的引用，所以组件之间的通信非常重要。

异步是一种编程模型，与同步相对。在异步编程中，程序不会等待某个操作（如I/O操作、网络请求等）完成后再继续执行下一行代码，而是继续执行后续任务，无需阻塞或等待。

在传统的编写css代码时必须要将css代码的花括号{}, 分号; , 冒号: 这些符号全都编写出来，这种编程风格效率低下而且还不能使代码模块化正当我苦恼之时，发现了一种新的编程风格--`stylus`

该demo是一个前后端分离的简单应用程序，展示如何使用前端JavaScript技术（HTML、fetch API及async/await语法）与后端Node.js搭建的RESTful API进行交互。

天在学习es6的时候，看到了WeakSet和WeakMap这两种数据结构，发现这两种数据结构对对象的引用方式为弱引用，下面来聊聊强引用与弱引用之间的区别。

JavaScript的数据类型 在JavaScript中数据类型可以分为两大类：原始数据类型，引用数据类型。