Redux

核心概念

  • 所有的状态存放在Store。组件每次重新渲染,都必须由状态变化引起。
  • 用户在 UI 上发出action。
  • reducer函数接收action,然后根据当前的state,计算出新的state。

阅读全文 >>

React之动态路由

对于大型应用来说,一个首当其冲的问题就是所需加载的 JavaScript 的大小。程序应当只加载当前渲染页所需的 JavaScript。有些开发者将这种方式称之为“代码分拆” —— 将所有的代码分拆成多个小包,在用户浏览过程中按需加载。
对于底层细节的修改不应该需要它上面每一层级都进行修改。举个例子,为一个照片浏览页添加一个路径不应该影响到首页加载的 JavaScript 的大小。也不能因为多个团队共用一个大型的路由配置文件而造成合并时的冲突。

阅读全文 >>

初试React Router

React Router(路由库)——它是官方维护的,事实上也是唯一可选的路由库。它通过管理 URL,实现组件的切换和状态的变化,开发复杂的应用几乎肯定会用到。React Router 保持 UI 与 URL 同步。它拥有简单的 API 与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理

实例库可以参见官方的示例库,共分为14部分,由浅到深;
React Router中文API

阅读全文 >>

React生命周期

在组件的整个生命周期中,随着该组件的props或者state发生改变,其DOM表现也会有相应的变化。一个组件就是一个状态机,对于特定地输入,它总返回一致的输出。其中一共提供了10个不同的周期(API)

阅读全文 >>

Nginx反向代理机制解决Ajax跨域问题

  • 这篇文章主要介绍了Nginx服务器中处理AJAX跨域请求的配置方法讲解,需要的朋友可以参考下

1. 什么是跨域以及产生原因

  跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。

阅读全文 >>