webpack
如何提升 webpack 的构造性能
1. speed-measure-webpack-plugin
优化你的 webpack 构建速度的第一步是要知道你应该把注意力集中在哪里,在这里推荐一个插件:speed-measure-webpack-plugin,这个插件可以测量你的 webpack 构建速度
docker
宏任务和微任务
nginx
简介
Nginx(发音为”engine-x”)是一个高性能的开源 Web 服务器和反向代理服务器。以下是 Nginx 的一些关键特点和简介:
高性能: Nginx 以高性能而著称,能够处理大量并发连接,同时占用较少的系统资源。它的事件驱动架构和非阻塞 IO 模型有助于实现高效的性能。
轻量级和可扩展: Nginx 的设计目标之一是保持简单、轻量级且可扩展。它的模块化架构使得用户可以根据需要选择性地添加功能模块。
反向代理: Nginx 可以用作反向代理服务器,接收客户端请求并将其转发到后端服务器。这使得它成为负载均衡和提高 Web 应用性能的理想选择。
负载均衡: Nginx 支持基于轮询、IP 哈希等算法的负载均衡,能够平均分配流量到多个后端服务器,提高系统的可用性和稳定性。
BFF(Backend For Frontend)
React 中的合成事件
React 中的合成事件(SyntheticEvent)是一种封装了原生浏览器事件的虚拟事件对象。React 通过合成事件来处理浏览器事件,而不直接使用原生的事件对象。这样做的原因有以下几点:
react

组件初始化—-render 方法—->生成虚拟 DOM—ReactDOM.render 方法—>真实 DOM
组件更新—- render 方法—->生成新的虚拟 DOM—-diff 算法—->定位出两次虚拟 DOM 的差异
NodeJs-Express
vue中的nextTick
在 Vue.js 中, nextTick
方法用于在 DOM 更新之后执行回调函数。它的使用方式是调用 this.$nextTick()
,并传入一个回调函数作为参数。回调函数将在 DOM 更新之后被执行,这样可以确保在修改数据之后立即操作 DOM。