执念MJ
码龄3年
关注
提问 私信
  • 博客:66,025
    66,025
    总访问量
  • 48
    原创
  • 373,263
    排名
  • 4
    粉丝
  • 0
    铁粉

个人简介:北漂小前端

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:北京市
  • 加入CSDN时间: 2021-07-12
博客简介:

AMD23的博客

查看详细资料
个人成就
  • 获得62次点赞
  • 内容获得2次评论
  • 获得118次收藏
  • 代码片获得275次分享
创作历程
  • 21篇
    2022年
  • 27篇
    2021年
成就勋章
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

HarmonyOS开发者社区有奖征文来啦!

用文字记录下您与HarmonyOS的故事。参与活动,还有机会赢奖,快来加入我们吧!

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

React Router的介绍及基本原理

React Router现在的版本是6, 于2019年3月21日搞笑的发布,搞笑的官网链接, 本来是要发布4.4的版本的,结果成了5。从4开始,使用方式相对于之前版本的思想有所不同。之前版本的思想是传统的思想:路由应该统一在一处渲染, Router 4之后是这样的思想:一切皆组件React Router包含了四个包:包名 Description react-router React Router核心api react-router-dom React Router的DOM绑
原创
发布博客 2022.03.25 ·
336 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

React非受控组件

在大多数情况下,我们推荐使用 受控组件 来处理表单数据。在一个受控组件中,表单数据是由 React 组件来管理的。另一种替代方案是使用非受控组件,这时表单数据将交由 DOM 节点来处理。要编写一个非受控组件,而不是为每个状态更新都编写数据处理函数,你可以 使用 ref 来从 DOM 节点中获取表单数据。例如,下面的代码使用非受控组件接受一个表单的值:import React, { Component } from 'react';// 受控组件 --- value 配合 onChange
原创
发布博客 2022.03.25 ·
1002 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React受控组件

在 HTML 中,表单元素(如<input>、 <textarea> 和 <select>)通常自己维护 state,并根据用户输入进行更新。而在 React 中,可变状态(mutable state)通常保存在组件的 state 属性中,并且只能通过使用setState()来更新。我们可以把两者结合起来,使 React 的 state 成为“唯一数据源”。渲染表单的 React 组件还控制着用户输入过程中表单发生的操作。被 React 以这种方式控制取值的表单输入元
原创
发布博客 2022.03.25 ·
452 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Symbols介绍

从ECMAScript 2015开始,symbol是一种原始的数据类型,就像 number 和 string 一样。symbol 值是通过调用 Symbol构造函数创建的。let sym1 = Symbol();let sym2 = Symbol("key"); // 可选的字符串 keySymbols 是不可改变的,而且是独一无二的。let sym2 = Symbol("key");let sym3 = Symbol("key");sym2 === sym3; // false,
原创
发布博客 2022.03.23 ·
1644 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

TS枚举详解

Enums(枚举)是TypeScript的少数功能之一,它不是JavaScript的类型级扩展。枚举允许开发者定义一组命名的常量。使用枚举可以使其更容易记录意图,或创建一组不同的情况。TypeScript提供了基于数字和字符串的枚举。1 数值型枚举我们首先从数字枚举开始,如果你来自其他语言,可能会更熟悉它。一个枚举可以用 enum 关键字来定义。enum Direction { Up = 1, Down, Left, Right,}上面,我们有一个数字枚举,其
原创
发布博客 2022.03.23 ·
29245 阅读 ·
9 点赞 ·
1 评论 ·
32 收藏

TypeScript描述JS代码中常见值的方法

本文中,小编将介绍一些在 JavaScript 代码中最常见的值类型,并解释在 TypeScript 中描述这些类型的相应方法。1.基元类型string,number, 和booleanJavaScript有三个非常常用的类型:string,number,和boolean。每个在 TypeScript 中都有对应的类型。我们发现,这些名称与我们在 JavaScript 应用typeof返回的类型的名称相同: string 表示字符串值,如 "Hello, world" nu...
原创
发布博客 2022.03.23 ·
1601 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

