前端开发
-
直接上代码： <Upload className="avatar-uploader" showUploadList={false} accept='image/*' beforeUpload={this.beforeUpload}> {base64 ? <div> <img alt="example" style={{ width: '88%' }} src={base64} /> </div> : <div style={{ textAlign: 'center' }}
2024-12-02 -
1. Hooks 在程序设计语言中，钩子(hook)是一种机制，它可以允许程序在某些预定的事件或位置执行特定的代码。在React中，Hooks 是一种让你在函数组件中添加状态(state)和其他 React 特性(如生命周期方法等)的函数。 本篇主要介绍React中的useState和useEffect两种钩子。 2. useState useState 是 React 中的一个 Hook，用于在函数组件中添加状态管理。它允许你在函数组件中声明状态变量，并提供更新这些状态变量的方法。
2024-12-02 -
文章目录 一、 State(状态) 1.1 State的书写形式1.2 绑定事件方法1.3 修改state值1.4 小案例二、props 2.1 基础用法2.2 批量传递参数三、ref的使用 3.1 字符串形式的ref3.2 回调函数下ref3.3 createRef 创建ref容器 前言 前面我们已经介绍了React中组件的相关知识，这里就以类式组件为例，讲解组件中的三大属性。 一、 State(状态) 1.1 State的书写形式 State 的使用对象形式(key,valu
2024-12-02 -
一、创建 React 项目 $ npx create-react-app react-tailwind $ cd react-tailwind 二、安装 Tailwind 以及其它依赖项: $ npm i -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9 Create React App 尚未支持 PostCSS 8，需要安装 。 三、安装和配置 CRACO 由于 Create React
2024-12-02 -
安装完成后，打开 WebStorm, 在打开的 License Activation 窗口中选择 License server。 在输入框输入网址： （已经失效） 最后点击 Activate。 因为注册码时不时不能用，所以建议大家自行去网站获取注册码，网址： 建议大家使用补丁的方法破解： -javaagent:D:\software\WebStorm 2018.2.4\bin\JetbrainsCrack-3.1-release-enc.jar 然后重启软件就好啦。
2024-12-02 -
一、LVS 简介 linux virtual server 简称 LVS，是章文嵩博士1998年发起的一个开源项目()。 Internet的快速增长使多媒体网络服务器面对的访问数量快速增加，服务器需要具备提供大量并发访问服务的能力，因此对于大负载的服务器来讲， CPU、I/O处理能力很快会成为瓶颈。由于单台服务器的性能总是有限的，简单的提高硬件性能并不能真正解决这个问题。为此，必须采用多服务器和负载均衡技术才能满足大量并发访问的需要。 针对高可伸缩、高可用网络服务的需求，我们给出了基于IP负载均
2024-12-02 -
1、防抖：在一定时间内，只执行最后一次任务 在事件被触发的N秒后再执行任务（回调函数），如果在这N秒内又触发事件，则重新计算： 当事件触发时，相应的响应处理函数不会立即被触发，而是等待一定的时间； 当事件密集触发时，函数的触发会被频繁的推迟； 只有等待了一段时间也没有事件触发，才会真正执行响应处理函数 function debounce (callback, time){ // 定义一个定时器 var timer =
2024-12-02 -
实现div循环切换（swiper插件） 注：swiper官网：https://2.swiper.com.cn/usage/index.html <head> <link rel="stylesheet" href="css/idangerous.swiper.css"> <script src="js/idangerous.swiper-2.x.min.js"></script> </head> 书写HTML文件内容 <div class="swiper-container">
2024-12-02 -
Node.js是一个底层平台。为了方便开发者的工作变得简单高效，社区诞生了超过上千个库。 随着时间的推移，有很多优秀的库可以供大家选择，下面是不完全选择列表： ExpressExpressExpress: 提供非常简单的方式来创建Web服务器，且功能足够强大并且足够的轻量，专注于服务器的核心功能。 // server.js const express = require('express') const app = express() const port = 3000 app.get('/
2024-12-02 -
一、模块化的背景和目的 模块化的背景 代码重复：功能类似的代码在多个地方出现，导致维护成本增加。耦合度高：代码之间依赖性强，修改一个地方可能会导致其他部分出现问题。难以扩展：想要新增功能时，现有代码结构复杂，改动需要冒高风险。 模块化的目的： 方便维护：模块化可以使代码结构更加清晰。开发者可以专注于维护单个模块，而不用担心整个项目的复杂性。可重用性：一个模块可以在不同的项目或同一项目的多个地方使用，减少重复代码。提高可读性和可测试性：由于每个模块的功能通常是单一的，代码更易于理解和测
2024-12-02