为了账号安全,请及时绑定邮箱和手机立即绑定

React.JS

React 16 有哪些更新需要注意

对核心算法重新实现 采用了全新的内部架构 "Fiber" 提升复杂 React 应用的可响应性和性能 重写服务器端渲染器(randerer) 支持流(streaming),可以向客户端更快地发送字节,SSR 速度提高了三倍 更好的错误处理机制 新增错误处理生命周期函数:componentDidCatch(error, info) 新增 Portals 函数 可以将子节点渲染到父...

121浏览 1推荐 0评论

ES6解构Destructuring

ES6编码更快速、更优雅。 Destructuring解构是ES6很重要的一个部分。和箭头函数、let、const 同等地位,解构可能是你日常用到最多的语法之一了。解构是什么意思呢?它是js 表达式,允许我们从数组、对象、map、set 中抽取数据同时为多个变量赋值。 解构入门 首先让我们初步了解下解构解决哪些问题。你可能从后台得到 person 的数据如下: const person = { f...

197浏览 1推荐 0评论

react jsx 中的条件处理

jsx的{}只能是表达式,为了增强代码可读性,下面介绍如何处理jsx 中的条件判断。 Conditionals in JSX 使用短路与&&代替三元运算符实现元素的条件显示 实际业务中,只有满足条件时,有些元素才会显示。例如页面loading。 推荐使用短路与实现: //Instead of `? :` const Loading = (isloading) => { ret...

68浏览 1推荐 0评论

React/JSX 编码规范(Airbnb)

React/JSX 编码规范(Airbnb) 翻译整理自 Airbnb React/JSX Style Guide 目录 基本规范 创建组件的三种方式 弃用 Mixins 命名 声明组件 代码缩进 使用双引号 空格 属性 Refs 括号 标签 函数/方法 组件生命周期书写顺序 弃用 isMounted 基本规范 原则上每个文件只写一个组件, 多个无状态组件可以放在单个文件中. eslint: re...

1483浏览 8推荐 0评论

React渲染问题研究以及Immutable的应用 原创

写在前面 这里主要介绍自己在React开发中的一些总结,关于react的渲染问题的一点研究。 另外本人一直希望在React项目中尝试使用,因此在之前已经介绍过immutable的API,可以参看这里Immutable日常操作之深入API,算是对其的一个补充。 本文所有代码请参看github仓库:https://github.com/Rynxiao/immutable-react 渲染房间列表 这个...

270浏览 1推荐 0评论

immutable日常操作之深入API 原创

写在前面 本文只是个人在熟悉Immutable.js的一些个人笔记,因此我只根据我自己的情况来熟悉API,所以很多API并没有被列举到,比如常规的push/map/filter/reduce等等操作,这些API我认为只要你自己稍微看一下官网的介绍都可以知道怎么用。本文所有的代码请参看本人的github地址https://github.com/Rynxiao/immutable-learn。 一、什...

173浏览 1推荐 0评论

React入门:项目实践Gallery-in-React

yeoman 现代web app开发,著名的脚手架工具yeoman,在web项目立项的阶段,用yeoman生成项目文件、代码结构。yeoman自动将最佳实践和工具整合进来,大大加速和方便了后续的开发。 npm install -g yo //安装yeoman工具,需要nodejs环境 yo --version //查看yeoman版本 npm install -g generator-react-...

387浏览 1推荐 0评论

React-Redux API 学习小记

React-Redux API 简介 功能摘要 React-Redux 是为了方便在 React 项目中使用 Redux 所封装的库 React-Redux 把组件分为两类:UI 组件(Component)和容器组件(Container) React-Redux 提供 Provider 组件,可以让容器组件拿到 state UI 组件(纯组件) UI 组件特征: 只负责 UI 的呈现,不带有任何业...

439浏览 6推荐 0评论

Draft 文档翻译 - 高级主题 - Block Styling

Block Styling 在编辑器中,一些块类型被赋予默认的CSS样式,以限制使用自定义编辑器启动和运行工程师所需的基本配置的数量。 通过为编辑器定义一个blockStyleFn prop函数,可以指定在渲染时应用于块的类。 DraftStyleDefault.css Draft库包括DraftStyleDefault.css中的默认块CSS样式。 (请注意,CSS类名称上的注释是Faceboo...

120浏览 1推荐 0评论

Redux 核心 API 学习小记

Redux 核心 API 学习小记 Store Store 是应用状态 state 的管理者,包含下列四个函数: Store.getState() // 获取整个 state 树 Store.dispatch(action) // 触发 state 改变的【唯一途径】 Store.subscribe(listener) // 可以理解为 DOM 中的 addEventListener Store....

198浏览 1推荐 0评论

react从入门到放弃实战笔记分享

环境配置 npm 安装包 npm init 初始化项目,生成package.json文件,内部显示了所有安装的包 npm install -g packageName 全局安装 npm install --save packageName 当前项目安装 webpack 把所有依赖包整合成bundle.js文件 webpack 编译打包 webpack --watch 自动编译打包 webpack-...

581浏览 2推荐 0评论

实战——使用flv.js做直播

本文作者:ivweb 吴浩麟 原文出处:IVWEB社区 未经同意,禁止转载 为什么要在这个时候探索flv.js做直播呢?原因在于各大浏览器厂商已经默认禁用Flash,之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能,这样的用户体验很致命。 在介绍flv.js之前先介绍下常见的直播协议以及给出我对它们的延迟与性能所做的测试得出的数据。 如果你看的很吃力可以先了解下音视频...

944浏览 1推荐 0评论

Webpack2 构建 PostCSS

1. 编程环境 假设大家都装了 NodeJS环境,并且了解 npm  的基础用法。 我使用 Macbook 的 Shell,所以加 sudo。Windows 环境下也测试无误,建议使用 Git Shell 工具,但是请输命令的时候,不要加 sudo。 2. 工具简介 Webpack 是德国开发者 Tobias Koppers 开发的模块加载器. 在 Webpack 当中, 所有的资源都被当作是模块...

1846浏览 4推荐 1评论

React-Native中组件、变量、方法的导入导出 原创

React-Native 中组件、变量、方法的导入和导出 组件 导出组件 export default class TestComponent extends Component{ render(){ return <Text>Hello, World.</Text> } } 使用export default关键字,来导出默认的组件。 导入组件 import TestCom...

1313浏览 3推荐 0评论

React-Native中props使用详解 原创

React-Native中props使用详解 props解释 props就是属性,是为了描述一个组件的特征而存在的。它是父组件传递给子组件的。 使用props 通过上一个页面传递 新建一个 PropsTest.js 文件 exprot default class PropsTest extendes Component{ render(){ return <Text>{this.pro...

1497浏览 2推荐 1评论
首页上一页1234567下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信