自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(150)
  • 收藏
  • 关注

原创 【React学习】React框架下实现浅拷贝与深拷贝

在 React 应用中,深拷贝常用于需要确保状态对象的完全独立时。例如,当处理复杂的嵌套状态或传递状态给多个子组件时,函数修改的是状态的副本,而不是原始状态,从而避免了直接修改 React 状态的问题。是一个流行的 JavaScript 实用库,提供了许多有用的函数,包括。是一个常用于深拷贝对象和数组的方法。下面是一个在 React 中使用。

2024-08-06 14:40:48 307

原创 【React学习】JSX本质

JSX(JavaScript XML)是React框架中的一种语法扩展,它允许你在JavaScript代码中编写类似HTML的代码。JSX使得编写React组件的结构更加直观和简洁。JSX的结构类似HTML,但其实他是JavaScript的语法糖,通过Babel能够将JSX转换为普通的JavaScript函数。

2024-06-28 14:08:09 211

原创 【HTML/CSS学习】CSS常见选择器

CSS(层叠样式表)中有许多常见的选择器,它们用于选择要应用样式的HTML元素。

2024-03-06 17:38:16 555

原创 【React学习】React将时间戳转换成时间

本文介绍使用moment.js库将时间戳快速转换成可读的时间格式

2024-03-06 17:23:20 475

原创 【webpack学习】webpack插件之“html-webpack-plugin”

是一个Webpack插件,用于简化在构建过程中创建HTML文件的过程。它的作用是根据你的Webpack构建配置,在构建时自动生成一个或多个HTML文件,并将打包生成的JavaScript和CSS文件自动引入到这些HTML文件中。

2024-01-11 14:13:40 1771

原创 【JS学习】JS删除数组中指定的元素

本文介绍使用JavaScript语言删除数组中指定元素的5种方法

2024-01-11 10:56:19 907

原创 【webpack学习】使用webpack打包工具打包后的vendors~文件

在React框架下,使用Webpack打包工具进行项目打包时,生成的vendors文件通常是用于包含项目中使用的第三方库(dependencies)的代码的文件。

2024-01-11 10:47:48 788

原创 【webpack学习】React项目中webpack.config.js 和 webpack.base.config.js 的区别

在React项目中,通常使用Webpack作为打包工具。

2024-01-11 10:32:59 783

原创 【linux学习】linux操作系统的优缺点

linux操作系统主要的特点就两个:1. 作为开放式系统,源代码可修改;2. 对硬件的需求低。

2024-01-08 10:47:58 1075

原创 【JS学习】JavaScript的基本用法

JavaScript是一种高级、解释型的编程语言,通常用于在网页上实现动态交互和改善用户体验。它是一种脚本语言,可以嵌入到HTML中,并由浏览器解释执行。JavaScript广泛用于前端开发,但也可以用于服务器端开发(Node.js等)。

2024-01-05 16:55:42 1164

原创 【linux学习】linux概述

操作系统主要的功能有两个部分,一是更有效率的控制计算机硬件资源(主要通过核心来控制),二是为程序设计师提供更容易开发软件的环境(系统呼叫提供软件开发环境)。linux就是一套操作系统,linux就是核心+系统呼叫。

2024-01-05 11:04:44 441

原创 【linux学习】操作系统与应用程序

应用程序是参考操作系统提供的开发介面所开发出来软件,这些软件可以让使用者操作,以达到某些计算机的功能利用。为了能够驱动新的硬件,操作系统提供了一个开发界面给硬件开发商,在这个界面上,开发商可以设计驱动他们硬件的【驱动程序】。而由于核心只会进行计算机系统的资源分配,所以在上头还需要有应用程序的提供,使用者才能够操作系统的。核心程序所放置到内存当中的区块是受保护的, 并且开机后就一直常驻在内存当中。操作系统本质是一组程序, 这组程序的重点在于管理计算机的所有活动以及驱动系统中的所有硬件。

2024-01-05 10:04:15 418

原创 【linux学习】个人计算机架构

如图1.1所示,主机板上的各组件通过南北桥连接,理论上CPU与外部各组件的运算速度应该保持一致,但是CPU需要强大的运算能力(需要控制其他组件并且要完成逻辑运算),因此CPU厂商在CPU内部增加了一个加速功能,也就引出了CPU的外频和倍频。北桥的系统总线称为:系统系统总线,它是内存传输的主要通道,速度较快。主机板上最重要的是芯片组,芯片组通常分为两个桥接器来控制各组件的沟通,(1)北桥:负责连接速度较快的组件,CPU/RAM/VGA,(2)南桥:负责连接较慢的周边界面,硬盘/USB/网卡/PCI。

2024-01-04 20:13:17 885

原创 【linux学习】计算机概论

接受使用者输入指令与数据,经由中央处理器的数学与逻辑单元处理后,以产生或储存成有用的信息。

2024-01-04 14:38:39 1045

原创 【问题解决】将页面下载为PDF文件(前端实现)

本文介绍了在React框架下的类组件中,将html页面下载为pdf文件的思路。

2023-12-11 11:25:29 465

原创 我的创作纪念日

我的创作纪念日

