68浏览

0评论

看看这些前端面试题，带你搞定高频知识点（八）

var、let、const三者的区别 区别 let const var 重复声明 不能重复声明，会报SyntaxError错 const 定义常量，值不能修改的变量叫做常量，一定要赋初始值，...

• 2023-03-08

230浏览

0评论

一文教你如何正确封装ECharts

本篇文章给大家带来了关于ECharts的相关知识，其中主要跟大家聊一聊怎么封装ECharts，感兴趣的朋友下面一起来看一下吧，希望对大家有帮助。文章的开头总是很难水的，就不多说了本文...

• 2023-03-08

135浏览

0评论

注意，Vue响应性语法糖已废弃！

本篇文章给大家带来了关于Vue的最新情况，其中主要跟大家聊一聊Vue中的响应性语法糖，感兴趣的朋友下面一起来看一下吧，希望对大家有帮助。介绍自从引入组合式 API 的概念以来，一...

• 2023-03-08

95浏览

0评论

看看这些前端面试题，带你搞定高频知识点（六）

每天10道题，100天后，搞定所有前端面试的高频知识点，加油！！！，在看文章的同时，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，...

• 2023-02-26

71浏览

0评论

【整理分享】8 个实用Vue开发技巧

1.路由参数解耦通常在组件中使用路由参数，大多数人会做以下事情。export default { methods: { getParamsId() { return this.$route.params.id...

• 2023-02-26

56浏览

0评论

什么是单点登录系统？用nodejs怎么实现？

单点登录SSO(Single Sign On),就是把2个及以上的业务系统中的登录功能剥离出来，形成一个新的系统，做到一次登录后在任意的业务系统中都无需登录的效果。一. 基础知识1.1 同源...

• 2023-02-26

69浏览

0评论

浅析怎么利用axios和vue实现简易天气查询

我们先来看一下效果图,原理很简单就是接口的调用以及数据的呈现,界面的布局而已通过如上我们可以看到输入正确的城市名称后会查询出未来四天以及昨天和今天总共六天的天气,...

• 2023-02-22

84浏览

0评论

Clean Architecture是什么？怎么用Node实现？

Clean ArchitectureClean Architecture 是 Robert C. Martin 提出的一种软件架构模式，目的是为了将系统分层，实现关注点分离，使系统更易于理解、维护和扩展。该体系结构将系统...

• 2023-02-22

80浏览

0评论

Node实战学习：浏览器预览项目所有图片

在前端实际项目开发中，会有这样一种场景。每次引入新的图片，并不知道这个资源是否被引用过，所以会点开存放图片的资源一个个去看。实际问题是： 1.图片并不是放到一个目录下的，可...

• 2023-01-08

94浏览

0评论

一文聊聊Angular中的依赖注入

译者添加：维基百科中指出 -- 在软件工程中，依赖注入（Dependency Injection, DI）是指让一个物件接收它所依赖的其他物件。“依赖”是指接收方所需的对象。“注入&...

• 2023-01-08

108浏览

0评论

深入聊聊vue3中的reactive()

在vue3的开发中，reactive是提供实现响应式数据的方法。日常开发这个是使用频率很高的api。这篇文章笔者就来探索其内部运行机制。小白一枚，写得不好请多多见谅。调试版本为3.2...

• 2023-01-08

99浏览

0评论

【整理分享】48个前端高频面试题（附答案解析）

1.vue双向数据绑定的原理？mvvm场景：数据操作比较多的场景，需要大量使用DOM元素时，采用mvvm的开放方式，会更加便捷，让开发者更多的经历放在数据的变化上，解放繁琐的DOM元素 MVVM 模...

• 2023-01-08

111浏览

0评论

React中使用axios发送请求的几种常用方法

目录React中安装并引入axios依赖使用axios进行GET请求使用axios.get方式使用axios(config {...})使用axios进行POST请求使用axios.post使用axios(config {...})同时发送多个...

• 2023-01-05

73浏览

0评论

面试官常问React的生命周期问题

React的生命周期两张图带你理解 React的生命周期React的生命周期（旧）class Life extends React.Component{ // 构造器 constructor(props){ console.log('Li...

• 2023-01-05

94浏览

0评论

React Class组件生命周期及执行顺序

一、react组件的两种定义方式1、函数组件，简单的函数组件像下面这样，接收Props，渲染DOM，而不关注其他逻辑function Welcome(props) { return <h1>Hello, {props.name}</h1>;}函...

• 2023-01-05

87浏览

0评论

详解react中的state的简写方式

前言什么是state
我们都说React是一个状态机，体现是什么地方呢，就是体现在state上，通过与用户的交互，实现不同的状态，然后去渲染UI,这样就让用户的数据和界面保持一致了。state是...

• 2023-01-05

94浏览

0评论

详细聊聊React源码中的位运算技巧

目录前言几个常用位运算按位与（&）
按位或（|）
按位非（～）
标记状态优先级计算总结前言这两年有不少朋友和我吐槽React源码，比如： 调度器为什么用小顶堆这种数据结构，直接用数组不行？...

• 2023-01-05

106浏览

0评论

react.js框架Redux基础案例详解

react.js框架Reduxhttps://github.com/reactjs/redux安装：npm install redux react-redux#基于react，我们在前面已经安装过了Redux参考文档：
http://redux.js.org/Redux核心...

• 2023-01-05

92浏览

0评论

一篇文章教你用React实现菜谱系统

目录一、菜谱大全1.1、项目背景1.2、技术栈1.3、开发环境1.4、项目效果展示1.5、项目初始化二、首页开发2.1、antd-mobile 组件库2.2、底部导航实现2.3、菜谱大全顶部导航2....

• 2023-01-05

129浏览

0评论

react native之ScrollView下拉刷新效果

本文实例为大家分享了react native之ScrollView下拉刷新效果的具体代码，供大家参考，具体内容如下ScrollView的refreshControl属性用于下拉刷新，只能用于垂直视图，即horizontal不...

• 2023-01-05

93浏览

0评论

React项目中应用TypeScript的实现

目录一、前言二、使用方式无状态组件有状态组件受控组件三、总结一、前言
单独的使用typescript 并不会导致学习成本很高，但是绝大部分前端开发者的项目都是依赖于框架的例如...

• 2023-01-05

53浏览

0评论

详解React项目中eslint使用百度风格

1.安装百度Eslint Rule 插件npm i -D eslint @babel/eslint-parser @babel/eslint-plugin @ecomfe/eslint-config// react项目npm i -D eslint-plugin-react eslint-plugin-...

• 2023-01-05

78浏览

0评论

React Native项目中使用Lottie动画的方法

Lottie是Airbnb开源的一个面向iOS、Android、React Native的动画库，能加载Adobe After Effects导出的动画，并且能让原生App像使用静态素材一样使用这些动画，完美实现炫酷的动画...

• 2023-01-05

91浏览

0评论

react四种组件中DOM样式设置方式详解

1、行内样式想给虚拟dom添加行内样式，需要使用表达式传入样式对象的方式来实现
行内样式需要写入一个样式对象，而这个样式对象的位置可以放在很多地方
例如：render函数里、组件...

• 2023-01-05

65浏览

0评论

react封装全局弹框的方法

本文实例为大家分享了react封装全局弹框的具体代码，供大家参考，具体内容如下弹框效果图文件布局index.js/* eslint-disable react/no-render-return-value */import React, {...

• 2023-01-05

106浏览

0评论

React Native 启动流程详细解析

导读：本文以 react-native-cli 创建的示例工程（安卓部分）为例，分析 React Native 的启动流程。工程创建步骤可以参考官网。本文所分析 React Native 版本为 v0.64.2。我们知道上...

• 2023-01-05

248浏览

0评论

浅谈React的React.FC与React.Component的使用

目录一、React.FC<>二、class xx extends React.ComponentReact 的组件可以定义为 函数（React.FC<>）或class（继承 React.Component） 的形式。一、React.FC<>
1.React.FC是函数式...

• 2023-01-05

80浏览

0评论

React实现双滑块交叉滑动

本文实例为大家分享了React实现双滑块交叉滑动的具体代码，供大家参考，具体内容如下html代码：<body> <div id="root"></div></body>script代码：<script type="text/babel">...

• 2023-01-05

69浏览

0评论

React与Redux之数组处理讲解

本文将介绍一些常用的数组处理函数和语法，如reduce()、filter()、map()、every()、some()、展开运算符。这些知识和React与Redux本身没有直接关系，但是本章的示例中包含了这些...

• 2023-01-05

82浏览

0评论

React的组件协同使用实现方式

目录嵌套父子组件通信兄弟组件通信抽离MixinReact的LinkedStateMixinReference：开发人员不用太过于关注UI层面的实现细节，考虑最多的也就是组件与组件之间的数据通信了。那么，...

• 2023-01-05

93浏览

0评论

React实现复杂搜索表单的展开收起功能

给时间时间，让过去过去。上节我们写过了【搜索】表单，以及查询、重置功能。本节对于需要展开收起效果的查询表单 进行概述，主要涉及前端样式知识。样式效果如下： 思路：在Search组...

• 2023-01-05

89浏览

0评论

ReactHooks批量更新state及获取路由参数示例解析

目录一、如何批量更新控制台输出二、Hooks如何获取路由参数执行效果一、如何批量更新在【Hooks】中如果单独的进行状态的更新可能会导致页面的多次渲染：import { useState }...

• 2023-01-05

78浏览

0评论

React组件的生命周期详细描述

目录一、什么是生命周期二、装载过程1、constructor2、render3、componentWillMount和componentDidMount三、更新过程1、componentWillReceiveProps（nextProps）2、shouldCompo...

• 2023-01-05

75浏览

0评论

react之组件通信详解

目录父组件与子组件通信子组件与父组件通信跨组件通信祖先子孙兄弟节点通信总结父组件与子组件通信 父组件将自己的状态传递给子组件，子组件当做属性来接收，当父组件更改自...

• 2023-01-05

59浏览

0评论

react组件中的constructor和super知识点整理

1、react中用class申明的类一些小知识如上图：类Child是通过class关键字申明，并且继承于类React。A、Child的类型是？ typeofChild === 'function' ， 其实就相当于ES5用function申...

• 2023-01-05

192浏览

0评论

React-Native之截图组件react-native-view-shot的介绍与使用小结

目录一、现象二、解决三、总结：一、现象1、需求：把某展示页面进行截取保存到相册、并可进行以海报的形式分享出去；2、支持iOS和安卓二、解决1、安装： npm i --save react-native...

• 2023-01-05

114浏览

0评论

详细谈谈React中setState是一个宏任务还是微任务

目录前言面试官的问法是否正确？§React 是如何控制 setState 的 ？§未来会有异步的 setState§总结前言最近有个朋友面试，面试官问了个奇葩的问题，也就是我写在标题上的这个问题...

• 2023-01-05

73浏览

0评论

React实现二级联动效果(楼梯效果)

本文实例为大家分享了React实现二级联动效果的具体代码，供大家参考，具体内容如下模仿饿了么实现一个二级联动的效果；import "../css/Leftrightlinkage.less";import React, { C...

• 2023-01-05

57浏览

0评论

React实现二级联动的方法

本文实例为大家分享了React实现二级联动的具体代码，供大家参考，具体内容如下实现效果： 普通h5页，图片我进行了裁剪，把用户那部分删掉了，不过也不影响说明大体思路就是把数据接口从...

• 2023-01-05

61浏览

0评论

react+axios实现github搜索用户功能(示例代码)

加载请求成功请求失败在文件路径点击cmd 回车
首先把服务器打开 npm startapp.jsimport React, { Component } from 'react'import "./App.css"import Header from './conom...

• 2023-01-05

81浏览

0评论

React之Hooks详解

目录什么是钩子（hooks）类组件函数组件为什么创造Hooks总结什么是钩子（hooks） 消息处理的一种方法, 用来监视指定程序 函数组件中需要处理副作用，可以用钩子把外部代码“钩...

• 2023-01-05

57浏览

0评论

React从Class方式转Hooks详解

目录React Hooks前言Why Hooks ？For ClassFor FunctionClass & Hooks 对比Hooks如何保存组件状态和使用生命周期？1、useState：让函数具有维持状态的能力2、useEffect：执行副作用...

• 2023-01-05

45浏览

0评论

React 原理详解

目录1.setState() 说明1.1 更新数据1.2 推荐语法1.3 第二个参数2.JSX 语法的转化过程3.组件更新机制4.组件性能优化4.1 减轻 state4.2 避免不必要的重新渲染总结1.setState(...

• 2023-01-05

85浏览

0评论

基于React-Dropzone开发上传组件功能(实例演示)

这次我要讲述的是在React-Flask框架上开发上传组件的技巧。我目前主要以React开发前端，在这个过程中认识到了许多有趣的前端UI框架——React-Bootstrap、Ant Design、Materia...

• 2023-01-05

68浏览

0评论

react分页显示数据的方法

目录父组件listBox列表组件List按钮组件PageButton去年年底，尝试着用react写个组件化的页面!里面有一个list页面弄了一下数据的分页展示展示一下主要三个组件：父组件listBox、...

• 2023-01-05

83浏览

0评论

简析React Native startReactApplication 方法

在 React Native 启动流程简析 这篇文章里，我们梳理了 RN 的启动流程，最后的 startReactApplication 由于相对复杂且涉及到最终执行前端 js 的流程，我们单独将其提取出来，独立成...

• 2023-01-05

63浏览

0评论

浅析React 对state的理解

如何定义复杂组件（类组件）与简单组件（函数组件）？ 是否具有状态（state）引出问题，什么是状态？举个例子，今天考试，考砸了，因为我状态不好，是状态影响了我的行为。
组件中的状态，驱动了页面...

• 2023-01-05

48浏览

0评论

React实现二级联动(左右联动)

本文实例为大家分享了React实现二级联动的具体代码，供大家参考，具体内容如下js代码import { Component } from 'react'import './linkage.less'class Linkage extends Compone...

• 2023-01-05

94浏览

0评论

React全局状态管理的三种底层机制探究

目录前言propscontextstate总结前言现代前端框架都是基于组件的方式来开发页面。按照逻辑关系把页面划分为不同的组件，分别开发不同的组件，然后把它们一层层组装起来，把根组件...

• 2023-01-05

290浏览

0评论

React+ts实现二级联动效果

本文实例为大家分享了React+ts实现二级联动效果的具体代码，供大家参考，具体内容如下.tsx文件import { Component, createRef} from 'react' import './index.less' interface...

• 2023-01-05