react-

react-踩坑记录——swiper报错！

已经在html文件中使用过，正确无误；但做成组件后（各种依赖文件引入路径确认无误）报错。在只引入swiper.css时未报错，引入swiper.js文件后报错，如下：错误原因，不详。解决措施，不引入swiper.js,而是直接npminstallswiper,在文件头部导入，如⬇️：importReact,{Component}from'react';importlogofrom'./logo.s
weixin_33932129·2020-08-22 19:18

浅析React&Vue两大流行框架优缺点

vue-本质是MVVM框架，由MVC发展而来React-本质是前端组件化框架，不是一个完整的MVC框架，可以认为是MVC中的V（View）MVVMMVVM的出现促进了GUI前端开发与后端业务逻辑的分离，
让想法变成执行力·2020-08-22 18:42

react-为什么在jsx属性中不建议使用箭头函数和绑定

我们先来看看下面这个组件：importReactfrom'react'classAppextendsReact.Component{constructor(props){super(props)this.textInput=null}handleClick(){this.textInput.focus()}render(){return({this.textInput=node}}/>)}}exp
ToSmile·2020-08-22 13:28

Module not found: Error: Cannot resolve module 'react/lib/ReactMount' in ...

在原作者没有更新bug修复方案的情况下，如果要使用react-
二月师兄·2020-08-22 01:40

React-当页面渲染完成后，如何操作DOM节点？

大部分情况下你不需要去操作DOM元素，你只需要通过设置组件的状态值（setState），react会通过状态值去渲染组UI。但是可能在某些情况下你确实需要直接操作DOM。react是从jsx到虚拟dom再从虚拟dom生成dom的，所以需要在页面生成DOM后才能去操作DOM节点的，那么很容易让我们相到react的几个生命周期，componentDidMount（）就是在组件挂载之后调用的一个生命周期
尔后不再希冀·2020-08-21 16:22

React Native打包（二：react-native集成友盟)

##集成安卓环境##在android/app/build.gradledependencies{....implementation"com.facebook.react:react-
Justin0223·2020-08-20 12:53

react-利用Atom搭建开发环境

学习完ReactNative抽时间来看看它的基础React，利用ATom来搭建Reactjs开发环境atomgithub官方推出的编辑器atom-beautify插件atom-beautify用来格式化代码用的，在atom编辑器中打开’Settings’面板，可以通过快捷键Command+,来打开,打开后进入Install，在搜索框中输入atom-beautify，然后点击安装就行：atom-ht
Q博士·2020-08-19 15:28

react-搜索框组件

借鉴React文档“React的编程思想”章节，实现一个类似百度搜索的搜索框组件文档中的步骤为构建组件层次用React构建一个静态版本确定state的最小表示确定state的位置添加反向数据流一、构建组件层次结构如下-SearchBox-SearchInput-SearchResult-SearchResultList因后续望在下拉框显示“加载中”“已全部加载”“无数据”等加载状态，故在Searc
weixin_39612961·2020-08-18 23:36

react表格实现以及jquery实时模糊查询

HTML：react-实时查询表格元素其中，需要用到react.js，react-dom.js，browser.js以及jquery库。
henouren·2020-08-18 20:09

微信小程序----没有 DOM 对象，一切基于组件化 ---- mpvue

组件内部)抽取不同的部分放在形参(组件props传参，或者插槽)newPromise运行时初始化实例对象的状态为pending初始化根据后续异步代码，修改状态为成功状态或者失败状态，然后自动调用相应的回调React
aof26372·2020-08-18 19:10

前端开发文档参考

jQuery中文文档jQueryAPI中文文档CSS参考手册前端开发参考手册系列之CSS参考手册React中文文档React-用于构建用户界面的JAVASCRIPT库GoogleChrome调试工具开发者工具是一套内置在
前端精髓·2020-08-18 06:55

React-"Refs and the DOM"

React-“RefsandtheDOM”学习是一件反反复复的事情，今天回顾react官方文档中RefsandtheDOM，大致翻译一遍，将笔记摘录备忘。
Easy-Sir·2020-08-17 21:48

Flutter插件开发-电子白板插件-开源项目

react-native-touchvg开源地址：https://github.com/cloudwebrtc/react-
亢少军·2020-08-17 05:28

react-阻止其他事件触发

//方法onOpenDrawer=(e)=>{e.stopPropagation();this.setState({drawerVisible:true});}//调用了解更多控制台打印得到的e中有这个:stopPropagation:functiondestructor()。直接调用就可以。原理来自于DOM：jQueryevent.stopPropagation()方法，event.stopPr
青耳~·2020-08-15 14:36

react-基础入门

