zhangwenok-CSDN博客

原创 JavaScript 数组

在前端开发中，JavaScript 数组是一种非常重要的数据结构，它允许我们存储和操作一系列的值。无论是简单的数据列表，还是复杂的对象集合，数组都能为我们提供灵活且高效的处理方式。本文将深入探讨 JavaScript 数组的特性、常用方法以及在实际前端开发中的应用。

2024-06-17 09:15:16 473 3

React 允许你创建自定义的 Hooks，这些 Hooks 可以包含你自己的逻辑，并在多个组件之间复用。自定义 Hooks 的命名通常以use开头，并接受一个或多个参数。// 自定义一个用于获取 API 数据的 Hookfetch(url)}, [url]);// 依赖项数组，当依赖项变化时，重新执行 effectReact Hooks 的引入，为 React 组件的开发带来了全新的模式。通过使用 Hooks，我们可以更加灵活地编写无状态的函数组件，并处理复杂的逻辑。

2024-06-17 09:07:39 1240 2

原创 HTML入门教程：深度解析HTML，开启你的前端技术之旅

HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。

2024-06-14 11:01:38 1582

原创 Vue.js入门教程：轻松掌握前端框架的魔法

通过本文的介绍，你已经对Vue.js有了初步的了解，并掌握了如何安装Vue.js、创建Vue实例和使用Vue组件等基础知识。随着前端技术的飞速发展，Vue.js凭借其简洁、易上手和高效的特点，成为了前端开发者们的新宠。Vue.js的安装非常简单，你可以通过CDN直接引入Vue.js，也可以通过npm或yarn进行安装。Vue组件是Vue.js的核心概念之一，它们可以扩展HTML元素，封装可重用的代码。接下来，我们来创建一个简单的Vue实例，体验其数据驱动视图的能力。在这个例子中，我们定义了一个名为。

2024-06-14 10:19:10 402

原创 JavaScript面试题：常见考点与解答

在前端开发领域，JavaScript无疑是核心技能之一。无论是初入行的新手还是经验丰富的开发者，都可能会遇到JavaScript相关的面试题。本文将探讨一些常见的JavaScript面试题，并提供相应的解答，帮助读者深入理解这些考点。

2024-06-12 10:12:16 985 1

原创 2024年，计算机相关专业还值得选择吗？

例如，计算机科学与技术、软件工程等传统专业仍然是就业市场的热门选择，它们涵盖了计算机系统的基本原理、软件开发的基本方法和技能等方面，为学生提供了扎实的专业基础。同时，随着新兴技术的兴起和行业的不断发展，计算机专业人才的就业前景更加广阔。当然，在选择计算机相关专业时，我们需要考虑自己的兴趣、职业规划以及所需技能和竞争力等方面。同时，我们还需要考虑自己的职业规划和发展方向，选择与自己兴趣和目标相符合的专业方向。然而，随着技术的快速发展和行业的不断变化，许多人开始疑惑：在2024年，计算机相关专业还值得选择吗？

2024-06-12 09:57:32 434

原创 React入门教程：构建你的第一个React应用

在当今快速发展的Web开发领域，前端技术日新月异，而React作为一款强大的JavaScript库，已经成为众多开发者的首选。React以其组件化、高效的性能和灵活的数据处理机制闻名于世，被广泛用于构建动态且复杂的用户界面。在本教程中，我们将引导您从零开始，一步步构建您的第一个React应用。

2024-06-11 11:15:33 496

原创 JavaScript前端技术入门教程

通过JavaScript，我们可以直接操作DOM，改变网页的结构、样式和内容。通过为DOM元素绑定事件监听器，我们可以响应用户的点击、输入、滚动等操作，并执行相应的JavaScript代码。通过学习JavaScript的基础语法、DOM操作、事件处理和异步编程等知识，我们可以开发出功能丰富、交互流畅的Web应用。JavaScript的控制流语句包括条件语句（if-else、switch）、循环语句（for、while、do-while）和跳转语句（break、continue、return）等。

2024-06-10 22:50:26 566

原创前端技术入门指南

在数字化时代，前端开发成为了连接用户与数字世界的重要桥梁。无论你是对编程充满好奇的新手，还是想要拓展自己技能领域的在职人员，前端开发都是一个值得学习和探索的领域。本文将带你走进前端技术的世界，为你提供一个入门指南。前端技术包括HTML、CSS、JavaScript三大基石，以及后续为了提升用户体验和页面性能而发展的各种技术和框架。通过不断学习和实践，你可以逐步掌握前端技术，并成为一名优秀的前端开发者。希望本文能为你提供一个入门前端技术的指引，祝你在前端技术的道路上越走越远！

