手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
设计教程
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
使用
使用专题提供使用的最新资讯内容,帮你更好的了解使用。
『译』React Mixin 的使用
update: Mixin 只适用于 ES5。如果你的项目里面用的是 ES6 ,可以采用高阶组件来实现 Mixin 的功能。 我使用 React.js 构建大型项目已经有一段时间了,我遇到过很多在不同的组件中都要用到相同功能的情况。因此,我花了一个小时左右的时间去了解mixin的用法,然后分享我所学习到的一些东西。 为什么使用 Mixin ? React回避子类组件,但是我们知道,到处重复地编写同
作者:佚名 时间:2020-05-21
前端之React实战-快速入门以及集成使用
架构师(JiaGouX) 我们都是架构师! Quick Start HelloWorld 基本的React的页面形式如下所示: <!DOCTYPE html><html> <head> <script src="../build/react.js"></script> <script src="../build/JSXTransformer.js"></script> </
作者:佚名 时间:2020-01-07
前端之React实战-JSX介绍与使用
架构师(JiaGouX) 我们都是架构师! JSX HTML 语言直接写在 JavaScript 语言之中,不加任何引号,这就是 JSX 的语法,它允许 HTML 与 JavaScript 的混写。 var names = ['Alice', 'Emily', 'Kate']; React.render( <div> { names.map(function (name) { return <di
作者:佚名 时间:2020-01-07
React 中style的使用
React中style的使用和直接在HTML中使用有些不同,第一,React中必须是style="opacity:{this.state.opacity};"这种写法,第二如果多个style格式如下,多个style中间使用逗号分割 var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', W
作者:佚名 时间:2020-05-24
React-DnD 的使用
介绍 React DnD 是一组 React 高阶组件,可以用来帮你构建复杂的拖拽接口,同时解耦你的组件。React DnD 非常适合像 Trello 和 Storify 这样的应用,在不同地方通过拖拽转移数据,而组件会改变它们的外观和应用的状态来响应拖拽事件。 基本用法 把应用的根组件包装在 DragDropContext 中 把可以拖拽的组件包装在 DragSource 中 设置 type 设
作者:佚名 时间:2020-05-24
React study四Mixin编写和使用
Mixin的优缺点: 优点 代码复用:抽离出通用代码,减少开发成本,提高开发效率 即插即用:可以直接使用许多现有的Mixin来编写自己的组件 适应性强:改动一次代码,影响多个组件 缺点 编写难度高:Mixin可能被用在各种环境中,兼容多种环境就需要更多地逻辑代码,通用的代价是提高复杂度 降低代码可读性:组件的优势在于将逻辑和界面直接结合在一起,Mixin本质上会分散逻辑,理解难度更大。
作者:佚名 时间:2020-05-24
[RN] React Native style -- 样式的使用
React-Native 样式的使用。 React-Native 编写的应用的样式不是靠css来实现的,而是依赖javascript来为你的应用来添加样式,先不讨论这样做的好处与坏处,因为这个实现方法本身就存在着很多争议,我们主要关注他的样式的语法和特性。 1.声明样式: var styles = StyleSheet.create({ base: { width: 38,
作者:佚名 时间:2020-05-24
React Native Android Navigator的使用
React Native Android Navigator的使用 一. 首先在 index.Android.js 中 render: function() { return ( <Navigator initialRoute={{id: 'NewsList', name: 'Index'}}// 初始化 route 中的数据 r
作者:佚名 时间:2020-05-24
react-native图片组件的使用
今天学习react-native图片组件,在react中,为我们提供了一个Image组件用来显示多种不同类型图片,包括了网络图片、静态资源、临时的本地图片、以及本地磁盘上的图片等 快速开始 下面我创建一个叫做secondProject的工程用来学习Image组件。 react-native init secondProject react-native android react-native r
作者:佚名 时间:2020-05-25
7、React中的refs的使用
ref是React中的一种属性,当render函数返回某个组件的实例时,可以给render中的某个虚拟DOM节点添加一个ref属性,如下面的代码所示: <body> <script type="text/jsx"> var App = React.createClass({ render: function() { return ( <div> <inpu
作者:佚名 时间:2020-05-25
React Native控件之ToolbarAndroid工具栏控件讲解以及使用
点击底部阅读原文查看原网页 (一)前言 今天我们一起来看一下工具栏控件ToolBarAndroid的介绍完全解析以及最佳实践。 刚创建的React Native技术交流群(282693535),欢迎各位大牛,React Native技术爱好者加入交流!同时博客左侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送! 该ToolBarAndr
作者:佚名 时间:2020-02-13
redux简单使用
在react火热的年代,flux作为fb提出的最适合react的数据模型,时下有非常多的实现。 而redux作为在众多的flux地实现中脱颖而出,及其精简的代码,却能带来实用的功能,正好自己的项目中要用,所以让我们来分析redux 为什么要写这个文档呢,因为我看官方文档各种看不懂啊,琢磨了半天都不理解,最后是去看了源码才看明白 因为他的一些概念没搞清楚的话,就不知道他的文档在说什么。为了不让更多的
作者:佚名 时间:2020-05-26
React Native 样式声明和使用
React Native 不实现 CSS,而是依赖于 JavaScript 来为你的应用程序设置样式。这是一个有争议的决定,你可以阅读那些幻灯片,了解背后的基本原理。 声明样式 在 React Native 中声明样式的方法如下: var styles = StyleSheet.create({ base: { width: 38, height: 38, },
作者:佚名 时间:2020-05-26
React-Native触摸组件PanResponder的使用
已经找到详细文档了: http://reactnative.cn/docs/0.26/panresponder.html DEMO: import React, { Component } from 'react'; import { Alert, StyleSheet, Text, View, Navigator, PanResponder } from 'react-n
作者:佚名 时间:2020-05-27
ReactJS学习系列课程React ES6语法使用
自从ES6发布以来,越来越多的人开始追捧这一崭新的语法,丰富的语义化方法,简介的符号说明,吸引了很多人,虽然目前ES6的语法还不被广大浏览器支持,仍需要用babel转化使用,但是ES6仍是一个不错的选择。 那么,如果我们就想用ES6的语法定义React该如何去编写呢? 首先我们用ES6定义个React组件尝试一下,上代码: import React, { PropTypes, Component
作者:佚名 时间:2020-05-27
ReactJS学习系列课程React Router 使用
对于任何一个前端框架都有页面跳转,而这个跳转就一定需要路由的定义,比如Angular, Durandal等等,今天我们学习一下如果定义个路由在React中。 为了便于理解,我们同样附上一段代码,看看究竟是如何实现的: import React from 'react' import { render, findDOMNode } from 'react-dom' import { browse
作者:佚名 时间:2020-05-27
ReactJS学习系列课程React ref的使用
在我学习React的过程当中,总会被一些名词搞得晕头转向,但是细想起来又非常简单,比如React定义的这个refs,其实就是用于获取dom的一种方式。 在React中组件并不是真实的 DOM 节点,而是存在于内存之中的一种数据结构,叫做虚拟 DOM (virtual DOM)。只有当它插入文档以后,才会变成真实的 DOM 。根据 React 的设计,所有的 DOM 变动,都先在虚拟 DOM 上发生
作者:佚名 时间:2020-05-29
ReactJS学习系列课程React mixin的使用
React是基于组件的,也就是整个项目是各个组件组合到一起的,这样往往会用到通用的一些特性,这就衍生了mixin的概念。 其实,mixin,可以非常简单的理解,他就是把 一个 mixin 对象上的方法都混合到了另一个组件上,和 es6的extend极为类似。 在mixin中写的生命周期相关的回调都会被合并,也就是他们都会执行,而不会互相覆盖掉。 比如 你在mixin中可以定义 componentD
作者:佚名 时间:2020-05-29
ReactJS学习系列课程React 组件的组合使用
React是基于组件的,整个项目就是各个组件拼接而成,这也是目前最主流的架构方案,组件化,react的这一个特性十分鲜明,那么react组件的组合使用也是非常简单,说多无用,我们看代码: var Child = React.createClass({ render: function(){ return( <div>
作者:佚名 时间:2020-05-29
ReactJS学习系列课程React 动画使用
常用Angular的开发者,一定熟悉angular的Animation的使用,其实React的动画效果原理和Angular是极其相似的。 首先,我么需要导入一个额外的库(Angular也一样哦), <script src="../libs/react-with-addons.min.js"></script> 下面我们引入Transition插件: // 引入react-with-addons中的
作者:佚名 时间:2020-05-29
上一页
18
19
20
21
22
23
24
25
下一页
小编推荐
苹果市值2025年有望达4万亿美元
• 苹果iPhone屏幕划痕如何去除?7个法子可
• iPhone SE 4首发!苹果自研5G基带第一个
• 史无前例:iPhone 16系列电池容量公布
• 首批iPhone 16在路上了!苹果已发货 明
• 绝!iPhone16开卖:北京上海用户暴雨中
• iPhone 18用上台积电2nm芯片!但苹果又
• 粉碎不支持iPhone谣言!微信官宣:朋友
热门标签
更多
python
JavaScript
java
HTML
PHP
reactjs
C#
Android
CSS
Node.js
sql
r
python-3.x
MysqL
jQuery
c++
pandas
Flutter
angular
IOS
django
linux
swift
typescript
路由器
JSON
路由器设置
无线路由器
h3c
华三
华三路由器设置
华三路由器
电脑软件教程
arrays
docker
软件图文教程
C
vue.js
laravel
spring-boot