北海的大鱼_社区达人页

2022年11月

• 11.07 13:06:42
  发表了文章 2022-11-07 13:06:42

  玩转微信小程序页面的flex布局

  文本主要讲解flex布局的基础知识

  
• 11.05 16:25:53
  发表了文章 2022-11-05 16:25:53

  什么是MongoDB数据库，MongoDB数据库保姆级安装教程

  关系型数据库有Oracle、DB2、Microsoft SQL Server、Microsoft Access、MySQL等。非关系型数据库有 NoSql、Cloudant。而我们现在讲的就是非关系型数据库MongoDB

  
• 11.05 15:58:18
  发表了文章 2022-11-05 15:58:18

  eclipse 导入项目源码报错（最全问题及解决方案）

  我们在使用 eclipse 导入源码时，经常会出现一些意想不到的问题，出现各种报错或者是乱码，这里我汇总了eclipse导入项目出现问题的方法及解决方案，希望能帮助到大家

  
• 11.05 15:57:16
  发表了文章 2022-11-05 15:57:16

  服务器安装nginx详细步骤( 小白都能看懂，亲测可行)

  本文教大家如何在服务器中安装nginx

  
• 11.05 15:56:27
  发表了文章 2022-11-05 15:56:27

  flask+nginx+uwsgi部署服务器（详细保姆级教程）

  本次项目我利用flask写了接口需要部署到服务器供前端使用，一路走来爬了很多坑，所以这一次做了详细的记录，从零开始教大家将flask项目跑起来

  
• 11.05 15:43:41
  发表了文章 2022-11-05 15:43:41

  在原react项目中集成使用Redux（使用步骤总结）

  之前写的一个react项目，需要在里面使用Redux，记录一下实现的步骤
• 11.05 15:42:53
  发表了文章 2022-11-05 15:42:53

  在react项目实战中使用Redux（案例讲解）

  上篇文章讲解了redux的基本使用方法，这篇文章通过小案例教大家如何在实际的react的项目中实现redux，加深对redux的理解和掌握，基础内容不清楚的可以看看上篇文章

  
• 11.05 15:42:14
  发表了文章 2022-11-05 15:42:14

  Redux的基础用法详解（纯函数的概念）

  和vue中的vuex一样，react也有进行状态管理的工具，最近自己在学习这一块的内容所以在此记录一下
• 11.05 12:19:56
  发表了文章 2022-11-05 12:19:56

  react-antd中使用Upload实现图片裁剪-上传-预览的功能

  使用react中antd实现图片的上传裁剪和预览，记录一下实现过程，希望能对大家有帮助

  
• 11.05 12:18:51
  发表了文章 2022-11-05 12:18:51

  react-Ant Design框架中基础对话框和信息确认框的使用

  在项目中，对话框和确认框是使用频率很高的组件，这里记录一下react-Ant Design框架中它们的基础用法

  
• 11.05 12:18:18
  发表了文章 2022-11-05 12:18:18

  creat-react-app项目修改webpack的配置项，通过配置自动实现antd的按需加载

  creat-react-app项目修改webpack的配置项，通过配置自动实现antd的按需加载
• 11.05 12:17:18
  发表了文章 2022-11-05 12:17:18

  react-Ant Design框架项目中文字轮播与图片轮播的实现

  在react-Ant Design框架项目中实现文字轮播和图片轮播，在这里记录一下，实现过程有一点小坑需要注意

  
• 11.05 12:16:52
  发表了文章 2022-11-05 12:16:52

  关于react-Ant Design框架Button按钮的基础用法

  最近在学习react-Ant Design框架，把button组件一些基础用法记录一下

  
• 11.05 12:15:28
  发表了文章 2022-11-05 12:15:28

  react中router路由传参和路由的集中管理

  这篇文章来记录一下 在react路由中如何进行路由传参，还有如何进行路由的集中管理

  
