文件上传前端这边用FormData做处理。话不多说直接贴代码最简单粗暴。 let files = this.refs.uploadAvatar.files; if (files.length > 1) { cons…
分类:react.js
解决input[type=file]打开时慢、卡顿问题
昨天临下班测试给我问我为什么图片上传插件打开文件夹的速度这么慢,让我想办法优化一下然后我就努力的搞了起来_(:з」∠)_ 由于我们内部系统不兼容ie,所以我就没有管ie,在浏览器里面玩了起来 经过测试发现,在mac里面s…
21 分钟学 apollo-client 系列:获取数据
21 分钟学 apollo-client 是一个系列,简单暴力,包学包会。 搭建 Apollo client 端,集成 redux使用 apollo-client 来获取数据修改本地的 apollo store 数据提供…
译:Facebook将修改React、Jest、Flow与Immutable.js授权许可(重磅)
下周,我们将用MIT协议重新授权我们的开源项目React、Jest、Flow和Immutable.js。之所以我们要重新授权这些项目,是因为React是很多网络开源软件生态系统的基础,我们不希望因为非技术的原因导致开源生…
我开发中总结的小技巧
经过一段时间的react开发,自己总结了一些小习惯,自动构建webpack 1. 组件命名文件夹 一个组件一个文件夹,可读性高,结构清晰 文件夹:Danamic(组件首字母大写) index.jsx style.less…
React Native 搭配 MobX 使用心得
MobX 是一款十分优秀的状态管理库,不但书写简洁还非常高效。当然这是我在使用之后才体会到的,当初试水上车的主要原因是响应式,考虑到可能会更符合 Vue 过来的思考方式。然而其实两者除了响应式以外并没有什么相似之处。 在…
ice design 入门手札(一)
icework 新建页面 src/nav.js 中修改菜单显示名字,此外可通过该文件配置首页左侧菜单。 const autoGenAsideNavs = [ { text: "可视化文件管理", to: "/visual…
React-router v4教程
在这个教程里,我们会从一个例子React应用开始学习react-router-dom。其中你会学习如何使用Link、NavLink等来实现跳转,Switch和exact实现排他路由和浏览器路径历史。 也许学习react-…
如何编写一个React组件
如何编写一个React组件 在React的世界里,通常是用class来声明一个组件的,它必须继承自React.Component。例如下面的代码: // MyFirstComponent.jsx class MyFirs…
ES6 类继承 和 super的使用
ES6继承 详细类容参考:http://es6.ruanyifeng.com/#do… 1、super()使用 class A { construcor(a, b) { this.a = a; this.b …
使用 Jenkins 部署 React 项目
背景 公司的前端项目部署方式比较简单,整个过程基本上是手动的; 目标 通过工具实现以下几个任务: 编译、部署自动化; 选择指定版本进行回滚; 区分不同的分支(环境); 技术方案 选用 jenkins 作为部署工具;也便于…
关于React的一些小知识
关于React的一些小知识 这里搜集了几个关于react的零散知识,有些虽然知道了也不一定能帮你写出更好的代码,但能够扩展一下知识。 以下全部来自于 https://overreacted.io,需要更详细解释的可以去里…