TypeScript与JavaScript的区别

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 是一种非常受欢迎的 JavaScript 语言扩展。它在现有的 JavaScript 语法之上加入了一层类型层,而这一层即使被删除,也丝毫不会影响运行时的原有表现。许多人认为 TypeScript "只是一个编译器",但更好的理解其实是把 TypeScript 看作两个独立的系统:编译器(即处理语法的部分...
原创
发布博客 2022.03.23 ·
6346 阅读 ·
3 点赞 ·
0 评论 ·
6 收藏

React逐层传递数据的方法

import React, { Component } from 'react';class Second extends Component { render() { return ( <div> { this.props.theme } - { this.props.color} </div> ) }}const First = (props) => { return ( <div&.
原创
发布博客 2022.03.23 ·
558 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React两种传递参数的方式

import React, { Component } from 'react';export default class App extends Component { state = { count:1 } addM(m,event) { console.log(event); this.setState({count:this.state.count + m}) } add (params1,params2,e.
原创
发布博客 2022.03.23 ·
842 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React四种定义事件的方式

事件本身处的位置是一个属性 如果属性的值是一个函数 使用{}包裹,一定要保证该函数内的this指向import React, { Component } from 'react';export default class App extends Component { constructor(props) { super(props); this.add1000Fn = this.add1000.bind(this) }...
原创
发布博客 2022.03.23 ·
1909 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React Hooks的详细介绍

在 React 的世界中,有容器组件和 UI 组件之分,在 React Hooks 出现之前,UI 组件我们可以使用函数,无状态组件来展示 UI,而对于容器组件,函数组件就显得无能为力,我们依赖于类组件来获取数据,处理数据,并向下传递参数给 UI 组件进行渲染。在我看来,使用 React Hooks 相比于从前的类组件有以下几点好处:1.代码可读性更强,原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中,容易使开发者不利于维护和迭代,通过 React Hooks 可以将功能代码聚合,方便阅读..
原创
发布博客 2022.03.22 ·
457 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

Redux异步

通常情况下,action只是一个对象,不能包含异步操作,这导致了很多创建action的逻辑只能写在组件中,代码量较多也不便于复用,同时对该部分代码测试的时候也比较困难,组件的业务逻辑也不清晰,使用中间件了之后,可以通过actionCreator异步编写action,这样代码就会拆分到actionCreator中,可维护性大大提高,可以方便于测试、复用,同时actionCreator还集成了异步操作中不同的action派发机制,减少编码过程中的代码量常见的异步库: Redux-thunk ✅✅✅✅
原创
发布博客 2022.03.21 ·
859 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

Redux的深入了解

React 只是 DOM 的一个抽象层,并不是 Web 应用的完整解决方案。有两个方面,它没涉及。 代码结构 组件之间的通信 2013年 Facebook 提出了 Flux 架构的思想,引发了很多的实现。2015年,Redux 出现,将 Flux 与函数式编程结合一起,很短时间内就成为了最热门的前端架构。如果你不知道是否需要 Redux,那就是不需要它 多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。 只有遇到 React 实在解决不了的问题,
原创
发布博客 2022.03.21 ·
115 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Flux的简介

在2013年,Facebook让React亮相的同时推出了Flux框架,React的初衷实际上是用来替代jQuery的,Flux实际上就可以用来替代Backbone.js,Ember.js等一系列MVC架构的前端JS框架。其实Flux在React里的应用就类似于Vue中的Vuex的作用,但是在Vue中,Vue是完整的mvvm框架,而Vuex只是一个全局的插件。React只是一个MVC中的V(视图层),只管页面中的渲染,一旦有数据管理的时候,React本身的能力就不足以支撑复杂组件结构的项目,在传统的
原创
发布博客 2022.03.21 ·
727 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React组件通信

父组件与子组件通信// 父组件调用子组件的地方,添加自定义的属性// 属性的值就是需要传递给子组件的值// 如果属性的值是变量,boolean类型,number类型,对象,数组,函数,null,undefined// 需要使用 {} 包裹// 如果需要设置子组件的属性的默认值// 不管是类组件还是函数式组件,可以在组件定义之后通过 Com.defaultProps 设置属性的默认值// 但是如果子组件是类组件,还可以通过组件的静态的属性 static defaultProps 设置属性..
原创
发布博客 2022.03.21 ·
991 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React生命周期详解

想查看React生命周期的小伙伴可以查看博主的上一条文章哦(1) constructor(props)React组件的构造函数在挂载之前被调用。在实现React.Component构造函数时,需要先在添加其他内容前,调用super(props),用来将父组件传来的props绑定到这个类中,使用this.props将会得到。官方建议不要在constructor引入任何具有副作用和订阅功能的代码,这些应当使用componentDidMount()。constructor中应当做些初始化的动作,如
原创
发布博客 2022.03.21 ·
339 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

React的生命周期

React中组件也有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化、运行中、销毁、错误处理(16.3之后)1、初始化在组件初始化阶段会执行 constructor static getDerivedStateFromProps() componentWillMount() / UNSAFE_componentWillMount() render() componentDidMount() 2、更新阶段
原创
发布博客 2022.03.21 ·
217 阅读 ·
1 点赞 ·
1 评论 ·
0 收藏

React组件的数据挂载方式对比

1、属性(props)props正常是外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是你可以通过父组件主动重新渲染的方式来传入新的 props。通过箭头函数创建的函数式组件,需要通过函数的参数来接收props:通过类创建的类组件,需要通过 this.props来接收属性import React from 'react'const Header = (props) => { return ( <header>...
原创
发布博客 2022.03.21 ·
489 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

React的发展以及特点优势

React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。react在发展过程中,一直跟随原生js的脚步2015年推出了使用react来编写移动端的app ---- react-nativeReact高性能的体现:虚拟DOM在Web开发中我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作。而复杂或
原创
发布博客 2022.03.21 ·
389 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue中级前端面试的问题总结

1.谈谈你对Vue的理解2.Vue的响应式数据3.你所理解的MVVM4.谈谈你对Vue指令的理解5.怎么去封装一个vue的自定义指令6.Vue2和Vue3的区别,以及他们发生了哪些变化7.computed和计算属性 watch监听的区别8.谈一谈响应式数据9.VNode是什么10.VNode是如何渲染的11.vue生命周期的执行顺序12.谈一谈VueX的核心属性13.谈一谈VueX里面机制是怎么运转的14.谈一谈VueX里面,action mutaion和state之间的运转方式
原创
发布博客 2022.03.21 ·
445 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多