28浏览

0评论

ReactiveCocoa代码实践之-UI组件的RAC信号操作

相关阅读：ReactiveCocoa代码实践之-更多思考ReactiveCocoa代码实践之-RAC网络请求重构这一节是自己对网络层的一些重构，本节是自己一些代码小实践做出的一些demo程序，基本涵盖...

• 2021-05-30

39浏览

0评论

React.js入门实例教程之创建hello world 的5种方式

一、ReactJS简介
React 是近期非常热门的一个前端开发框架。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架...

• 2021-05-30

44浏览

0评论

使用React实现轮播效果组件示例代码

前言我发现React和AngularJS思想完全不同，AngularJS是基于双向绑定，在Modal层中定制数据，然后双向改变。但是React是通过prop和state来改变view层的状态。下面是我写的一个轮播...

• 2021-05-30

55浏览

0评论

React实现双向绑定示例代码

前言React.js现在已经很流行了，不会React.js都不好意思说自己会前端了。那么下面就来看看关于React双向绑定的实现。
双向绑定的使用:组件需要mixins:引用LinkedStateMixin。...

• 2021-05-30

96浏览

0评论

React-Native TextInput组件详解及实例代码

同时适配Android和IOS代码注释比较详细/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, {Component} from 'react';im...

• 2021-05-30

69浏览

0评论

使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

ReactJS是Facebook推出的产品。在2013年的Qcon大会(上海)上面，当时Facebook的前端工程师做过一次讲座，就专门介绍了ReactJS。ReactJS可以看做就是用来Render的。ReactJS是可以...

• 2021-05-30

40浏览

0评论

详解React-Todos入门例子

最近学完React的最基本概念，闲下来的时候就自己写了一个Todo-List的小应用。这里做个简略的说明，给想好好学React的新手看。开始之前
这里我用了webpackb做了babel和JSX预处理...

• 2021-05-30

48浏览

0评论

JavaScript中rem布局在react中的应用

前面给大家分享了一个react项目（https://www.jb51.net/article/76085.htm），这次对这个项目做了一些改进，增加了rem布局和对iscroll在Android上的优化。
项目代码，欢迎fork和star，...

• 2021-05-30

40浏览

0评论

JavaScript的React框架中的JSX语法学习入门教程

什么是JSX？在用React写组件的时候，通常会用到JSX语法，粗看上去，像是在Javascript代码里直接写起了XML标签，实质上这只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javasc...

• 2021-05-30

72浏览

0评论

基于React.js实现原生js拖拽效果引发的思考

一、起因&思路一直想写一个原生js拖拽效果，又加上近来学react学得比较嗨。所以就用react来实现这个拖拽效果。首先，其实拖拽效果的思路是很简单的。主要就是三个步骤：1.onmouse...

• 2021-05-30

29浏览

0评论

再次谈论React.js实现原生js拖拽效果引起的一系列问题

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在201...

• 2021-05-30

55浏览

0评论

实现React单页应用的方法详解

首先在学习这门框架前，你需要对以下知识有所了解： 1.原生JS基础 2.CSS基础 3.npm包管理基础 4.webpack构建项目基础 5.ES6规范以上五个知识点也是目前学...

• 2021-05-30

48浏览

0评论

ReactNative页面跳转实例代码