• 11.05 12:14:24
  发表了文章 2022-11-05 12:14:24

  react—Hook中useReducer详解（举个例子 ）

  在hooks中,可以为函数式组件提供类似Redux的功能,类似于vuex都是提供状态管理的。官方提供的两种state管理：useState,useReducer。下面我们一起来看看useReducer的用法

  
• 11.05 12:13:51
  发表了文章 2022-11-05 12:13:51

  react中createRef和useRef的区别

  之前的一篇文章给大家介绍过react中ref的使用方法，其中详细介绍了useRef的使用，这篇文章给大家介绍一个新的东西——useRef，来看看他们有什么不同

  
• 11.05 12:13:11
  发表了文章 2022-11-05 12:13:11

  react-Hook中useEffect详解(使用useEffect清除定时器)

  之前我们学习了class组件的声明周期，那么我们想在函数式组件中做一些声明周期有关操作能否实现呢？ 函数式组件中是没有生命周期的,所以就可以使用useEffect来替代。我们可以把useEffect看作组件加载、组件更新、组件卸载的三个生命周期方法的组合。

  
• 11.05 12:12:14
  发表了文章 2022-11-05 12:12:14

  搞懂react中Hooks 状态的用法(案例讲解)

  本篇文章带大家学习react中hooks的用法，自己也是在学习过程中进行记录，如果有总结不恰当的地方欢迎大家指出来，一起交流~

  
• 11.05 12:10:42
  发表了文章 2022-11-05 12:10:42

  react中高阶函数与高阶组件的运用—（下）(案例详解登录鉴权与增强props)

  上篇文章给大家介绍了高阶函数的相关的概念，了解了高阶函数的思想后，这篇来带大家学习高阶组件相关的知识

  
• 11.05 12:08:44
  发表了文章 2022-11-05 12:08:44

  react中高阶函数与高阶组件的运用—（上）（案例详细解释高阶函数）

  学习react的同学多多少少对高阶组件有所耳闻，想要学好高阶组件就必须先学好高阶函数的运行，本篇文章就先从高阶函数着手，带大家学习高阶函数和高阶组件的运用
• 11.05 12:08:16
  发表了文章 2022-11-05 12:08:16

  react中ref使用方法解析

  组件不是真实的DOM节点,在react开发中,官方也不建议直接去操作原生的DOM。组件的DOM节点是存在于内存中的一种数据结构,叫做虚拟DOM。如果需要从组件中获取真实的DOM节点,那就需要官方提供ref的属性。==React提供了ref用于访问在render方法中创建的DOM元素或者是React的组件实例

  
• 11.05 12:07:38
  发表了文章 2022-11-05 12:07:38

  你真的了解react中的setState吗？(setState现象及原理全方位解析)

  在刚开始学习react的时候，我们会经常使用到setState改变状态，既然用的多，那么就应该思考：为什么要使用setState?setState是'异步'的吗？本篇文章就围绕着这两个问题展开

  
• 11.05 12:06:58
  发表了文章 2022-11-05 12:06:58

  react组件优化，如何避免没有必要的render导致性能浪费

  在开发过程中,肯定会出现层层嵌套的关系组件,当我们使用Component时,父组件中的state或者props发生更新时,无论子组件中的state和props是否更新,都会触发子组件的更新,会导致很多没有必要的render,浪费很多性能。今天这这篇文章就教大家如何来解决这个问题

  
• 11.05 12:06:14
  发表了文章 2022-11-05 12:06:14

  react中组件通信之evenbus使用详解（兄弟组件传值案例）

  今天给大家介绍react中的另一种传值方式——使用evenbus进行传值，还是一样的以小案例来讲解它的具体用法

  
• 11.05 12:05:44
  发表了文章 2022-11-05 12:05:44

  react使用Context方法实现组件通信（案例说明嵌套传值+详细用法总结）

  之前的文章我们介绍了在react中使用props实现组件通信，比如父子，祖孙通信，但是使用props一层层传递的时候还是很麻烦的，那么今天这篇文章就来介绍新的用法——使用Context实现组建通信
