- 博客(150)
- 收藏
- 关注
原创 【React学习】React框架下实现浅拷贝与深拷贝
在 React 应用中,深拷贝常用于需要确保状态对象的完全独立时。例如,当处理复杂的嵌套状态或传递状态给多个子组件时,函数修改的是状态的副本,而不是原始状态,从而避免了直接修改 React 状态的问题。是一个流行的 JavaScript 实用库,提供了许多有用的函数,包括。是一个常用于深拷贝对象和数组的方法。下面是一个在 React 中使用。
2024-08-06 14:40:48
593
原创 【React学习】JSX本质
JSX(JavaScript XML)是React框架中的一种语法扩展,它允许你在JavaScript代码中编写类似HTML的代码。JSX使得编写React组件的结构更加直观和简洁。JSX的结构类似HTML,但其实他是JavaScript的语法糖,通过Babel能够将JSX转换为普通的JavaScript函数。
2024-06-28 14:08:09
267
原创 【webpack学习】webpack插件之“html-webpack-plugin”
是一个Webpack插件,用于简化在构建过程中创建HTML文件的过程。它的作用是根据你的Webpack构建配置,在构建时自动生成一个或多个HTML文件,并将打包生成的JavaScript和CSS文件自动引入到这些HTML文件中。
2024-01-11 14:13:40
2524
原创 【webpack学习】使用webpack打包工具打包后的vendors~文件
在React框架下,使用Webpack打包工具进行项目打包时,生成的vendors文件通常是用于包含项目中使用的第三方库(dependencies)的代码的文件。
2024-01-11 10:47:48
1117
原创 【webpack学习】React项目中webpack.config.js 和 webpack.base.config.js 的区别
在React项目中,通常使用Webpack作为打包工具。
2024-01-11 10:32:59
880
原创 【JS学习】JavaScript的基本用法
JavaScript是一种高级、解释型的编程语言,通常用于在网页上实现动态交互和改善用户体验。它是一种脚本语言,可以嵌入到HTML中,并由浏览器解释执行。JavaScript广泛用于前端开发,但也可以用于服务器端开发(Node.js等)。
2024-01-05 16:55:42
1222
原创 【linux学习】linux概述
操作系统主要的功能有两个部分,一是更有效率的控制计算机硬件资源(主要通过核心来控制),二是为程序设计师提供更容易开发软件的环境(系统呼叫提供软件开发环境)。linux就是一套操作系统,linux就是核心+系统呼叫。
2024-01-05 11:04:44
468
原创 【linux学习】操作系统与应用程序
应用程序是参考操作系统提供的开发介面所开发出来软件,这些软件可以让使用者操作,以达到某些计算机的功能利用。为了能够驱动新的硬件,操作系统提供了一个开发界面给硬件开发商,在这个界面上,开发商可以设计驱动他们硬件的【驱动程序】。而由于核心只会进行计算机系统的资源分配,所以在上头还需要有应用程序的提供,使用者才能够操作系统的。核心程序所放置到内存当中的区块是受保护的, 并且开机后就一直常驻在内存当中。操作系统本质是一组程序, 这组程序的重点在于管理计算机的所有活动以及驱动系统中的所有硬件。
2024-01-05 10:04:15
461
原创 【linux学习】个人计算机架构
如图1.1所示,主机板上的各组件通过南北桥连接,理论上CPU与外部各组件的运算速度应该保持一致,但是CPU需要强大的运算能力(需要控制其他组件并且要完成逻辑运算),因此CPU厂商在CPU内部增加了一个加速功能,也就引出了CPU的外频和倍频。北桥的系统总线称为:系统系统总线,它是内存传输的主要通道,速度较快。主机板上最重要的是芯片组,芯片组通常分为两个桥接器来控制各组件的沟通,(1)北桥:负责连接速度较快的组件,CPU/RAM/VGA,(2)南桥:负责连接较慢的周边界面,硬盘/USB/网卡/PCI。
2024-01-04 20:13:17
999
原创 【JS学习】location对象
location对象是BOM(Brower Object Model)浏览器对象模型对象中的一个。它是Web API的一部分,可以通过浏览器的"window"对象进行访问。
2023-12-05 18:48:58
152
原创 【JS学习】map方法和forEach方法
map方法和forEach方法都是数组对象的原生方法,用于迭代数组的每个元素,并且可以为数组中的每个元素执行提供的回调函数。
2023-12-05 17:08:09
237
原创 【HTML/CSS学习】margin和padding的区别
margin用于创建元素之间的间距;padding用于控制元素内部内容与元素边界的距离
2023-10-26 19:42:36
2709
原创 【问题解决】发现Web应用程序源代码泄露模式
前端项目代码中,目前可以使用插件UglifyJsPlugin混淆Js代码,该插件主要用于压缩JavaScript代码,它会删除空格、注释以及其他不必要的字符,从而减小文件大小,提高加载速度。该类问题指的是在服务器端,Web应用程序的开发者工具(Devtools)中的Sources面板中可以看到前端build构建之后的相关源代码,包括HTML、CSS和JavaScript。drop_debugger: true:当设置为 true 时,此选项会从代码中删除所有 debugger 语句。
2023-10-26 11:39:23
1051
原创 【JS学习】字符串的replace方法
replace方法用于替换字符串中指定模式的文本部分。它可以用来查找一个字符串中的特定文本,然后将其替换为新的文本,生成一个新的字符串。replace方法并不会修改原始字符串,而是返回一个包含替换结果的新字符串。
2023-10-24 13:46:41
1685
原创 【JS学习】字符串的substring方法
substring是JavaScript字符串对象的一个方法,用于从一个字符串中提取子字符串,并返回提取的部分。
2023-10-24 11:09:48
7544
原创 【JS学习】字符串的startsWith方法
startsWith是JavaScript字符串对象的一个方法,用于检查字符串是否以指定的子字符串开始。
2023-10-24 10:32:08
4457
原创 【React学习】React中的setState方法
本文介绍React中的用于更新状态的方法setState,介绍了不可变值的概念,以及React17和18版本中setState在不同的场景中,更新状态的情况。
2023-08-18 10:22:07
2279
原创 【React学习】React父子组件通讯
在父组件中定义一个函数,将该函数作为 props 传递给子组件,子组件可以调用该函数并将该数据作为参数传递回父组件。发生变化时,React 会自动重新渲染子组件以确保子组件中使用的数据保持同步。将数据传递给子组件。在React框架中,父组件可以通过。来访问父组件传递过来的数据。
2023-07-27 20:15:56
891
原创 【React学习】受控组件
在React框架中,受控组件是一种使用组件的内部状态(state)来管理其值的组件。组件的状态受到React组件生命周期方法和事件处理函数的控制。通过受控组件,父组件可以完全控制子组件的数据流。
2023-07-26 19:35:39
902
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人