2024-06-10 22:45:36 319

原创前端技术探索：从基础到进阶

前端技术是一个充满挑战和机遇的领域。通过不断学习和探索新的技术和趋势，我们可以不断提升自己的技能和能力，为用户创造更加优质和智能的Web体验。希望本文能为您在前端技术的学习和发展中提供一些启示和帮助。

2024-06-07 10:03:01 350

原创前端经典面试手写题

前端面试中常会遇到的手写题主要考察应聘者对前端基础知识的掌握程度以及编程能力。

2024-06-07 09:58:11 753

原创程序员应该有什么职业素养？

作为一名程序员，我们不仅需要具备扎实的技术功底和创新能力，还需要具备责任感、学习能力、沟通能力和解决问题的能力等核心职业素养。这些职业素养不仅能够让我们在工作中更加得心应手、事半功倍，还能够让我们在职业生涯中不断成长和进步。希望本文能够对广大程序员朋友们有所启发和帮助。

2024-06-06 17:08:38 452

原创 Web前端三大主流框架：React、Angular和Vue的技术解析

Angular是Google开发的一个开源Web应用框架，它提供了完整的开发解决方案，包括模板、数据绑定、路由、表单验证等功能。在当今的Web前端开发中，三大主流框架——React、Angular和Vue，以其各自的特色和优势，占据了重要的位置。Vue是一个轻量级的、渐进式的JavaScript框架，它提供了灵活的组件系统和强大的指令系统。：React适用于构建大型、复杂的Web应用，尤其是需要高性能渲染和数据驱动的应用。：Vue适用于构建小型到中型的Web应用，尤其是需要快速开发和灵活定制的应用。

2024-06-06 16:57:34 698

原创 JS基础面试题目

在前端开发的面试中，JavaScript（简称JS）基础知识是每一位候选人必须掌握的。这些基础知识不仅涉及到语法的理解，还包括对JavaScript核心特性和最佳实践的了解。本文将通过一系列常见的JS基础面试题目，来探讨这些知识的深度和应用。

2024-06-06 16:47:05 413

原创使用React Hooks有什么优势

React Hooks的引入，就是为了解决这些问题，使得函数组件能够像类组件一样具有状态管理、生命周期等功能，同时还能保持简洁性和可读性。React Hooks作为React框架中的一项重要特性，极大地简化了React组件的开发过程并提高了代码的可读性和可维护性。随着React 16.8版本的发布，React Hooks作为一项革命性的新特性，彻底改变了我们构建和管理React应用状态的方式。Hook，用于封装数据获取的逻辑，然后在需要的地方直接调用该Hook，而无需在每个组件中重复编写数据获取的代码。

2024-06-06 16:41:12 853

原创 react受控组件和非受控组件区别