效果图如下所示：进入工作目录，运行
react-native init NavigatorProject
创建项目NavigatorProject
import React, { Component } from 'react';import {AppRegistry,StyleShe...

• 2021-05-30

29浏览

0评论

深入探讨前端框架react

摘要： 最近公司要做一个嵌套在app中的应用，考虑着用Facebook的react来开发view，所以就研究了下。下面是我在开发中遇到的坑，希望能给你帮助。
项目地址：https://github.com/...

• 2021-05-30

31浏览

0评论

React快速入门教程

简介Facebook官网介绍：React 是一个用来构建用户界面的 JavaScript 库。相当于 MVC 架构的 V 层。React 的核心思想是：封装组件，各个组件维护自己的状态和UI，当状态变更，自动重新...

• 2021-05-30

30浏览

0评论

Reactjs实现通用分页组件的实例代码

大家多少都自己写过各种版本的分页工具条吧，像纯服务版的，纯jsWeb板的，Angular版的，因为这个基础得不能再基础的功能太多地方都会用到，下面我给出以个用ReactJS实现的版本，首先上...

• 2021-05-30

39浏览

0评论

ReactJs快速入门教程(精华版)

现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发深深的吸引了我，下面来跟我一起领略ReactJs的风采吧~~...

• 2021-05-30

35浏览

0评论

浅谈React 属性和状态的一些总结

一、属性1、第一种使用方法：键值对
<ClaaNameA name = “Tom” /><ClaaNameA name = {Tom} /><ClaaNameA name = {“Tom”} /><ClaaNameA name = {[1,2,3]} />//数组<ClaaNam...

• 2021-05-30

38浏览

0评论

React实现点击删除列表中对应项

点击删除按钮，删除列表中对应项本来是React比较基础的应用，可是应用情况变得复杂了以后，我还真想了一会儿才搞定。简化一下应用场景：点击新增按钮，增加一条输入框，点击输入框旁边...

• 2021-05-30

65浏览

0评论

react.js 翻页插件实例代码

废话不多说了，下面给大家分享react.js翻页插件的代码，具体代码如下所示： varPage = React.createClass({render:function(){//中间代码更新vartotalRows = this.props.totalRow...

• 2021-05-30

47浏览

0评论

webpack入门+react环境配置

小结放在前：这篇文章主要是为下一篇的react提前铺好路，webpack是一个前端资源模块化管理和打包工具，说白了就是方便我们管理自己的常用的一些代码，比如你开发中用到sass以及jade...

• 2021-05-30

66浏览

0评论

React Native 如何获取不同屏幕的像素密度

React Native 获取不同屏幕的像素密度使用React Native开发 User Interface，初步了解之后，产生一个疑问，使用flexbox开发页面，width及height属性等输入大小或者说尺寸的地方，不...

• 2021-05-30

78浏览

0评论

React创建组件的三种方式及其区别

React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends...

• 2021-05-30

39浏览

0评论

React Native自定义标题栏组件的实现方法

大家好，今天讲一下如何实现自定义标题栏组件，我们都知道RN有一个优点就是可以组件化，在需要使用该组件的地方直接引用并传递一些参数就可以了，这种方式确实提高了开发效率。标题...

• 2021-05-30

56浏览

0评论

React组件的三种写法总结

React 专注于 view 层，组件化则是 React 的基础，也是其核心理念之一，一个完整的应用将由一个个独立的组件拼装而成。截至目前 React 已经更新到 v15.4.2，由于 ES6 的普及和不同...

• 2021-05-30

90浏览

0评论

React-Native中一些常用组件的用法详解(二)

前言本文为大家介绍一下React-Native中一些深入些的组件，由于对ES6的语法并没有完全掌握，这里暂时用ES5和ES6混用的语法。ScrollView组件
能够调用移动平台的ScrollView（滚动视...

• 2021-05-30

42浏览

0评论

React-Native中一些常用组件的用法详解(一)

前言本文为大家介绍一下React-Native中一些常用的组件，由于对ES6的语法并没有完全掌握，这里暂时用ES5和ES6混用的语法。View组件
View是一个支持Flexbox布局、样式、一些触摸...

• 2021-05-30

40浏览

0评论

React Native 搭建开发环境的方法步骤

本文介绍了React Native 搭建开发环境，分享给大家，具体如下：准备工作 node -v：确认是否安装Node，若已经成功安装了，则执行下面的命令；否则先进行Node的安装。 npm install -g cre...

• 2021-05-30

40浏览

0评论

详解React中的todo-list

基于React的一个简单Todo-list先赌为快：在线DEMO，感觉还不错点一下star -_- ~源码地址：一、已经完成的功能1、新增选项(默认未完成)2、完成状态可以切换3、当前选项可以删除4...

• 2021-05-30

29浏览

0评论

React+Spring实现跨域问题的完美解决方法

最近小编在学习react，在学习过程中遇到React+Spring实现跨域问题，下面小编记录了整个问题过程，给大家做个参考。react 跨域访问后台，默认是有跨域问题，并且火弧和谷歌浏览器，对跨...

• 2021-05-30

42浏览

0评论

react native 仿微信聊天室实例代码

一、前言9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在react native原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术...

• 2021-05-30

38浏览

0评论

使用React Native创建以太坊钱包实现转账等功能

之前想用React Native开发一版以太坊钱包app，但在生成账户那块遇见了问题，没有crypto等nodejs包，react native是运行在JavaScriptCore环境里面，是没有buffer, crypto 跟 stream...

• 2021-05-30

40浏览

0评论

react+antd 递归实现树状目录操作

1.写在前面作为前端小白的我一直对算法和数据结构浅尝辄止，哝，吃亏了。使用多次递归实现数据格式化后将数据进行树状展示的目的，分享一下我这次挠头的经历~2.数据后台传过来的...

• 2021-05-30

76浏览

0评论

react中hook介绍以及使用教程

前言
最近由于公司的项目开发，就学习了在react关于hook的使用，对其有个基本的认识以及如何在项目中去应用hook。在这篇博客中主要从以下的几个点进行介绍： hook简介 hook中常...

• 2021-05-30

49浏览

0评论

react antd表格中渲染一张或多张图片的实例

使用antd table中显示一张图片，代码如下：const columns = [ { title: "姓名", dataIndex: "name", width: 100 , // table列定宽 可不设 fixed: "left" // 固定列的位置 }, {...

• 2021-05-30

32浏览

0评论

Electron整合React使用搭建开发环境的步骤详解

简介用于构建用户界面的 JavaScript 库步骤首先创建Reactnpx create-react-app doc进入到doc项目cd doc安装electronnpm install electron --save-dev安装依赖判断是否为生...

• 2021-05-30

50浏览

0评论

详细分析React 表单与事件

本章节我们将讨论如何在 React 中使用表单。HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。在 HTML 当中，像 <input>, <textarea>,...

• 2021-05-30

65浏览

0评论

详解三种方式在React中解决绑定this的作用域问题并传参

在React中时常会遇到this指向的作用域问题 从而导致undefined报错先来个Demo：
功能很简单 点击按钮改变文字import React from 'react';export default class BindWithThis e...

• 2021-05-30

60浏览

0评论

react实现复选框全选和反选组件效果

本文实例为大家分享了react实现复选框全选和反选组件的具体代码，供大家参考，具体内容如下运行效果图如下：代码：import React, { Component } from 'react';import { withRouter...

• 2021-05-30

45浏览

0评论

react ant Design手动设置表单的值操作

1.设置表单的值this.props.form.setFieldsValue({ name:"张三", });2.清空表单的值this.props.form.resetFields();3.获取某一输入框的值this.props.form.getFieldValue('ne...

• 2021-05-30

34浏览

0评论

React中使用Vditor自定义图片详解

安装npm install vditor -s引用导入依赖包import Vditor from "vditor";导入样式import "vditor/src/assets/scss/index.scss";使用示例export default class Vditor extend...

• 2021-05-30

67浏览

0评论

为react组件库添加typescript类型提示的方法

以我自己的组件react-better-countdown为例，
首先在package.json里面添加types: types/index.d.ts，，
然后文件目录上添加对应文件夹和文件，

最后是index.d.ts文件的编写，具体看...

• 2021-05-30

36浏览

0评论

详解React 元素渲染

元素是构成 React 应用的最小单位，它用于描述屏幕上输出的内容。const element = <h1>Hello, world!</h1>;与浏览器的 DOM 元素不同，React 当中的元素事实上是普通的对象，React...

• 2021-05-30

73浏览

0评论

使用React-Router实现前端路由鉴权的示例代码

React-Router 是React生态里面很重要的一环，现在React的单页应用的路由基本都是前端自己管理的，而不像以前是后端路由，React管理路由的库常用的就是就是 React-Router 。本文想...

• 2021-05-30

43浏览

0评论

JavaScript React如何修改默认端口号方法详解

问题我们在使用React的时候经常会遇到这种情况，3000端口号被占用。有时候可以关掉3000端口，但更多时候，我们需要打开多个项目的时候，就必须要开启多个端口了。这时候就需要修改...

• 2021-05-30

56浏览

0评论

利用React高阶组件实现一个面包屑导航的示例

什么是 React 高阶组件
React 高阶组件就是以高阶函数的方式包裹需要修饰的 React 组件，并返回处理完成后的 React 组件。React 高阶组件在 React 生态中使用的非常频繁，比如r...

• 2021-05-30

44浏览

0评论

React实现轮播效果

本文实例为大家分享了React实现轮播，供大家参考，具体内容如下思路1、使用全局的state进行状态管理
2、设置全局下标，对当前的图片下表进行样式划分
3、定时循环人物便利改变全...

• 2021-05-30

56浏览

0评论

在react-antd中弹出层form内容传递给父组件的操作

我就废话不多说了，大家还是直接看代码吧~子组件：// jshint esversion:6import React, { Component } from 'react';import { Form, Input} from 'antd';const FormItem = Form...

• 2021-05-30

37浏览

0评论

react使用antd表单赋值,用于修改弹框的操作

1、使用getFieldDecorator的initialValue2、在state里定义一个变量存表格的数据3、给打开弹框的方法传个record4、把表格里的值存到state5、把在state里存的值传给弹框6、获...

• 2021-05-30

47浏览

0评论

详解React路由传参方法汇总记录

React中传参方式有很多，通过路由传参的方式也是必不可少的一种。本文记录项目中会用到的路由传参方式： 路由跳转传参API + 目标路由获取参数的方式。一、动态路由跳转方法Link...

• 2021-05-30