2023-12-06 12:33:48 132

原创 【JS学习】location对象

location对象是BOM(Brower Object Model)浏览器对象模型对象中的一个。它是Web API的一部分,可以通过浏览器的"window"对象进行访问。

2023-12-05 18:48:58 121

原创 【JS学习】map方法和forEach方法

map方法和forEach方法都是数组对象的原生方法,用于迭代数组的每个元素,并且可以为数组中的每个元素执行提供的回调函数。

2023-12-05 17:08:09 195

原创 【信息安全】SM4国密算法原理

本文介绍SM4国密算法的加解密实现原理。

2023-12-05 14:25:05 10816 5

原创 【信息安全】MD5哈希函数

本文介绍MD5算法以及使用JS语言在React框架下利用CryptoJS库实现MD5算法

2023-12-04 15:37:54 699

原创 【开发规范】前端开发中引用文件的方式

本文介绍前端开发时,引入文件、资源、组件的两种方式,主要为别名引用和相对路径引用。

2023-12-01 14:05:27 469

原创 【计算机网络】SSH文件传输协议

SSH协议是一种安全的数据传输协议,通过数据加密和身份验证,使得客户端和服务端之间的数据传输更加安全。

2023-12-01 09:27:44 394

原创 【HTML/CSS学习】margin和padding的区别

margin用于创建元素之间的间距;padding用于控制元素内部内容与元素边界的距离

2023-10-26 19:42:36 2065

原创 【问题解决】发现Web应用程序源代码泄露模式

前端项目代码中,目前可以使用插件UglifyJsPlugin混淆Js代码,该插件主要用于压缩JavaScript代码,它会删除空格、注释以及其他不必要的字符,从而减小文件大小,提高加载速度。该类问题指的是在服务器端,Web应用程序的开发者工具(Devtools)中的Sources面板中可以看到前端build构建之后的相关源代码,包括HTML、CSS和JavaScript。drop_debugger: true:当设置为 true 时,此选项会从代码中删除所有 debugger 语句。

2023-10-26 11:39:23 928

原创 【git命令】修改分支名字

通过git命令修改分支名字

2023-10-26 11:17:49 424

原创 【git命令】删除分支

删除本地分支和远程分支的git命令

2023-10-26 10:10:20 5500

原创 【计算机网络】文件传输协议FTP和SFTP

SFTP(SSH文件传输协议)和FTP(文件传输协议)都是用于在计算机之间传输文件的网络协议。

2023-10-25 10:45:14 496

原创 【JS学习】字符串的replace方法

replace方法用于替换字符串中指定模式的文本部分。它可以用来查找一个字符串中的特定文本,然后将其替换为新的文本,生成一个新的字符串。replace方法并不会修改原始字符串,而是返回一个包含替换结果的新字符串。

2023-10-24 13:46:41 1058

原创 【JS学习】字符串的substring方法

substring是JavaScript字符串对象的一个方法,用于从一个字符串中提取子字符串,并返回提取的部分。

2023-10-24 11:09:48 6357

原创 【JS学习】字符串的startsWith方法

startsWith是JavaScript字符串对象的一个方法,用于检查字符串是否以指定的子字符串开始。

2023-10-24 10:32:08 2675

原创 【读书笔记】《软技能》

《软技能-代码之外的生存指南》阅读摘抄

2023-10-22 23:06:09 679 2

原创 【React学习】React高级特性

本文介绍React的一些高级特性

2023-09-08 09:49:22 455 1

原创 【React学习】React组件生命周期

本文介绍React中常用的生命周期。

2023-08-18 11:41:29 430 1

原创 【React学习】React中的setState方法

本文介绍React中的用于更新状态的方法setState,介绍了不可变值的概念,以及React17和18版本中setState在不同的场景中,更新状态的情况。

2023-08-18 10:22:07 2117

原创 【JS学习】Object.assign 用法介绍

Object.assign方法可以用于对象合并以及浅复制一个对象。

2023-08-16 20:39:39 428

原创 【JS学习】JS中的扩展运算符

本文介绍ES6中扩展运算符的基本用法

2023-08-10 20:33:17 512

原创 【项目流程】前端项目的开发流程

本文以一个前端开发工程师的视角,介绍整个软件项目的开发流程以及注意事项。

2023-08-03 11:40:14 354

原创 【问题解决】如何理解 !value.trim()

本文是对js表达式 !value.trim() 的理解

2023-07-31 11:42:19 689

原创 【React学习】React父子组件通讯

在父组件中定义一个函数,将该函数作为 props 传递给子组件,子组件可以调用该函数并将该数据作为参数传递回父组件。发生变化时,React 会自动重新渲染子组件以确保子组件中使用的数据保持同步。将数据传递给子组件。在React框架中,父组件可以通过。来访问父组件传递过来的数据。

2023-07-27 20:15:56 850

原创 【React学习】受控组件

在React框架中,受控组件是一种使用组件的内部状态(state)来管理其值的组件。组件的状态受到React组件生命周期方法和事件处理函数的控制。通过受控组件,父组件可以完全控制子组件的数据流。

2023-07-26 19:35:39 864

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除