环境搭建1.电脑里必须装node.js2.全局npm命令安装react环境:npminstall-gcreate-react-app3.创建react项目demo:creat-react-appxxx(项目名)4.启动react项目:npmstart目录结构1.package.json项目配置2.public里面存放公共内容，主要是index.html入口文件3.src里面存放项目组件，样式，和图
沙漠里的木木夕__GTT·2020-08-13 19:35

react-父子子孙组件嵌套-context

方案一importReactfrom'react'importReactTypesfrom'prop-types'/*//最外层的父组件exportdefaultclassCom1extendsReact.Component{constructor(props){super(props)this.state={color:'red'}}render(){return这是父组件}}//中间的子组件c
山上一边边·2020-08-13 08:00

react-发表评论案例

评论列表组件importReactfrom'react'importCMTItemfrom'./CmtItem.jsx'importCMTBoxfrom'./CmtBox.jsx'//评论列表组件exportdefaultclassCMTListextendsReact.Component{constructor(props){super(props)this.state={list:[{user
treesky·2020-08-13 08:00

react-父子子孙组件嵌套-context

方案一importReactfrom'react'importReactTypesfrom'prop-types'/*//最外层的父组件exportdefaultclassCom1extendsReact.Component{constructor(props){super(props)this.state={color:'red'}}render(){return这是父组件}}//中间的子组件c
山上一边边·2020-08-13 08:00

react-发表评论案例

评论列表组件importReactfrom'react'importCMTItemfrom'./CmtItem.jsx'importCMTBoxfrom'./CmtBox.jsx'//评论列表组件exportdefaultclassCMTListextendsReact.Component{constructor(props){super(props)this.state={list:[{user
treesky·2020-08-13 08:00

React-从源码分析React Fiber工作原理

本文的demo仓库在https://github.com/qiqingjin/blog/tree/master/React_Redux，喜欢请star哟~为什么要重写ReactReact16以前React16以前，对virturaldom的更新和渲染是同步的。就是当一次更新或者一次加载开始以后，diffvirtualdom并且渲染的过程是一口气完成的。如果组件层级比较深，相应的堆栈也会很深，长时间
柒青衿·2020-08-09 10:55

React-实用性能优化技巧

本文的demo仓库在https://github.com/qiqingjin/blog/tree/master/React_Redux/demos，喜欢请star哟~你可能听过一句话，过早的优化是万恶之源。项目开始，我们当然会首先考虑功能的实现，当完成第一版功能以后，就应该尽早开始优化和重构了。工具如果我们不去测量项目目前运行的速度，就无法知道后续进行的优化是否有效、效果有多少。下面介绍几个常用的
柒青衿·2020-08-09 10:24

React-高阶组件

高阶组件是React中复用组件逻辑的一种技巧，高阶组件是一个函数，接收需要包装的组件，返回值为增强后的组件。实现思路：高阶组件内部创建一个类组件，在这个类组件中去提供复用状态的逻辑代码，通过prop将复用的状态组件传递给被包装组件。创建高阶组件步骤：创建一个函数，名称约定以with开头给函数设置形参用于接收传过来的组件，参数以大写字母开头（作为参数组件使用）在函数内部创建一个类组件，在类组件中提供
蓬莱老仙·2020-08-08 00:56

react-笔记（2）

1、react的引入react的语法importReactfrom"react";reactDOM渲染的时候需要用到ReactDOMimportReactDomfrom"react-dom";2、map遍历循环（类vue的v-for）letDom=(arr.map((item,index)=>{return{item}}))3、元素是否显示隐藏（类vue的v-ifv-showv-htmv-text
weixin_30885111·2020-08-06 10:52

React中使用react-file-viewer，实现预览office文件（pdf,word,xlsx等文件）前端实现，在浏览器打开文件

但是word,xlsl等文件很难实现，网上的实现方式有微软的方法实现但是访问的文件地址必须是公共文件，所有人都能访问到才可以使用，显然是不行的，所以我就找到了react-
雨生百谷，方为谷雨·2020-08-05 17:28

react-常见面试题

1、React中的key值的作用是什么？react中key值主要是用来识别组件的，key值相同时，在后期操作的时候，react在创建key值相同的组件时，遇到key值相同的，不会重新创建；有了key值之后，key值与组件就会形成一种对应的关系，react会根据key值来绝对组件的创建销毁或者更新；如果key值相同，组件的属性发生了变化，这时组件不会被销毁，只会对响应的属性进行更新；如果key值不同
dezhakun1742·2020-08-04 13:07

React-router报错Link' is not exported from 'react-router'

Router,Route,Link}from‘react-router’按照官网示例中使用时候发现报错解决中文文档更新滞后的缘故，最新官方文档的说明https://reacttraining.com/react
奥特蛋_mm·2020-08-04 06:54

