网络框架的两种设计模式，无论操作系统的网络 I/O 模型的设计，还是上层网络框架的网络I/O模型的设计，用的都是这两种设计模式之一。

（1）Reactor模式：主动模式。

应用程序不断地轮询，询问操作系统或者网络框架、I/O是否就绪。Linux系统下的select、poll、epoll就属于主动模式，需要应用程序中有一个循环一直轮询；Java中的NIO也属于这种模式。在这种模式下，实际的I/O操作还是应用程序执行的。

Linux网络编程API函数初步剖析

今天我们来分析一下前几篇博文中提到的网络编程中几个核心的API，探究一下当我们调用每个API时，内核中具体做了哪些准备和初始化工作。

一 设计原则 (SOLID)

1. S - 单一职责原则（Single Responsibllity Principle）

这个vite.config.js文件是Vite项目的核心配置文件，它使用导出一个配置对象来定制Vite的行为。下面我将逐部分解读这个配置：

import { defineConfig } from 'vite'
import legacy from '@vitejs/plugin-legacy';
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

export default defineConfig({
  base: "./",
  plugins: [
    vue(),
    legacy({
      targets: ["defaults", "not IE 11"],
    })
  ],
  server: {
    port: 3000
  },
  resolve: {
    alias: {
      '@': resolve('src')
    }
  }
})

图片画廊组件是网站中常见的UI组件，尤其是在电商平台的产品详情页上，它允许用户通过缩略图快速浏览和查看产品的多个图片。本文介绍如何仅使用原生的js、css和html实现下面动画呈现的图片画廊组件。

功能介绍

1. html结构中上方为主图区域，下方为缩略图列表，缩略图列表的两边为控制水平左右滑动的箭头导航；

今天给小伙伴们分享一个超棒的Vue图片任意裁剪插件VueImgCutter。

vue-img-cutter 基于 vue2.x 构建的轻量级剪切图片组件。支持移动图像、放大缩小图片、任意移动图片、固定比例/尺寸、远程图片裁剪等功能。

功能特色

• 兼容IE9+，MSEdge，Chrome，Firefox
• 两种展现形式，行内或弹窗
• 可旋转、缩放图片

很多企业和个人创作者都有这样的困境：

• 只想快速做个 公众号封面、小红书 Banner，却要打开动辄几个 G 的设计软件；