模块化的发展历程经历了多个阶段,从早期的自执行函数(IIFE)到现代的 ES Module,每个阶段都在不断地解决代码组织、依赖管理和模块加载等问题。下面是模块化发展历程的简要介绍:

1. IIFE(立即执行函数):

在早期的 JavaScript 开发中,为了避免全局变量的污染和命名冲突,开发者经常使用自执行函数(Immediately Invoked Function Expression,IIFE)来创建一个独立的作用域,将代码封装起来,达到模块化的效果。但是这种方式并没有真正解决模块化的问题,只是通过作用域的隔离来减少了全局污染的风险。

Read more »

如何提升 webpack 的构造性能

1. speed-measure-webpack-plugin

优化你的 webpack 构建速度的第一步是要知道你应该把注意力集中在哪里,在这里推荐一个插件:speed-measure-webpack-plugin,这个插件可以测量你的 webpack 构建速度

Read more »

基本概念

Docker 是一个用于 构建、运行、传送 应用程序的平台。

将以下这些打包,以便在任何环境中都可以正确地运行:

Read more »

简介

Nginx(发音为”engine-x”)是一个高性能的开源 Web 服务器和反向代理服务器。以下是 Nginx 的一些关键特点和简介:

高性能: Nginx 以高性能而著称,能够处理大量并发连接,同时占用较少的系统资源。它的事件驱动架构和非阻塞 IO 模型有助于实现高效的性能。

轻量级和可扩展: Nginx 的设计目标之一是保持简单、轻量级且可扩展。它的模块化架构使得用户可以根据需要选择性地添加功能模块。

反向代理: Nginx 可以用作反向代理服务器,接收客户端请求并将其转发到后端服务器。这使得它成为负载均衡和提高 Web 应用性能的理想选择。

负载均衡: Nginx 支持基于轮询、IP 哈希等算法的负载均衡,能够平均分配流量到多个后端服务器,提高系统的可用性和稳定性。

Read more »

BFF,既 Backend For Frontend。 中文翻译过来的意思是前端的后端。

介绍

前端后端 (BFF) 是一种架构模式,涉及为每个客户端应用程序创建单独的后端。这可以更好地分离关注点,因为可以根据客户端应用程序的需求专门定制后端。BFF 还可以通过减少客户端和服务器之间需要传输的数据量来提高性能和可扩展性。

Read more »

React 中的合成事件(SyntheticEvent)是一种封装了原生浏览器事件的虚拟事件对象。React 通过合成事件来处理浏览器事件,而不直接使用原生的事件对象。这样做的原因有以下几点:

Read more »

组件初始化—-render 方法—->生成虚拟 DOM—ReactDOM.render 方法—>真实 DOM

组件更新—- render 方法—->生成新的虚拟 DOM—-diff 算法—->定位出两次虚拟 DOM 的差异

在 Vue.js 中, nextTick方法用于在 DOM 更新之后执行回调函数。它的使用方式是调用 this.$nextTick(),并传入一个回调函数作为参数。回调函数将在 DOM 更新之后被执行,这样可以确保在修改数据之后立即操作 DOM。

Read more »