React-事件处理

事件处理绑定事件采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写onclick,React里的事件是驼峰onClick，React的事件并不是原生事件，而是合成事件。事件handler的写法直接在render里写行内的箭头函数(不推荐)classAppextendsComponent{render(){return(事件处理{alert(2)}}>第一方法
Zzzzsg_·2020-08-03 14:04

初学react实现路由跳转_学习React-初学者完整课程

初学react实现路由跳转Learnallthebasicstobuilddynamic,interactivewebapplicationswiththeReactJavaScriptlibraryinthisfullcoursefromBobZiroll(@bobziroll).通过BobZiroll(@bobziroll)的完整课程，学习使用ReactJavaScript库构建动态，交互式W
cumian8165·2020-08-03 12:43

React-路由的使用

react英文版官网:https://reacttraining.com/react-router/一.仿照官网来个小案例(声明式路由)1.安装React路由cnpmi--savereact-router-dom2.创建一个新的router.js文件,并在App.js中导入这个路由文件3.在router.js文件中粘贴官方的第一个路由案例;importReactfrom"react";import
庚中·2020-08-03 08:53

React-微信网页开发总结

前段时间用React写了几个微信公众号的网页，遇到的主要阻力就是微信的网页授权问题和JS-SDK使用问题。1.网页授权根据微信官方网页授权介绍，只有在需要获取用户信息时，才需要用到微信网页授权机制。关于如何进行网页授权，官方文档已经介绍很详细了，这里主要记录一下使用过程中遇到的问题以及需要注意的地方。1.1网页授权access_token由于一个公众号的网页授权access_token是所有人共用
Huang-Lin·2020-07-31 13:33

react-native初学者积累的经验

很多第三方组件不能及时更新，兼容最新版本或者高版本的rn，有的第三方组件需要修改配置文件，android文件下有不同层级的同名文件，修改时需注意一、练习项目这是一个自己初步学习制作的一个小项目，主要是使用react
吉帅振·2020-07-30 09:15

react-复习（3）Context&Portals的用法

ContextContext的用法类似redux中将store注射到全局中，以便其包裹的组件可以使用其储存的数据方法。我们常用其做国际化和全局的主题颜色等，但并不用于发布订阅和状态的管理。Context的用法我们先在一个文件中使用react的createContext创建一个context，参数为默认的context值，如果使用到context却没有被Provider包裹时，取到的context值
shabby申·2020-07-30 04:05

React-插件-性能分析工具

性能分析工具EditonGitHub通常情况下，React在沙箱中是非常快的。但是，在你应用的一些情景中，你需要仔细推敲每一个性能点。React提供了一个函数shouldComponentUpdate，通过这个函数，你能够给React的差异检查添加优化代码。为了给你一个你的应用总体的性能概览，ReactPerf是一个分析工具，告诉你需要把这些钩子函数放在哪里。注意：开发的构建过程比生产的构建过程要
编程之间·2020-07-29 20:12

【第6天】React-学习笔记

React第6天RN学习说明ReactNative是基于React这门框架的语法来进行开发的；RN中，提供了移动端专用的一些组件，这时候，我们在网页中使用的一些元素，div,p,img都不能用了，只能使用RN固有的组件；最终，开发出来的项目，是要运行到手机上的，那么，如何把一个RN的项目，完整的发布到手机上去运行呢，这里，需要结合安卓的签名打包步骤，并使用RN提供的打包命令，进行完整apk文件的发
fed_jiao·2020-07-29 19:13

React-第四节

一、React介绍-前端三大框架介绍ReactJS简介React起源于Facebook的内部项目，因为该公司对市场上所有JavaScriptMVC框架，都不满意，就决定自己写一套，用来架设Instagram的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将
小学渣冰淇淋学习啦·2020-07-29 11:44

React-第三节

一、复习webpack基本配置webpack的发布策略在实际开发中，一般会有两套项目方案：一套是开发期间的项目，包含了测试文件、测试数据、开发工具、测试工具等相关配置，有利于项目的开发和测试，但是这些文件仅用于开发，发布项目时候需要剔除；另一套是部署期间的项目，剔除了那些客户用不到的测试数据测试工具和文件，比较纯净，减少了项目发布后的体积，有利于安装和部署！为了满足我们的发布策略，需要新建一个配置
小学渣冰淇淋学习啦·2020-07-29 11:44

react-native 实现条码扫描(ios&android)

下面就来看看怎么实现吧~一、新建项目首先打开终端，在相应的目录下输入命令创建新项目react-nativeinitCameraDemo项目创建完成，进入项目根目录下输入命令下载react-
sybil052·2020-07-28 16:57

前端当下流行的一些库与框架以及学习方法

Flux……库：给你提供帮助，没有明显的思路偏好，你愿意怎么用怎么用；流行的库jQuery-DOM操作/AjaxUnderscore/Lodash-数据操作（推荐阅读其源代码）RequireJS-资源加载React
lxf_李晓凤·2020-07-28 07:43

react-进阶系列-实现react-redux的provider

不用provider,爷爷组件传递属性给孙子组件三个嵌套组件：GrandfatherFtherChild如果Child想要拿到最外层Grandfather的属性，就必须Grandfather–Fater–Child这样一层一层传递下来，不仅麻烦，而且一旦中途传递出错，最后一层组件拿到的也是错误的grandfather.jsclassChildextendsReact.Component{state
养基赚钱·2020-07-28 05:31

React-数据流详解

在React中，数据流是单向的，即从父组件传递到子组件。因为组件是简单且易于把握的，它们只需从父组件获取props渲染即可。如果顶层组件中的某个props改变了，react会递归的向下遍历整棵组件树，重新渲染所有使用这个属性的组件。React组件内部还具有自己的状态，这些状态只能在组件内修改。React组件本身很简单，你可以把它们称为一个函数，它接受props和state作为参数，返回一个虚拟的D
自由2017·2020-07-28 02:30

react-{this.props}的解释

react-{this.props}传递参数基于react环境{…this.props}是props所提供的语法糖，可以将父组件的所有属性复制给子组件（按照我的通俗理解来说，这就是另类的继承）App,js
want_to_fly_·2020-07-23 12:25

react-类组件和函数组件的区别

类组件classBookextendsReact.Component{constructor(props){super(props)this.state={}}render(){return{this.props.name}}}函数组件functionBook(props){return{props.name}}区别类组件内部拥有状态state，函数组件无法拥有状态state，现在在react16
小小小骆驼·2020-07-18 20:41

create-react-app2.x 自定义配置（less 按需加载 装饰器）

（配置less）yarnaddlessless-loadercustomize-crareact-app-rewired-D复制代码customize-cra帮助你自定义react脚手架2.x版本配置react
weixin_33850890·2020-07-15 04:41

Webpack 插件扫盲系列（二）webpack.DllPlugin 和 webpack.DllReferencePlugin

一般会对常用的第三方模块使用这种方式，例如react、react-
追逐、·2020-07-14 17:26

React-组件生命周期

每个生物都有它自己的生命周期，从出生到少年，成年再到死亡，同理，组件也是有它特定的生命周期，React用不同的方法来描述它的整个生命周期。现在，要稍微修改一下组件的代码，当组件加载完毕1秒后，使liked的值自动加1.......componentDidMount(){setTimeout(()=,},componentDidMount:function(){$(this.getDOMNode()
黛梨·2020-07-14 16:45

react-native相互通信

react-native的双向通信demo项目下载react->native实现提供给react的模块，模块需要实现RCTBridgeModule协议，然后暴露给react的类名和希望react调起的方法例如
黄成·2020-07-14 02:43

React-表单(受控组件和非受控组件)

一,受控组件在HTML当中，像input,textarea和select这类表单元素会维持自身状态，并根据用户输入进行更新。在React中，可变的状态通常保存在组件的state中，并且只能用setState()方法进行更新.React根据初始状态渲染表单组件，接受用户后续输入，改变表单组件内部的状态。因此，将那些值由React控制的表单元素称为：受控组件。代码演示如下:1.input文本标签的受控
庚中·2020-07-13 22:47

react-路由传参

路由传参用到render}>完整案例如下1、传参App.jsimportReactfrom'react';import{BrowserRouter,HashRouter,Switch,Route,Link}from'react-router-dom'importDemofrom'./pages/Demo'functionApp(){return(}>);}exportdefaultApp;/***
哈！小白要成长！·2020-07-13 12:01

React-如何进行组件的单元测试

什么是单元测试一般测试分成几个类型：单元测试、集成测试、功能测试。集成测试和功能测试不赘述。单元测试是用来对一个模块、一个函数或者一个类来进行正确性检验的测试工作，这里的单元是程序工作的最小工作单位。单元测试应该仅仅依赖输入，不依赖多余的环境，如果你的单元测试依赖很多环境，那么你可能需要的是集成测试。单元测试又可以根据开发模式分成以下两类：TDD,TDD指的是TestDriveDevelopmen
柒青衿·2020-07-13 09:18

最全React技术栈技术资料汇总（收藏）

技术资料官方权威React【React官方学习文档·英文】React-中文文档【React官方学习文档·中文中国程序员的福利】Reactgithub【ReactGithub地址】ReactNative【
weixin_33910460·2020-07-12 08:07
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他