1.首先说明node.js、npm、cnpm分别是做什么的？ node.js简单的说 Node.js 就是运行在服务端的 JavaScript，安装了node.js默认安装了npm，可以使用npm -v查看是否安装。 npm可以理解为远程仓库，如果我们要使用npm需要先把需要的包写到package. ...

首发链接：https://bbs.huaweicloud.com/blogs/70f69ca4953111e89fc57ca23e93a89f 《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。如果你对前端的理解还 ...

React Native开发封装Toast与加载Loading组件 在App开发中，我们避免不了使用的两个组件，一个Toast，一个网络加载Loading，在RN开发中，也是一样，React Native官方并没有提供者这两个常用组件，需要开发者自己根据需求来自定义。作者就在其他组件的基础上在进行二 ...

React Native开发中自动打包脚本 在日常的RN开发中，我们避免不了需要将我们编写的代码编译成安装包，然后生成二维码，供需要测试的人员扫描下载。但是对于非原生的开发人员来说，可能不知如何使用Xcode或者Android studio来导出ipa、apk安装包，为了解决非原生开发的同学们打安装 ...

这篇文字简单的介绍了react在路由懒加载方面的几种实现方案。 传统的两种方式 import() 符合ecmascript提议的import()语法，该提案与

在react中，父组件的重新render会引发子组件的重新render，但是一些情况下我们会觉得这样做有些多余，比如： 父组件并未传递props给子组件 新

前言 如果我们从零开始用webpack + es6来结合react开发前端应用，那势必会在各种webpack配置中消耗大量精力，于是便有了各种脚手架，create-rea

面对日新月异的前端，我表示快学不动了:joy:。 webpack 老早就已经更新到了 v4.x，前段时间 react 又推出了 hooks api。刚好春节在家里休假，时间

事件机制 React事件主要分为两部分: 事件注册与事件分发。下面先从事件注册说起。 事件注册 假设我们的程序如下: 事件注册主要发生在初始化Dom属性的时候，调用 方法，对一些类型dom进行事件绑定。 js switch (tag) { case 'iframe': case 'object': ...

项目地址：https://github.com/xiaoyuqing/react-redux-instagram，喜欢的话动动手指点点赞^-^ 1.初始化项目 IndexRoute是默认路由 2.增加store文件 const history = syncHistoryWithStore(brows ...

import { Button, Modal, Form, Input, Radio } from 'antd'; const CollectionCreateForm = Form.create({ name: 'form_in_modal' })( // eslint-disable-next-... ...

本章使用路径生成器来绘制一个折线图。以中国和日本的GDP数据为例： 1 //数据 2 var dataList = [ 3 { 4 coountry : "china", 5 gdp : [ 6 [2000,11920],[2001,13170],[2002,14550],[2003,16500], ...

"meteor" 可以快速构建 pc,移动端，桌面端应用。 最大的优点是：数据库的数据发生变化时，可以实时推送到前端，非常适用于实时展示的应用开发。 在 react,react native 应用中，可以仅使用同一个 meteor 后台，实时向前端推送数据。 "github 代码地址" metaor ...

从零开始，用最少的配置、最少的代码、最少的依赖来搭建一个最简单的webpack+react环境 ...

我们知道umi 是一个编译工具，但它同时也是一个前端框架。它对社区的 webpack，react router 等进行的封装， 使得我们可以基于它快速搭建一个 React 项目。 第一步：安装umi 第二步：创建目录，并写入配置 在 umi 中，约定的存放页面代码的文件夹是 pages，是复数，不过 ...

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

因工作需要使用 React + Reflux 开发，最近几天都在努力学习着，特别是 Reflux，在网上查找的许多资料和 github 上的文档年代都有点久远，JavaScript 按照目前的节奏，更新得太快，旧文档的一些语法跟不上更新，对广大初学者来说，确实存在许多困惑。本文是仅适于初学者或对 R ...

代码调试，是我们前端日常工作中不可或缺的能力了吧！ 在面向dom开发的时代，我们开发时直接在chrome里打断点是很方便的。 但是，当我们面向组件开发时(react

官方文档 安装 在终端cd到你的项目目录下执行：$ npm install react-bootstrap 然后需要我们手动引用css

最近我通过网上学习React.js 感觉还不错，小有所成，整理了一下学习资料分享给大家，里面包含react基础视频和demo文件以及一个项目开发流程和demo，想学习的同学可以一起。 原谅我不厚道的把资料放到公众号上了。大家公众号回复：react 就可以了，谢谢大家的支持。有什么问题大家可以一起交流 ...