ICode9

精准搜索请尝试: 精确搜索
  • react学习(7)——路由配置2021-04-13 22:52:25

    1. 新建文件routes.js,分别定义页面的路由信息和其他信息const Routes = {100: {         title: "home",         pageName: "home",          path: "/home"},    101: {      title: "page1",      pageName: "page1",     

  • 翻译 react-transition-group 之 Transition2021-04-13 13:01:13

    目前本人学习到 react 动画组件库,react-transition-group 有一颗感兴趣的心,也想学学大神,翻译一下文档,所以就拿这个开刀,动手。 原文通道 Transition 过渡 Transition 组件允许你使用一个简单的申明API去描述一个组件在一段时间内从一个状态过渡到另一个组件。最常见的是,它用

  • 不想eject,还咋修改create-react-app的配置?2021-04-12 19:33:33

    一、先抛问题 许多刚开始接触create-react-app框架的同学,不免都会有个疑问:如何在不执行eject操作的同时,修改create-react-app的配置。今天胡哥就来带大家一起来看看这个问题~ 二、为啥不建议执行eject 1. 执行eject产生了什么变化? create-react-app框架本身将webpack、babel的相关

  • 2021-04-122021-04-12 18:57:28

    useRef 定义 const refContainer = useRef(initialValue); refContainer对象里会有个current属性,当更新current值时并不会re-render,这是与useState不同的地方更新useRef是side effect(副作用),所以一般写在useEffect或event handler里useRef类似于类组件的this 为什么使用use

  • 前端三框架2021-04-12 16:34:01

    web前端的框架可谓五花八门,多到让你想象不到,但能沉淀下来的不多,而所谓的前端三大框架,指的时Angular、React、Vue,这三个框架时当下最为流行也时最多人用的框架,我故意这样写意在说明三大框架的出现顺序,而且我永远相信要弄懂一个东西,你首先要了解它的来龙去脉,所以下面先说说几个框架

  • 前端路由原理及react-router的常用组件2021-04-11 22:59:05

    在react中,通常都是使用单页面应用(SPA),即整个页面只有一个html,然后通过不同的url地址进行组件的匹配和切换。 我们看到的url地址可能会有两种形式,一种是 localhost:3000/home,一种是 localhost:3000/#/home,两种地址的区别在于有无#,有#的是根据hash来进行匹配,即url中的锚点,本质上

  • vue与react的简单比较(全局状态管理)2021-04-11 20:02:07

    上一篇文章《vue与react的简单比较》中我们对比了vue和react的动态绑定、渲染更新、逻辑复用。本篇文章我们从使用的角度来对比两个框架在全局状态管理方面有哪些异同。之前有发过一篇文章《源码分析vuex如何维护多个组件的数据共享》讲解vuex在vue中的工作原理,本次我们用一个todoL

  • vue与react的简单比较2021-04-11 20:01:51

    本篇文章将从动态绑定、渲染更新、逻辑复用、全局状态管理来比较vue和react的不同,从而给大家说明vue和react之间有哪些相同和不同点。 1.动态绑定:1)在vue2中,使用了object.defineproperty()来做动态绑定。但是在处理数组和对象时,只能对初始渲染时已有的属性进行动态绑定,之后用户在对

  • react-native原生模块之Android模块2021-04-11 11:06:21

    文档:https://reactnative.cn/docs/native-modules-android   1.简介   有时候 App 需要访问平台 API,但 React Native 可能还没有相应的模块包装;或者你需要复用一些 Java 代码,而不是用 Javascript 重新实现一遍;又或者你需要实现某些高性能的、多线程的代码,譬如图片处理、数据库

  • 基于vite2的react脚手架2021-04-11 10:02:37

    vite-react-boilerplate 开发编译 yarn start 启动开发 yarn build 启动编译 代码质量和风格 husky/lint-staged/eslint/prettier 暂存区代码提交自动检查修复 , 可以自行扩展git hooks , e.g. commit-msg 代码提交检查等。 HMR @vitejs/plugin-react-refresh 实现react HMR 代

  • react学习记录(一)2021-04-10 18:00:57

    前言:公司有个项目框架用的是react,所以需要学习一下相关内容,开立此贴记录一下自己的学习过程,同时也督促自己持续学习。 文章目录 一、搭建开发环境:1.1、node和npm环境要求。1.2、创建项目1.3、本地启动项目1.4、打包项目 一、搭建开发环境: 看了半天文档,也不知道应该怎

  • React-day12021-04-10 09:30:46

    移动App第1天 什么是混合移动App开发【重点】 苹果上的软件是如何开发出来的:使用的是 OC、或者使用Swift这门语言安卓平台上的软件又是如何开发出来的:使用安卓相关的语言开发的,Java,安卓的控件进行开发苹果和安卓平台上共有的软件是如何开发出来的:腾讯招两套开发人员【开发组

  • React-day2-webpack高级2021-04-10 09:29:38

    移动App第2天 webpack的发布策略 在实际开发中,一般会有两套项目方案: 一套是开发期间的项目,包含了测试文件、测试数据、开发工具、测试工具等相关配置,有利于项目的开发和测试,但是这些文件仅用于开发,发布项目时候需要剔除;另一套是部署期间的项目,剔除了那些客户用不到的测试数据

  • 初学前端需要怎么学习?2021-04-09 18:00:49

    1、首先确定你的目标或道路 我们将讨论很多技术,趋势和工具,但我们不希望您不知所措,因此你需要首先决定要成为一名Web开发人员要做什么,因为这将帮助你选择合适的工具。和学习技术。成为Web开发人员的原因有很多,下面列出了一些选择因素: 你想作为一名Web开发人员在一家公司工作,这

  • reac报错处理2021-04-09 12:04:23

    You should not use <Route component> and <Route children> in the same route, <Route component> will be ignored. 现象:页面无法渲染 <Router history={history}> <Switch> <Route path="/" component={lay

  • Angular,AngularJS 和 react2021-04-09 04:33:18

    这几个单词在前端开发的时候可能会经常遇到。 因项目需要,琢磨了几天 angular,结果下来还是有点一脸懵逼。尝试进行编译下简体中文的文档也是一堆错误。 感觉最最糟糕的就是下载相关的模块,这个太令人难受了。 随手就顺便研究下了上面几个名词了。 Angular 和 AngularJS 虽然名字大部

  • React Hook “useState“ is called in function “xxxx“ which is neither a React function component2021-04-08 21:30:48

    报错 React Hook “useState” is called in function “search” which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks 原因分析 报错提示search函数既不是一个React组件,也不是一个Hook函数。React中定义组件有两种

  • react子给父传值2021-04-08 17:06:25

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="test1"></div> <script src="https://unpkg.com/react@16/umd/react.developm

  • Typescript 中如何使用react ref2021-04-08 15:01:53

    正常在jsx中写法如下: class Header extends Component<any>{ myInputRef = React.createRef(); render(){ return( <div> <input type="text" ref={this.myInputRef}/> </div>

  • React学习笔记——类中的方法内部的this指向2021-04-08 12:57:40

    类中的方法内部的this指向 在用react实现一个点击切换内容小demo时的,发现类中方法内部的this是指向undefined的。 代码如下: <div id="test"></div> <script type="text/javascript" src="../JS/react.development.js"></script> <script type="t

  • React 之 大纲学习目录2021-04-07 22:03:01

    第一天: 1)虚拟DOM的两种创建方式     函数组件 和  类组件 2)jsx语法规则 3)react 如何定义组件     通过完整的类组件的写法,还有简写形式 4)组件实例三大属性1_state     1.理解类中this的指向问题     2.理解简写形式     3.不能直接修改state,而是通过setState来

  • webstorm常用快捷键和react项目的快捷键2021-04-07 21:59:37

    代码标签输入完成后,按Tab,生成代码。 ctrl + a - - 选择全部 ctrl + b - - 跳到变量申明处,快速打开光标处的类或方法 ctrl + c - - 复制 ctrl + d - - 如果选择了文本那么就是向此行的末尾复制,如果没有选中文本那就是将此行向下复制 ctrl + e - - 弹出最近打开文件列表,可以快

  • React学习第二篇——组件2021-04-07 17:33:45

    非自定义组件 1、我们可以使用函数定义了一个组件: function HelloMessage(props) { return <h1>Hello World!</h1>; } 2、你也可以使用 ES6 class 来定义一个组件: class Welcome extends React.Component { render() { return <h1>Hello World!</h1>; } } 自

  • React create-react-app创建项目时,控制台爆出这个错误2021-04-07 11:03:14

    今天在安装react脚手架模板项目的时候出现错误如下 A template was not provided. This is likely because you're using an outdated version of create-react-app.Please note that global installs of create-react-app are no longer supported.You can fix this by running n

  • React 函数式组件性能优化2021-04-07 07:33:10

    一 函数式组件新能优化:https://mp.weixin.qq.com/s?__biz=MzI1ODk2Mjk0Nw==&mid=2247484774&idx=1&sn=9dc58e54a28755504d58bef49a78f3b4&scene=21#wechat_redirect  React 性能优化的理念的主要方向就是这两个: 减少重新 render 的次数。因为在 React 里最重(花时间最长)的一块

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有