React
ZhaoYingChao88
学而不思则罔,思而不学则殆!
展开
-
React export和export default的区别
es6中export和export default的区别export与export default均可用于导出常量、函数、文件、模块 你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用 在一个文件或模块中,export、import可以有多个,export default仅有一个 通过export方式导...原创 2018-09-07 19:48:55 · 17297 阅读 · 0 评论 -
js-xlsx + handsontable + echarts实现excel上传编辑然后显示成图表
js-xlsx + handsontable + echarts 实现在前端导入excel数据并生成echart报表前言最近都在做类似 ERP 的项目,所以呢,又碰到一个比较变态的需求(至少对我来说是),在前端导入 excel 文件, 然后在浏览器里面预览和编辑, 最后再选择一些数据,用echarts生成报表.依赖js-xlsx 读取excel数据到js或者https://...原创 2018-11-12 21:04:03 · 2205 阅读 · 0 评论 -
sql-formatter结合CodeMirror格式化SQL
源代码名称:sql-formatter 源代码网址:http://www.github.com/zeroturnaround/sql-formatter sql-formatter源代码文档 sql-formatter源代码下载 Git URL: 复制代码 git://www.github.com/zeroturnaround/sql-formatter.git Git...原创 2018-11-14 17:07:42 · 9304 阅读 · 6 评论 -
react CodeMirror hint autoComplete
// editor.jsvar React = require('react');var Codemirror = require('react-codemirror');var CodeMirror = React.createClass({ getInitialState: function () { return { code: "...原创 2018-10-31 18:10:40 · 3759 阅读 · 0 评论 -
Redux-saga使用教程详解
edux-saga使用心得总结(包含样例代码),本文的样例代码地址:样例代码地址 ,欢迎star最近将项目中redux的中间件,从redux-thunk替换成了redux-saga,做个笔记总结一下redux-saga的使用心得,阅读本文需要了解什么是redux,redux中间件的用处是什么?如果弄懂上述两个概念,就可以继续阅读本文。redux-thunk处理副作用的缺点 redux-...原创 2018-09-29 10:57:45 · 3767 阅读 · 0 评论 -
redux使用教程
http://www.redux.org.cnhttps://github.com/react-guide/redux-tutorial-cn三大原则Redux 可以用这三个基本原则来描述:单一数据源整个应用的 state 被储存在一棵 object tree 中,并且这个 object tree 只存在于唯一一个 store 中。这让同构应用开发变得非常容易。来自服务端的...原创 2018-09-29 10:33:02 · 1136 阅读 · 0 评论 -
Reflux 详解
ReFlux细说Flux作为一种应用架构(application architecture)或是设计模式(pattern),阐述的是单向数据流(a unidirectional data flow)的思想,并不是一个框架(framework)或者库(library)。前言在细说Flux之前,还是得提一下React ,毕竟Flux这个名字,是因为它才逐渐进入到大众视野。React...原创 2018-09-14 17:30:56 · 6314 阅读 · 0 评论 -
JSX语法使用详解——终极版
一、基础1、JSX是什么JSX是一种像下面这样的语法:const element = <h1>Hello, world!</h1>;它是一种JavaScript语法扩展,在React中可以方便地用来描述UI。本质上,JSX为我们提供了创建React元素方法(React.createElement(component, props, ...childre...原创 2018-09-14 17:11:20 · 7557 阅读 · 0 评论 -
React redux-saga使用详解
前言React的作用View层次的前端框架,自然少不了很多中间件(Redux Middleware)做数据处理, 而redux-saga就是其中之一,目前这个中间件在网上的资料还是比较少,估计应用的不是很广泛,但是如果使用得当,将会事半功倍的效果,下面仔细介绍一个这个中间件的具体使用流程和应用场景。redux-saga简介Redux-saga是Redux的一个中间件,主要集中处理rea...原创 2018-09-16 23:04:36 · 5442 阅读 · 0 评论 -
ES6 function* , yeild, Promise详解
一、前言 第一次看koajs的示例时,发现该语句 function *(next){...............} ,这是啥啊?于是搜索一下,原来这是就是ES6的新特性Generator Function(生成器函数)。 那什么是生成器函数呢?其实就相当于C#2.0中通过yield关键字实现的迭代器的生成器(细节有所不...原创 2018-09-16 22:09:12 · 5433 阅读 · 1 评论 -
ES6之箭头函数
语法我们先来看看箭头函数的语法:([param] [, param]) => { statements}param => expressionparam 是参数,根据参数个数不同,分这几种情况: () => { … } // 零个参数用 () 表示; x => { … } // 一个参数可以省略 (); (x, y) => { … }...原创 2018-09-16 21:16:08 · 497 阅读 · 0 评论 -
react-app的一些关键配置
前面的话 使用Facebook官方推出的create-react-app脚手架,我们基本可以零配置搭建基于webpack的React开发环境。但是,如果需要个性化定制,则还需要基于create-react-app进行再配置 环境变量【设置】 在根目录下新建.env文件,可以用于本地环境变量覆盖 如在该文件中进行如下设置PORT=2000 则开发服务器...原创 2018-09-16 20:41:14 · 2164 阅读 · 2 评论 -
React AJAX 请求的5种方案
jQuery $.ajax这是一个快速又粗暴的方案。在旧版本的官方 React 教程(official React tutorial)中,他们使用了 jQuery $.ajax 来示范如何从服务器获取数据。如果你是刚刚开始学习和把玩 React,jQuery 可以节省你大量入门和开发的时间,因为我们都对 jQuery 非常熟悉了。这是 jQuery 实现 AJAX 的例子:loadCom...原创 2018-09-08 17:39:42 · 12295 阅读 · 0 评论 -
React TypeScript使用总结
TypeScript 是 JS 类型的超集,并支持了泛型、类型、命名空间、枚举等特性,弥补了 JS 在大型应用开发中的不足,那么当 TypeScript 与 React 一起使用会碰撞出怎样的火花呢?接下来让我们一起探索在 TypeScript2.8+ 版本中编写 React 组件的姿势。前言近几年前端对 TypeScript 的呼声越来越高,Ryan Dahl 的新项目 Deno 中...原创 2018-12-17 11:43:35 · 13540 阅读 · 3 评论