在React中，受控组件是由React状态（state）控制的组件。这意味着组件的状态和用户输入是直接关联的。当用户与输入元素（如文本框或复选框）交互时，组件的状态会更新，从而反映用户的输入。return (在上面的例子中，inputValue的状态受React控制，通过onChange事件更新状态。相比之下，非受控组件是由DOM本身控制的组件。React不直接管理这些组件的状态，而是通过对DOM的引用来获取和更新组件的值。

2023-12-13 16:27:27 994

原创理解并使用React的有状态组件和无状态组件

在React中，有状态组件和无状态组件是两种基本的组件类型，它们在特性和使用场景上有所不同。本文将深入探讨这两种组件类型的理解及使用场景。

2023-12-07 09:40:09 829

原创 javaScript中Promise.all和Promise.race的区别的使用场景

Promise.all 是一个函数，它接收一个 Promise 对象的数组作为参数，并返回一个新的 Promise 对象。如果数组中有一个 Promise 对象失败，新的 Promise 对象就会立即标记为失败。Promise.race 也是一个函数，它接收一个 Promise 对象的数组作为参数，并返回一个新的 Promise 对象。JavaScript 中的 Promise.all 和 Promise.race 是两个非常实用的函数，它们都用于处理多个 Promise 对象，但使用场景和作用有所不同。

2023-12-07 09:27:23 379

原创 React setState()的两种书写方法对比

一般来说，如果状态更新很简单，并且不需要依赖之前的state或props，那么对象解构赋值方法是很好的选择。如果状态更新涉及复杂的逻辑或需要基于之前的state进行计算，那么使用函数的方法更加灵活。使用函数方法的优点是可以根据之前的state进行计算，实现复杂的状态更新。此外，函数还可以访问之前的props，实现更灵活的状态管理。这种方法需要传入一个函数作为参数，该函数接受之前的state作为参数，并返回一个对象，表示要更新的状态。但是，它的缺点是只能用于简单的状态更新，不能根据之前的状态或属性进行计算。

2023-12-07 08:53:47 359

原创 React useCallback 详解

在 React 中，useCallback 是一个非常实用的 Hook，它可以帮助我们避免在每次渲染时都创建新的函数，从而提高性能。useCallback 返回一个记忆化的回调函数，它只在其依赖项改变时才会改变。下面是一个详细的 React useCallback 教程，帮助你深入了解这个 Hook。

2023-12-06 17:23:13 2514

原创 for...in 和for...of 的区别

for...in 的语法是 for (key in object)，而 for...of 的语法是 for (value of object.values()) 或 for (key value of object)。同时，for...in 返回的是属性名称的数组，而 for...of 返回的是属性键值对的数组。需要注意的是，for...in 只能遍历对象的可枚举属性，而不能遍历对象的可迭代属性。首先，for...in 用于遍历对象的可枚举属性，包括对象自身和继承自原型链的属性。

2023-12-06 16:46:57 35

原创 JavaScript 实现冒泡排序

冒泡排序是一种基础的排序算法，其核心思想是通过不断比较相邻元素并交换顺序，将最大（或最小）的元素“冒泡”到数组的一端。在 JavaScript 中，我们可以使用 ES6 语法来更高效地实现冒泡排序。在本篇博客中，我们将详细解读冒泡排序的工作原理，并使用 ES6 语法来编写一个优化的冒泡排序函数。

2023-12-05 16:29:23 187

原创 JavaScript 数组方法 reduce() 的用法

在JavaScript中，reduce()方法是一个非常实用的数组方法，它接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。这个方法在处理数组元素时，将每个元素依次传入函数中进行处理，并将处理结果累积起来，最终得到一个单一的输出值。reduce()total：这是累加器，也是最终的返回值。：当前正在处理的元素。：当前元素的索引。如果省略，则视为应用在数组的元素上，而不是在索引上。arr：调用reduce()的数组。

2023-12-05 16:20:01 361

原创 React 函数组件和类组件的区别

函数组件是一个纯函数，它接受 props 作为输入，并返回需要渲染的 JSX。函数组件的定义通常使用箭头函数，并且不包含任何状态（state）或生命周期方法。类组件使用类语法来定义，包含了一个特殊的render方法，该方法返回需要渲染的 JSX。类组件可以使用状态（state）和生命周期方法。render() {

2023-11-08 22:49:41 432

原创 React中的“状态”（state）和“属性”（props）的区别

总结起来，"状态"（state）主要用于存储和管理组件内部的数据，而"属性"（props）主要用于从父组件传递数据给子组件。状态是React组件中用于存储数据的一种机制。它是在组件内部维护的，并且每个组件都有自己的状态。状态可以是私有的，也可以是公开的，这取决于你的应用程序的需求。属性是父组件传递给子组件的名称和值的对。它们是只读的，也就是说，子组件不能直接修改父组件传递的属性。在React中，"状态"（state）和"属性"（props）是两个重要的概念，它们在组件的生命周期和数据流中扮演着不同的角色。

2023-11-07 13:33:50 384

原创 js 字符串转数字

Number()：将字符串转换为数字。它会尝试将整个字符串转换为数字，如果字符串包含非数字字符，则会返回 NaN。：将字符串转换为整数。它会从字符串的开头开始解析，直到遇到非数字字符为止。如果第一个字符不能转换为数字，则返回。类似，它会从字符串的开头开始解析，直到遇到非数字字符为止。如果第一个字符不能转换为数字，则返回。因此，在使用结果之前，最好检查它是否是一个有效的数字。方法时，如果字符串包含非数字字符，则返回的数字可能是。：将字符串转换为浮点数。

2023-11-06 17:00:20 150

原创 JavaScript 数组去重方法

JavaScript 数组去重是开发中常见的操作之一，对于不同的去重方法，我们需要根据实际需求选择使用。Set 对象适用于已知去重元素的情况；filter() 和 includes() 方法可以自定义去重规则；indexOf() 方法适用于已知元素类型的情况。在未来的开发中，我们需要根据实际需求选择合适的去重方法，提高开发效率和代码质量。

2023-11-06 16:45:58 114

原创 JavaScript：从入门到进阶的旅程

在本文中，我们将探讨JavaScript的基础知识，以及一些进阶的概念和技巧。JavaScript是一种强大的编程语言，具有广泛的应用场景。通过掌握基础知识和一些进阶概念，我们可以更好地利用JavaScript构建交互性和动态性的网页和应用程序。JavaScript支持多种数据类型，包括字符串、数字、布尔值、对象、数组和函数等。JavaScript的控制语句与其他语言类似，包括if/else、switch、for、while等。JavaScript是一种基于原型的语言，对象可以继承其他对象的属性和方法。

2023-10-02 16:58:12 164

原创 js遍历对象属性的方法

循环是遍历对象属性的基本方式。在较旧的 JavaScript 引擎中，它的性能可能稍差，但在现代引擎中，它的性能已经得到了优化。注意：在遍历对象时，要注意不要修改对象本身，因为这可能会导致意外的结果。在 JavaScript 中，有许多方法可以遍历对象的属性，但在性能上并没有显著的差异。循环是 ES6 中引入的一种新的遍历数组的方法，它也可以用于遍历对象的属性。循环（区别在于一个 for-in 循环也枚举原型链中的属性）的顺序一致。如果你只对对象的值感兴趣，并且希望将它们转换为一个新的数组，你可以使用。

2023-09-27 14:05:35 156

原创前端提高代码质量-提升代码的可维护性

当发现做一件事可以有更清晰的方式，你就就应该用比较清晰的方式取代复杂的方式。写代码也是一个表达的过程，虽然表现形式不同，但是如果我们能够采用符合人类自然语言习惯的表达习惯来写代码，对阅读代码的人理解我们的代码是很有帮助的。如果你发现自己在多个地方重复相同的代码，那么可能就应该将那部分代码提取出来，创建一个新的函数。：参数列表不应该过长。：纯函数是一种函数，给定相同的输入，总是返回相同的输出，并且没有副作用。良好的注释可以帮助开发人员理解代码的逻辑、功能和实现方式，减少维护成本，提高代码质量和可维护性。

2023-09-20 16:35:52 377

原创如何用CSS实现响应式布局

响应式布局是指在不同尺寸和设备上自适应调整页面显示效果的能力。这意味着当我们在电脑、平板电脑和手机上浏览同一页面时，页面的布局和设计应该根据不同的屏幕大小做适配。

2023-03-09 13:57:01 850 1

原创理解JavaScript中的this关键字

在JavaScript中，this关键字经常用于对象和函数调用中。然而，它往往会令初学者感到困惑，因为它不太容易被准确地理解，有时候甚至会导致代码出现错误。在本篇博客中，我们将探讨this关键字的不同用法，并帮助你更好地理解它。

2023-03-03 10:22:23 118

原创 js数组常用方法

JavaScript是一种高级编程语言，广泛应用于Web开发。在JavaScript中，数组是一种常用的数据类型，它可以用来存储一组值，这些值可以是任何类型，包括数字、字符串、对象等。JavaScript数组提供了许多强大的操作方法，可以帮助我们轻松地对数组进行操作和处理。在本文中，我们将介绍一些常见的JavaScript数组操作技巧，以帮助您更好地利用JavaScript数组。

2023-03-02 09:53:03 90

原创 JavaScript实现基本的字符串反转函数

字符串反转是一种常见的字符串操作，它将一个字符串从后往前倒序排列，生成一个新的字符串。在这篇技术文档中，我们将介绍如何使用JavaScript实现基本的字符串反转函数。

2023-03-01 11:11:04 1457

原创 JavaScript中的事件委托

当点击列表中的任何一个li元素时，事件会冒泡到ul元素，然后我们可以通过判断事件的目标元素是否为li元素来确定是哪个li元素被点击了。JavaScript事件委托是一种优化代码的技术，它允许我们在DOM树中注册一个事件处理程序，并通过冒泡机制处理多个元素的事件。事件委托的好处在于，它可以将事件处理程序绑定到父元素上，从而减少了事件处理程序的数量。在实际开发中，事件委托是一个非常常见的技术。此外，事件委托还可以提高性能，因为它只需要注册一个事件处理程序，而不是为每个子元素都注册一个事件处理程序。

2023-03-01 09:15:34 257

原创 React 中的 useContext 和 useReducer Hooks

React 是一个非常流行的 JavaScript 库，用于构建可复用组件的用户界面。随着 React 的发展，开发者们逐渐了解了更多的 React 的概念和技术，其中 useContext 和 useReducer Hooks 是 React 中的两个重要概念，本文将会介绍这两个 Hooks 的用法和优势。

2023-02-28 20:23:17 185

原创 js查找数组中符合条件的元素

当数组中的元素在条件返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。find()方法只返回数组中满足条件的第一个元素，并非所有元素。find() 对于空数组，函数是不会执行的。filter() 不会对空数组进行检测。find() 并没有改变数组的原始值。js查找数组中符合条件元素的几种方法。filter() 不会改变原始数组。二、filter() 方法。三、find()方法。

2023-02-17 21:56:44 14955 1

html+css+javascript实现抖音最火的罗盘时钟源码，时钟数字罗盘

空空如也