随笔分类 -  react

前端直传oss
摘要：业务 使用oss更能，前端直接上传，可以显示上传进度 首先需要配置oss， 文档中给出了事例 登录OSS管理控制台。 单击Bucket列表，之后单击目标Bucket名称。 单击权限管理 > 跨域设置，在跨域设置区域单击设置。 单击创建规则，配置如下图所示。 解压事例之后，可以在demo体验，采用了P 阅读全文
posted @ 2020-05-25 14:36 Rachid 阅读(2057) 评论(0) 推荐(0)
H5调用摄像头拍照上传
摘要：场景 h5点击唤醒手机摄像头，拍照并上传到oss 方案选择，在网上找了几个案例做了几个demo，首先是没有直接可以用的插件（难受😣） 可选方案 1、getUserMedia API getUserMedia API最初是navigator.getUserMedia，目前已被最新Web标准废除，变更 阅读全文
posted @ 2020-05-25 13:58 Rachid 阅读(15422) 评论(0) 推荐(2)
使用redux代码文件的组织方式
摘要：从架构触发，开始一个新应用的时候，代码文件的组织方式一定要考虑好 如果之前使用过mvc的框架那么对按角色组织方式一定不陌生 角色组织方式 reducer/ todoReducer.js filterReducer.js actions/ todoActions.js filterActions.js 阅读全文
posted @ 2018-07-11 19:09 Rachid 阅读(442) 评论(0) 推荐(0)
整理下react中常见的坑
摘要：其实有些也不能算是坑，有些是react的规定，或者是react的模式和平常的js处理的方式不同罢了 1、setState()是异步的this.setState()会调用render方法，但并不会立即改变state的值，state是在render方法中赋值的。（这里我描述的不对，多谢评论区大神指点，s 阅读全文
posted @ 2018-06-13 18:58 Rachid 阅读(5040) 评论(3) 推荐(2)
使用dva框架的总结
摘要：最近的项目是react+dva+atd+webpack的一个后台项目，刚接触dva就感觉很喜欢，很简洁用着很爽。 关于使用redux中的一些问题 1、文件切换问题、 redux的项目通常哟啊分为reducer、action、saga、component等等，我们需要在文件之间来回切换，并且文件通常是 阅读全文
posted @ 2018-06-06 16:33 Rachid 阅读(8615) 评论(0) 推荐(1)
react（三）：容器组件和傻瓜组件
摘要：让一个组件只专注于一件事，如果发现让一个组件做的事情太多，就可以把这个组件拆分成多个组件让每一个组件只专注于一件事 《深入浅出react和redux》 程墨 一个react组件最基本的基本上就是完成两大功能 1、读取store的状态，用于初始化组件的两大状态，监听store的状态变化 2、根据当前的 阅读全文
posted @ 2018-06-02 18:00 Rachid 阅读(2888) 评论(0) 推荐(0)
数据流管理：redux
摘要：redux和react是两个独立的库，所以redux并不是非用不可，是在Flux框架的基础上改进的一个框架，所以一鸣惊人 redux的三大基本原则 唯一的数据源（single source of truth） 保持状态只读（state is read-only） 数据状态只能通过纯函数来完成（cha 阅读全文
posted @ 2018-05-30 20:42 Rachid 阅读(961) 评论(1) 推荐(0)
react（二）：组件的通信
摘要：对于组件来说，通信无非两种，父子组件通信，和非父子组件通信 一、父子父子组件通信 1、父组件给子组件传值 对于父组件来说，props是他们之间的媒介 class Parent extends Component{ state = { msg: 'start' }; componentDidMount 阅读全文
posted @ 2018-05-29 19:52 Rachid 阅读(342) 评论(1) 推荐(1)
react（一）：组件的生命周期
摘要：最近兄弟团队让我去帮忙优化两个页面，前端用的react全家桶，后端用的python，上一次写react代码都过去一年了，顺着以前的的学习思路，再捋顺一下react的要点 组件的生命周期就是Reac的工作过程，就好比人有生老病死，自然界有日月更替，每个组件在网页中也会有被创建、更新和删除，如同有声明的 阅读全文
posted @ 2018-05-27 18:22 Rachid 阅读(1120) 评论(0) 推荐(1)