- 博客(111)
- 收藏
- 关注
RSS订阅原创 React Hooks 中的属性详解
React Hooks 是 React 16.8 版本中新增的特性，允许我们在不编写 class 的情况下使用 state 和其他的 React 特性。Hooks 是一种可以让你在函数组件中“钩入” React 特性的函数。以下是一些常用的 React Hooks，并附有详细的用法和代码示例。
2023-08-03 10:31:05
1309
原创 vue使用nuxt.js详情
Nuxt.js 是一个非常强大的 Vue.js 应用框架，可以帮助我们快速构建服务端渲染的应用程序。在本文中，我们介绍了 Nuxt.js 的基本概念和使用方法，并提供了一些示例代码。希望这篇文章可以帮助您开始使用 Nuxt.js 构建更出色的 Vue.js 应用程序。
2023-07-21 14:31:47
402
原创 Vue使用Echarts详情
在本文中，我们介绍了如何在Vue.js应用程序中使用ECharts。我们提供了两种使用ECharts的方法：使用ECharts实例和使用ECharts组件库。我们还为您提供了一些使用示例，希望这些示例能帮助您更好地理解如何使用ECharts创建各种类型的图表和数据可视化。
2023-07-19 10:03:57
600
原创 Vue和React的区别
Vue 和 React 是当前最流行的前端框架之一，它们都具有独特的优势和不同的设计理念。在本文中，我们将比较 Vue 和 React 的一些关键方面，包括语法、组件化、状态管理、生态系统、性能和可测试性。
2023-07-11 13:15:04
1404
原创 webSocket和EventSource的区别
WebSocket和EventSource是两种在Web应用程序中用于实现实时通信的不同技术。WebSocket是一种双向通信协议，允许服务器与客户端建立持久性连接并通过该连接发送消息。而EventSource是一种服务器推送技术，只允许服务器向客户端发送消息，而不允许客户端向服务器发送消息。在下面的描述中，我将详细介绍WebSocket和EventSource的不同之处，并提供一些代码示例。
2023-07-07 09:49:06
1615
原创 webSocket使用详情
WebSocket是一种在Web浏览器和服务器之间进行双向通信的协议。它允许在一个持久化的TCP连接上进行实时的、双向通信。WebSocket协议是HTML5中的一项新技术，它可以用于替代传统的轮询和长轮询方法。本文将详细介绍WebSocket的使用方法，并提供代码示例。
2023-06-30 13:40:25
7699
14
原创 Express 使用详情
通过本文的介绍，你已经了解了 Express 的基本使用方法和概念，包括安装、路由、中间件、模板引擎等。Express 是一个非常强大且灵活的 Web 开发框架，可以帮助你更高效地开发 Web 应用。希望本文对你有所帮助，祝你在使用 Express 的过程中取得成功！
2023-06-28 09:53:34
885
3
原创 Node.js 使用详情
Node.js 具有以下特点：单线程：Node.js 使用单线程模型，避免了多线程编程的复杂性。异步非阻塞 I/O：Node.js 使用事件驱动的编程模型，能够处理大量并发连接。跨平台：Node.js 支持 Windows、Linux 和 macOS 等主要操作系统。本文对 Node.js 的基本概念、安装方法、Web 服务器的创建、依赖管理、Express 框架、文件系统操作以及事件循环与异步编程进行了详细介绍。
2023-06-27 16:11:06
1243
11
原创 webpack的高阶使用
Webpack 高阶使用Webpack 是一款强大的模块打包工具，广泛应用于现代前端开发中。本文将从以下几个方面讨论 Webpack 的高阶使用方法：多入口和多输出代码分割和懒加载插件机制缓存优化构建性能优化多环境配置1. 多入口和多输出在 Webpack 配置中，我们可以通过设置多个入口来打包多个文件。这对于多页面应用或者一个项目中有多个独立模块的情况非常有用。module.exports = { entry: { app: './src/app.js', ad
2023-06-20 17:16:26
1283
原创 TypeScript第三章
TypeScript 是一个由微软开发的开源编程语言，它是 JavaScript 的超集，意味着 TypeScript 包含了 JavaScript 的所有特性，同时还提供了一些新的特性和语法糖。TypeScript 可以帮助开发者在开发大型应用时提高代码可维护性、可读性和可靠性。本文将介绍 TypeScript 的一些进阶使用方法，并且提供代码示例。
2023-06-19 11:06:08
1235
原创 如何使用React监听网络状态
在本文中，我们介绍了如何使用React监听网络状态的变化。我们可以使用navigator.onLine属性和online和offline事件来检测网络状态，并使用useState和useEffect hooks来管理应用程序的状态。通过监听网络状态，我们可以为用户提供更好的体验，并提高应用程序的可用性和可靠性。当应用程序无法访问服务器时，我们可以向用户提供有关网络状态的信息，例如显示一个提示消息或禁用某些功能。此外，我们还可以使用网络状态来触发缓存数据或重新加载数据等操作，以提高应用程序的性能和响应速度。
2023-06-16 13:37:31
1974
1
原创 webpack的进阶使用
以上是一些 Webpack 的进阶使用技巧和相应的代码示例，希望对你有所帮助。实际项目中，你可能还需要根据需求进一步配置 Webpack。更多信息和高级配置，请查阅Webpack 官方文档。
2023-06-15 13:21:26
1079
原创 Webpack 使用详解
通过本文，你应该已经掌握了 Webpack 的基本使用方法。实际项目中，你可能还需要根据需求进一步配置 Webpack。更多信息和高级配置，请查阅Webpack 官方文档。
2023-06-15 11:09:09
1746
4
原创 TypeScript 第二章
在 TypeScript 的第一章中，我们了解了类型注解、类和接口、函数、基本类型和高级类型等基础知识。在本章中，我们将深入学习类型注解的进阶用法、类的继承和多态、泛型、模块和命名空间等高级特性。
2023-06-14 13:29:27
1159
3
原创 TypeScript 第一章
TypeScript 是 JavaScript 的一个超集，它提供了静态类型检查、类、接口等特性，使得编写大型应用程序变得更加容易和可维护。TypeScript 编写的代码可以被编译成 JavaScript，可以在任何支持 JavaScript 的环境中运行。以上是 TypeScript 的一些基础知识。在接下来的学习中，我们将深入了解这些概念，并学习更多高级特性。欢迎来到 TypeScript 学习！本章将为您介绍 TypeScript 的基础知识。
2023-06-14 11:50:49
1198
2
原创 Vue2和Vue3的底层原理详解
总的来说，Vue2和Vue3的底层原理都是基于响应式数据绑定和虚拟DOM技术实现的。Vue3相对于Vue2引入了一些新的技术和优化，使得它在性能和开发体验上都有了明显的提升。
2023-06-13 17:28:50
3062
6
原创 react项目如何使用nest详解
可以使用Nest中的控制器和服务来创建API端点，以供React应用程序使用。在上面的代码中，CatController使用findAll方法从CatService中获取所有Cat的列表，并将其返回给客户端。在上面的代码中，使用axios.get方法从/api/cats路径获取Cat的列表，并使用useState hook和useEffect hook管理组件状态。在上面的代码中，CatList使用useState hook和useEffect hook从API中获取Cat的列表，并将其呈现在列表中。
2023-06-12 14:31:21
1161
原创 React 使用Next.js进行服务端渲染
Next.js是一个基于React的JavaScript框架，用于构建服务器渲染的React应用程序。它提供了许多有用的功能，如自动代码分割、预渲染、静态导出等，以简化React应用程序的开发和部署。Next.js使用Node.js作为服务器环境，并使用React作为客户端渲染框架。服务器渲染：Next.js支持服务器渲染，可以在服务器端渲染React组件，并将HTML字符串发送到客户端，从而提高性能和SEO优化。自动代码分割：Next.js可以自动将代码分割成小块，以减少页面加载时间，提高性能。
2023-06-12 14:10:25
1301
原创 React 如何使用Redux的说明
React是一个用于构建用户界面的JavaScript库。它由Facebook开发和维护，并且是一个非常流行的库，被广泛用于Web应用程序开发。React使用组件的思想来构建UI，每个组件都是一个独立的、可重用的UI元素。React的主要特点包括：虚拟DOM：React使用虚拟DOM来提高性能。它会将UI的状态保存在内存中，并在需要时更新实际DOM。组件化：React使用组件化的思想来构建UI。每个组件都是一个独立的、可重用的UI元素。单向数据流：React使用单向数据流来管理组件之间的通信。
2023-06-12 13:59:55
1374
原创 vue 虚拟列表的实现
在 Vue 中实现虚拟列表通常需要遵循一些步骤，如计算列表项的高度或宽度、计算屏幕可见区域的高度或宽度、计算当前视图中需要渲染的列表项、维护一个缓存池以及动态地添加和删除DOM元素。虚拟滚动的实现涉及到计算列表项的高度或宽度，以及计算屏幕可见区域的高度或宽度。它通过只渲染可见部分的列表项，以及通过动态添加和删除DOM元素的方式来减少DOM操作，从而提高应用程序的响应速度和性能。缓存池的实现涉及到维护一个包含渲染过的列表项的列表，以及计算当前视图中需要渲染的列表项。计算当前视图中需要渲染的列表项。
2023-06-09 11:38:49
1238
原创 React使用Electron开发桌面端
React是一个流行的JavaScript库，用于构建Web应用程序。结合Electron框架，可以轻松地将React应用程序打包为桌面应用程序。
2023-06-09 11:05:18
2198
18
原创 使用css实现边框流动效果
在第二个关键帧中，我们将顶部的边框颜色设置为透明，同时将右侧的边框颜色设置为黑色（border-top-color: transparent;我们使用透明的边框颜色来隐藏边框，以创建流动的效果。在上面的代码中，我们定义了一个名为“border-flow”的动画，并将其应用到我们的元素上。在接下来的两个关键帧中，我们将不同的边框颜色设置为黑色，以创建流动的效果。最后，在最后一个关键帧中，我们将左侧的边框颜色设置为透明，同时将顶部的边框颜色设置为黑色，这样我们就完成了一次边框的流动循环。
2023-06-09 10:42:51
4525
原创 Pinia初始化仓库Store
import {State 箭头函数 返回一个对象 在对象里面定义值import {return {import {return {current : 1 } } , //类似于computed 可以帮我们去修饰我们的值 getters : {} , //可以操作异步 和 同步提交state actions : {} })文章来自非常优秀的京东大佬这是他的博客和他的教学资源。
2022-10-24 09:24:54
375
原创 解决Angular里的报错：ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError()
解决Angular里的报错：ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError()
2022-09-07 15:16:35
2095
原创 Java学习的知识笔记
接口方法可以不是abstract方法，但子类必须重写覆盖接口方法,子类要使用修饰符修饰重写的方法，default方法，实现该接口的子类可以不必重写该方法，接口的静态方法只可以被接口调用，不可以被是实现类调用(防止实现多个接口的时候实现类不知道调用的是哪个接口的静态方法)，对于接口中有两个及以上的方法包含相同的代码段时使用private方法实现代码复用java9的特性。返回一个组合的Consumer。调用类的类方法或者创建类的实例或者访问类的类变量或者接口的类变量，或者为类变量复制，初始化某个类的子类。
2022-08-23 17:06:26
394
原创 React X工程目录说明
common 共通的组件 如图所示。components 组件文件。hooks 自定义hook。redux 全局状态管理器。utils 共用的方法。error 报错的画面。route 路由文件。
2022-08-22 15:13:16
402
原创 Vue3+Vite搭建项目
Rollup打包 它使用 Rollup 打包你的代码，并且它是预配置的 并且支持大部分rollup插件。可以在终端输入npm -v 来检查是否安装成功。冷服务 默认的构建目标浏览器是能。构建我们的cli 项目可以去对比一下。npm install 安装依赖包。package json 命令解析。装完之后会有一个命令叫 npm。npm run dev 启动。HMR 速度快到惊人的。使用vite初始化一个项目。...
2022-08-05 17:16:09
736
1
原创 Angular组件传参
Input 是属性装饰器，用来定义组件内的输入属性。在实际应用场合，我们主要用来实现父组件向子组件传递数据。Angular 应用是由各式各样的组件组成，当应用启动时，Angular 会从根组件开始启动，并解析整棵组件树，数据由上而下流下下一级子组件。子组件counter.component.ts。子组件counter.component.ts。父组件app.component.ts。父组件app.component.ts。...
2022-08-05 16:32:25
1025
原创 angular工程目录结构说明
app.component.html页面的根节点里面放的是看路由输出标签。app.module.ts挂在文件，所有安装的依赖、组件都要在这里面挂载。header.component.spec.ts测试文件，不用管。header.component.scss写css的文件。header.component.html写ui的文件。header.component.ts写js事件的文件。service共同文件。common常用文件。images图片文件。styles样式文件。...................
2022-07-29 14:47:29
234
原创 angular使用ngx-vant组件库
首先去官网找到安装命令单独创建一个ts文件，把ngx-vant的标签放到里面，这样就可以全局导入了挂载在app.module.ts中挂在刚才创建的ts文件
2022-06-29 15:49:08
516
原创 解决Only void and foreign elements can be self closed “ xxxx-xxxx“报错
上图的报错原因是使用了单标签解决方法：把单标签换成双标签即可 如下图：
2022-06-29 15:37:59
457
原创 解决Invalid prop: type check failed for prop “model“. Expected Object, got Array问题
上面报错的意思是需要的是对象，实际得到的是数组改正：把数组类型改为对象就可以了获取数据的代码为
2022-06-28 13:32:25
3488
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人