Liveipool


李为

Redux--To be, or not to be?

Redux–To be, or not to be? 在项目中是否需要用到redux “只有遇到 React 实在解决不了的问题,你才需要 Redux 。” 这次在编写项目的过程中,我就体会到了一次到底要不要用redux的问题。 本来在最开始写代码时,看了我的页面似乎没有很...

react项目实战总结

react项目实战总结 最近进行了公司产品2.0的两周开发,一期也算是告一段落了,下周就开始进行二期的开发了,今天正好空出来一下午总结一下这两周做项目中值得注意的一些点。 首先,编写路由 路由都是在全局的一个routes.js的文件中统一写的,写了对应的url和模板文件。 暂未用到redu...

一个基于react-redux项目的基本数据流流程

一个基于react-redux项目的基本数据流流程 这两天通过公司的验证码系统熟悉了一下项目结构,项目是基于react,react-redux,redux-saga等的,下面是一些笔记. 主要记录的是完成一个完整的小功能的基本流程. 加载完页面后,开始通过api请求数据,所以在这里...

SEO

SEO 今天来到公司,突然画风一转,博爷叫我们对验证码系统进行SEO,下面是一些学习记录. (以下内容参考自多个百度百科文章) SEO是由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”。SEO是指通过对网站进行站内优化...

Redux学习(一)--基础概念

Redux学习(一)–基础概念 React只是一个javasvript类库,只是一个DOM的抽象层,可以看作是MVC中的V,如果想要使用React来搭建大型的应用则需要搭配一个前端框架,自Flux之后,Redux是口碑最好的一个。 设计思想 Redux 的设计思想很简单,就两句话。 ...

React学习(六)-- 一些其他知识

React学习(六)– 一些其他知识 Prop 验证:propTypes 默认Prop值 传递 Props:捷径(JSX的spread语法,也就是ES6中的扩展运算符) Mixins ES6 Classes、无自动绑定 可复用组件 传递 Props 表单组件 ...

React学习(五)-- Diff 算法

React学习(五)– Diff 算法 组件并不是真实的 DOM 节点,而是存在于内存之中的一种数据结构,叫做虚拟 DOM (virtual DOM)。只有当它插入文档以后,才会变成真实的 DOM 。根据 React 的设计,所有的 DOM 变动,都先在虚拟 DOM 上发生,然后再将实际发生变...

React学习(四)-- 事件

React学习(四)– 事件 事件处理与合成事件(Synthetic Events) React 里只需把事件处理器(event handler)以骆峰命名(camelCased)形式当作组件的 props 传入即可,就像使用普通 HTML 那样。React 内部创建一套合成事件系统来使所有...