• 11.05 12:05:00
  发表了文章 2022-11-05 12:05:00

  带你摸透react的生命周期（react生命周期详解，从创建到销毁的全过程）

  生命周期其实就是从创建到销毁的整个过程，我们发现很多框架都涉及到生命周期，为什么这些框架需要设计生命周期呢，是因为我们需要了解我们代码的执行过程

  
• 11.05 12:03:57
  发表了文章 2022-11-05 12:03:57

  React中祖孙组件嵌套传值（案例分析说明）

  本文主要讲React中祖孙组件嵌套传值

  
• 11.05 11:49:00
  发表了文章 2022-11-05 11:49:00

  react中父子组件传值详解，如何进行传值校验（父传子，子组件改变父组件的值）

  本篇主要给大家介绍react中父子组件传值详解，如何进行传值校验
• 11.05 11:48:00
  发表了文章 2022-11-05 11:48:00

  使用react脚手架快速搭建项目以及项目文件的介绍（目录文件的功能及作用）

  本篇文章教大家使用脚手架搭建react的项目，对于新建的react项目，项目目录里的文件都是干什么的，有什么作用呢？

  
• 11.04 13:03:01
  发表了文章 2022-11-04 13:03:01

  react入门—实现复杂表单方法的封装以及表单验证功能的实现（表单验证方法的封装优化）

  在前端开发中，表单验证是很常见的功能，这边文章就来讲一下react入门实现复杂表单的功能，以及表单验证功能的实现

  
• 11.04 13:02:14
  发表了文章 2022-11-04 13:02:14

  React入门第四弹——数据绑定及表单处理

  上篇文章讲了react中有状态组件以及事件处理，今天给大家上个小项目——表单提交，里面会涉及到很多新的知识点，下面我们一起来学习~
• 11.04 13:01:11
  发表了文章 2022-11-04 13:01:11

  React有状态组件以及事件处理的相关（案例说明，一看就会）

  今天给大家带来React入门——有状态组件和事件处理。

  
• 11.04 12:59:39
  发表了文章 2022-11-04 12:59:39

  JSX语法入门和无状态组件的传值

  本节给大家介绍JSX语法入门和无状态组件的传值

  
• 11.04 11:11:17
  发表了文章 2022-11-04 11:11:17

  浅尝Vue最新状态管理工具Pinia(实战使用Pinia管理登录状态)

  pinia是vue新的状态管理工具，也称作vuex5，本文讲解Pinia的使用方法

  
• 11.04 11:09:47
  发表了文章 2022-11-04 11:09:47

  Vuex从了解到实际运用（二），获取vuex中的全局状态（state，getters）

  上篇文章讲解了vuex基础，本文简介vuex中一些方法的使用

  
• 11.04 11:08:43
  发表了文章 2022-11-04 11:08:43

  Vuex从了解到实际运用，彻底搞懂什么是Vuex（一）

  Vuex全局状态管理是任意组件之间的通信的解决方案，本文讲vuex基础，帮助初学者更好的入门

  
• 11.04 10:57:46
  发表了文章 2022-11-04 10:57:46

  vue中jest单元测试使用功能初探

  本文介绍vue中jest单元测试基础功能的使用

  
• 11.04 10:56:48
  发表了文章 2022-11-04 10:56:48

  vue中echarts实现双图联动展示数据，折线图+饼图（附带源码）

  最近写项目，有一块功能需要使用双图进行联动的展示，左边折线图，鼠标移动折线图焦点，能把每个点的数据情况展示到饼图上，这里记录一下，希望对大家有帮助

  
• 11.04 10:56:00
  发表了文章 2022-11-04 10:56:00

  vue中使用echarts实现动态图表多数据展示，带源码（x轴动态时间刷新，实时更新展示数据）

  之前写项目，需要写一个图表动态展示出当前服务器的信息，在网上找了很多相关的文章，但是关于vue中使用echarts动态图表的内容比较少，自己写过之后就在这里记录一下，希望能够对大家有所帮助

  
