React阿里OSS上传组件

2020-06-23
阅读 3 分钟
3.3k
Ali-OSS-Img-Upload Github 地址 传送门 Install {代码...} Description 本组件接入了阿里云OSS SDK,配合antd Upload上传组件,进行分片上传图片至阿里云OSS对象存储。 组件使用了持久化授权,官网提供了如何去设置临时授权模式,你可以在本组件基础进行二次开发。 How To Use? {代码...} 项目接入方案(以create-reac...

react与redux通信之hook

2019-04-26
阅读 3 分钟
10k
react和redux建立通信的方式 有2种方案: 老方案connect 新方案hook 老方案connect 曾经,我们会使用connect建立react和redux的通信,例如,在一个class写法的组件中: {代码...} 对于用习惯了class组件的开发者来说,这种写法烂熟于心了。但是,不管你多喜欢这种模式,还是得学习react hook。 新方案hook 随着react16.8...

前端系列——React开发必不可少的eslint配置

2018-01-31
阅读 4 分钟
15.4k
下面的配置涵盖了开发者所需要的绝大部分信息,rules中的值0、1、2分别表示不开启检查、警告、错误。你可以看到下面有些是0,如果有需要开启检查,可以自己修改为1或者2。

JavaScript系列——数组元素左右移动N位算法实现

2018-01-17
阅读 2 分钟
13k
在自己刚刚毕业不久的时候,去了一家公司面试,面试官现场考了我这道题,我记忆深刻,当时没有想到思路,毫无疑问被面试官当成菜鸟了。最近刚好在研究数组的各种算法实现,就想到这道题,可以拿来实现一下,纪念自己逝去的青春。

React系列——React Fiber 架构介绍资料汇总(翻译+中文资料)

2018-01-14
阅读 6 分钟
10.4k
React Fiber的目标是提高其对动画,布局和手势等领域的适用性。它的主体特征是增量渲染:能够将渲染工作分割成块,并将其分散到多个帧中。

React-StepPitGuide《React踩坑指南》- React基础知识

2018-01-10
阅读 1 分钟
10.4k
React-StepPitGuide《React踩坑指南》十行代码九个警告八个错误竟然敢说七日精通六天学会五湖四海也不见如此三心二意之项目经理简直一等下流。自己总结的关于React学习心得,欢迎大家与我交流ReactGithub:TYRMarsgitbook经常出问题,所以迁到自建的站点了。React 基础知识React 版本React JSXReact 组件React 组件Child...

前端系列——快速理解babel6配置过程

2018-01-08
阅读 2 分钟
6.7k
繁琐的配置? 你能快速读懂babel的官方文档吗? 你能根据官方文档快速配置好babelrc吗? 你能明白自己需要哪些插件吗? 没有搞明白这3个问题,请往下看。 快速理解babel 6 来看一张让人颤抖的babel插件图 下图仅仅截取了部分,一屏都截取不完,还有babel插件隐藏在下面,你害怕了吗? 忘记上面的图吧,那是罪恶之源 当你...

React系列——websocket群聊系统在react的实现

2017-12-13
阅读 3 分钟
16.8k
下面这个动态图展示的聊天系统是用react+express+websocket搭建的,很模糊吧,要得就是这样的效果,我自己开了2个窗口,创建2个用户自问自答。没有什么高深的技术,对于很多想接触websocket的前端工程师来说,不擅长后端的websocket代码可能是硬伤。

webpack系列——webpack3导入jQuery的新方案

2017-11-22
阅读 2 分钟
10k
但是,有时候可能react的一些库不够牛逼,还需要用到jQuery的相关插件来辅助完成,这些插件又和jQuery形成了依赖,最终,和我一样,你也可能需要在react中导入jQuery。

《深入理解ES6》笔记——解构:使数据访问更便捷(5)

2017-07-18
阅读 3 分钟
3.3k
解构,一种黑魔法 解构是从对象中提取出更小元素的过程。赋值是对解构出来的元素进行重新赋值。 下面的代码你可能无法在浏览器上实时测试,推荐在babel官网在线测试代码:在线测试ES6代码网址 解构的分类 1、对象解构 2、数组解构 3、混合解构 4、解构参数 对象解构 对象解构简单的例子 {代码...} 在函数中使用解构赋值 ...

JavaScript系列——JavaScript同步、异步、回调执行顺序之经典闭包setTimeout面试题分析

2017-04-01
阅读 5 分钟
20.4k
同步、异步、回调?傻傻分不清楚。 大家注意了,教大家一道口诀: 同步优先、异步靠边、回调垫底(读起来不顺) 用公式表达就是: 同步 => 异步 => 回调 这口诀有什么用呢?用来对付面试的。 有一道经典的面试题: {代码...} 这道题目大家都遇到过了吧,那么为什么会输出这个呢?记住我们的口诀 同步 => 异步 =...