AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityuniappUnity3dReactFlexAnt DesignelementuiWeb前端微信小程序微信公众号
[react] React15和16别支持IE几以上？
[react]React15和16别支持IE几以上？React15版本不直接支持IE8浏览器的，官方文档中说React16中依赖于集合类型Map和Set因此不再支持IE11以下的浏览器，如果想要支持，需要使用全局的polyfill个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢
React中useContext(全局公共状态)的使用
关于使用useContext的固定套路有以下几个步骤:(一)导入并调用createContext,得到Context对象并导出.import{useContext}from'react'exportconstContext=React.createContext()//这里有导出(二)使用Provider组件包裹根组件,并通过value属性提供要共享的数
函数式组件useState中state更新问题和useEffect模拟生命周期
全貌：//1.引入useEffect,useStateimportReact,{useEffect,useState}from'react';importHeaderScreeningfrom'components/IDBHeaderScreening';import{SetLCollect}from'../..ewServices';importChartfrom'../C
React 初始学习----React起源
什么是模块化：是从代码的角度来进行分析的；把一些可复用的代码，抽离为单个的模块；便于项目的维护和开发；什么是组件化： 是从 UI界面的角度来进行分析的；把一些可服用的UI元素，抽离为单独的组件；便于项目的维护和开发；组件化的好处：随着项目规模的增大，手里的组件越来越多；很方便就能把现
mobx记录用户登录状态react
mobx记录用户登录状态（react）新建userStatus.tsimport{makeAutoObservable}from'mobx'import{UserInfo}from'..ypes'interfaceUserInfoStatusextendsUserInfo{status:string}classUserStatus{userStatus:UserInfoStatus={ac
React Please wrap your <Route> in a <Routes>
报错：A<Route>isonlyevertobeusedasthechildof<Routes>element,neverrendereddirectly.Pleasewrapyour<Route>ina<Routes>.那是老版本的写法，报错是要用V6的写法。------------------下面是我的记录，可以不用看-----------先做两个路由界面 再做一个布
Redux的使用和在 React 中使用 redux
ReactRedux一、Redux#下载reduxnpmiredux1.redux的简单使用：constredux=require("redux");//初始化stateconstinitState={count:0}//reducer，纯函数functionreducer(state=initState,action){switch(action.type){case"incre
React Native-10：活动指示器loading
importReact,{useState,useEffect}from'react'import{StyleSheet,Text,View,Button,ActivityIndicator//活动指示器loading}from'react-native'constApp=()=>{const[animation,setAnimation]=useState(true)
props深入
1.children属性children属性：表示组件标签的子节点。当组件标签有子节点时，props就会有该属性children属性与普通的props一样，值可以是任意值(文本、React元素、组件，甚至是函数)//1.导入reactimportReactfrom'react';importReactDOMfrom'react-dom';/*chi
React_04_Redux
reduxRedux是一个独立的JavaScript状态管理库安装Reduxnpmireduxredux三大原则单一数据源:整个应用的state只存在于唯一一个store中state是只读的:唯一改变state的方法就是触发action，action是一个用于描述已发生事件的普通对象使用纯函数来执行修改
React setState 既是同步也是异步
一般在我们学习React的时候，大家都会牢记的一点是setState是异步的，想要拿到最新的state值有两种方法（可以先到最后看一遍完整的代码，再回来看）：1.在后面的回调函数拿到最新的statereactClick=()=>{const{cnt}=this.statethis.setState({cnt:cnt+1},()=>
React全家桶-模块化、组件化、工程化4
目录一、工程化二、模块与模块化三、组件与组件化一、工程化1、定义：使用软件工程的技术和方法来进行前端项目的开发、维护和管理。2、详解：工程化是一种思想而不是某种技术，前端工程化就是把前端的项目当成一项软件工程进行分析、组织和构建，从而达到项目结构清晰、分工明
[react] contextType是什么？它有什么用？
[react]contextType是什么？它有什么用？定义当前组件要使用哪一个contextconstMyContext=React.createContext(defaultValue);classMyClassextendsReact.Component{componentDidMount(){letvalue=this.context;/*performaside-effectatmountusi
React AntDesign Table 动态合并单元格大量数据有分页时也有效
项目场景：老板要求有相同数据时，那一列就需要合并起来，还能怎么办，硬着‘头’去实现吧问题描述：看了Antdesign官方文档的旁友可以了解到单元格有一个属性rowSpan，它的value是数字，数字越大，渲染占据的行数越多，为0时那一个单元格不会渲染，可以看看下方这个不严谨的图由
组件的props
组件是封闭的，要接收外部数据应该通过props来实现props的作用：接收传递给组件的数据传递数据：给组件标签添加属性接收数据：函数组件通过参数props接收数据，类组件通过this.props接收数据//1.导入reactimportReactfrom'react';importReactDOMfrom'react-dom';/*props
React Native从入门到实战--需求分析技术分解模块设计、基于react-navigation的APP导航框架搭建、react-navigation高级应用之动态实现底部&顶部导航器
接着上一次https://www.cnblogs.com/webor2006/p/15042441.html继续开启RN学习之旅，目前RN的基础已经学得差不多了，接下来准备进入项目的综合操练环节，将前面零散的知识串起来。需求分析技术分解模块设计：需求背景：先来简述一下该APP的产生背景，对于Github应该人人皆知对吧，而它里面
React 手写 自定义hooks 倒计时事件 通用逻辑的封装
 平时工作偶尔用到的一些自己封装的逻辑我也会记录下来希望对大家实际开发有些帮助 下面我会用一个例子帮助大家使用我封装的这个自定义hooksimport{useState,useEffect,useRef}from'react'//第一参数为你定时的数字//第二参数为你定时结束时想做的事//返回
react中export 和 export default
export和exportdefault的区别exportexport命令用于规定模块的对外接口。一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。//profile.jsexportvarfirstName='Jack';
[react] React根据不同的环境打包不同的域名？
[react]React根据不同的环境打包不同的域名？如果是CRA的项目的话，可以使用.env.env.development.env.production文件来区分不同的环境；比如生产环境域名http://www.prod.com，开发环境域名http://www.deve.com，则可以分别设置REACT_APP_BASE_URL='http://www.prod.com'和REACT
React 中的 key有什么作用？为什么遍历列表时，key 最好不要用 index ？
经典面试题：    1）react中的key有什么作用？(key的内部原型是什么？)    2）为什么遍历列表时，key最好不要用index？1.虚拟DOM中key的作用：    1）简单的说：key是虚拟DOM对象的唯一标识，在更新显示时key起着极其重要的作用。2）详细的说：当状态中的数据发生
react中react-router-dom的使用方法
react中的路由介绍        现代的前端应用大多都是SPA（单页应用程序），也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由应运而生。前端路由的功能：让用户从一个视图（页
Support for the experimental syntax ‘decorators-legacy‘ isn‘t currently enabled
react加装饰器需要用babel解析但是用啦很多方法都不管用最后找到啦一个方法可以供参考//1.安装依赖npmicustomize-crareact-app-rewired@babel/plugin-proposal-decorators//2.项目根目录下建config-overrides.js加入代码：const{override,addDecoratorsLegacy
H5调用React Native
H5代码如下：<!DOCTYPEhtml><htmllang="zh"><head>  <metacharset="UTF-8">  <metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">  <metaname="renderer"cont
react-router-dom学习
目录react-router-dom主要由三个类别的组件路由器：,路由匹配器：,导航：,,也称导航组件为路由改变组件。每个ReactRouter应用程序的核心都应该是一个路由组件（Route）。对于一个web应用而言，主要由两个路由组件,，两者的主要区别在于他们存储URL的方式以及于服务端通信的方式不同
安装React Devtools调试工具
1.从GitHub中将react-devtools项目源码拷贝到本地下载地址：https://github.com/facebookeact-devtools2.安装项目依赖npminstall3.查找项目命令从Package.json文件中的Script下查找以下命令4.打包项目，生成拓展程序npmrunbuild:extension:chrome5.将拓展程序安装到浏
React_day04_react路由、组件间通信、新闻网站构建
1.版本兼容相关问题又是一次实际上手和教程版本不一致的采坑过程，前后也废了不少周折。实际开发时React17，react-dom-router6.x，antd4.x教程版本React16，react-dom-router5.x，antd3.x一开始是想安装新版本一点点解决bug的，可是太耗时最终还是选择了降低版本，在package.jso
React 简介
官方网址:https:/eact.docschina.org/  react的优势1>声明式定义组件react使用class或者function关键字来定义react组件React使创建交互式UI变得轻而易举，交互式UI，交互式是用户的一种行为，ui界面（让用户在界面上的行为变得轻而易举）2>组件化开发组件的优势就是让
vue react 以及微信小程序数据绑定的区别
1、小程序中 data初始化数据  this.setData()修改数据  修改数据的行为始终是同步的  数据流：单项 Model-->View 2、vue data初始化数据   this.key=value来修改数据 数据流：单项 Model-->View  实现了双向数据绑定v-model3、react
React: JSX语法
1.简介JSX，是一个JavaScript的语法扩展，使用JSX可以提高我们的开发效率；JSX语法是类XML语法，好处是标签可以任意嵌套，我们可以像HTML一样清晰看到DOM树结构和其属性2.语法规则标签中使用表达式时要用{}只有一个根标签标签必须闭合标签首字母若首字母为小写，则将对应的标签
react全家桶
目录helloreact创建虚拟DOM的两种方式JSX语法helloreactHTML代码如下<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>hello_react<itle></head><body> <!--1.准备好一个“容器”--&
    pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native