• 11.04 10:55:20
  发表了文章 2022-11-04 10:55:20

  使用Vite快速构建前端Vue3项目，感受更轻更快的开发体验

  vite是一种全新的前端构建工具，由于vite是一个基于原生ESM的开发服务器，多以它能给用户带来更轻更快的开发体验。本篇文章带大家使用vite构建VUE项目，用了之后就知道有多香~

  
• 11.04 10:53:35
  发表了文章 2022-11-04 10:53:35

  使用Vue脚手架Vue-cli快速搭建过程，生成目录文件功能解析（全局安装和局部安装）

  关于vue的脚手架，大家应该都比较熟悉，使用它可以快速的生成vue项目框架让我们进行开发，一般安装脚手架有全局和局部安装两种，如果考虑到经常开发的项目脚手架版本不同，那么更推荐使用局部安装。

  
• 11.04 10:52:58
  发表了文章 2022-11-04 10:52:58

  Vue数据变化侦测的原理解析，手把手教你手写响应式

  学Vue的应该都知道Vue最大的特点的数据驱动视图，那么你是否了解Vue数据变化是如何侦测到的呢？能否手写实现响应式原理呢？这一块是面试中经常会问到的地方，也是我们学好vue必须要了解的一个点，这篇就通过小例子带大家理解这个内容

  
• 11.04 10:51:40
  发表了文章 2022-11-04 10:51:40

  页面中有父子组件，生命周期顺序如何执行？（面试高频 一篇搞懂）

  在实际开发中，一个页面经常会有父组件和子组件，那么在这个页面中，对于父子组件他们的生命周期又是如何执行的呢？看了一些网上的文章资料，竟然有些讲解写的是错误答案，带偏大家，所以在本文利用实践得出结论，带大家彻底搞懂这个知识点~

  
• 11.04 10:50:46
  发表了文章 2022-11-04 10:50:46

  Vue实例的生命周期详解，从创建到销毁全过程

  Vue的生命周期一直以来都是重中之重，虽然在实际开发中经常用到的就几个，但是你对生命周期的掌握程度决定着你写的程序好不好，并且这一块也一直是面试Vue部分的重要考点。

  
• 11.04 10:49:46
  发表了文章 2022-11-04 10:49:46

  Vue中如何将值存入浏览器的localstorage中

  在实际开发中，浏览器的localstorage会经常被用到来存储一些信息。比如我写到的这个项目：登录页面登录成功后，会获得用户的信息比如头像之类的，登录进去之后需要获得这个用户的信息，那么我们就需要在请求的时候讲用户信息存入浏览器的localstorage中，方便取用。下面一起来看一下如何具体实现。

  
• 11.04 10:43:59
  发表了文章 2022-11-04 10:43:59

  Vue如何读取cookie实现路由守卫（检查用户登录状态）

  一般实现路由守卫，判断用户的登录状态使用token和cookie验证两种方法，这次项目后端是给我提供的cookie验证，写到这里就记录一下，希望能帮助到你们

  
• 11.04 10:42:48
  发表了文章 2022-11-04 10:42:48

  Vue3+TS实现自定义input组件的验证功能

  关于input的组件，其中有一个必不可少的属性就是输入验证，这篇文章教大家如何给自己定义的input组件添加验证，以邮箱输入框为例，大家学会了可以自行拓展

  
• 11.04 10:30:43
  发表了文章 2022-11-04 10:30:43

  两步教你用Vue3+TS实现input组件的v-model属性

  使用过一些ui框架的同学应该都知道input里面的值有一个绑定的v-model属性，这篇文章教大家如何给自己定义的input组件写一个v-model的绑定属性 第一步

  
• 11.04 10:29:28
  发表了文章 2022-11-04 10:29:28

  Vue3+TS从零到一开发通用组件—导航栏(案例详细流程，含源码)

  Vue3+TS是目前前端vue开发的趋势，Vue3相对2来说有更好的响应式，函数式，模板编译优化等等，Ts是js的超集，可读性和维护性更高。这篇文章教大家如何从零到一利用Vue3+TS开发一个通用组件——导航栏，前端ui使用的是bootstrap框架，先来看一下实现的效果：