react
文章平均质量分 67
MANSOUL0
祖国的花朵
展开
-
React.js初探-如何将一个普通button改造成类React组件
React.js初探React.js目的在于提高前端组件的复用性,下面以一个常见的例子来解释一下。 小明是一个前端程序员,有一天老板叫小明实现一个功能,功能描述如下:一个按钮有两个状态,分别是点击改变颜色和点击还原颜色,原始颜色是红色,点击后颜色为绿色。接下来我们将一步步实现小明的Button; 小明接到任务后马上写出了如下代码: HTML结构:button styl原创 2017-05-22 15:42:12 · 2560 阅读 · 0 评论 -
单页面应用接入微信填坑之一(微信分享)
起因:使用react+react-router做了一个单页面应用,需接入微信支付与分享等功能。由于是个人第一次接触微信接入加之是单页面应用所以遇到了很多问题。所以这里记一下其中之一:分享功能!微信官方说法:所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持p原创 2017-10-31 17:50:53 · 6120 阅读 · 0 评论 -
单页面应用接入微信填坑之二(微信支付Nodejs)
先记录一下正常接入微信支付步骤微信公众号配置:1. 开通微信公众号这里就没什么要讲的了2.服务器配置进入微信公众平台->开发->基本配置->服务器配置,之后填写服务器地址和令牌,并按照微信官方教程配置即可。下面是我自己的一段Node.js版本的简单服务器配置:var http = require("http");var url = require("url");var crypto = re原创 2017-11-18 16:13:18 · 2039 阅读 · 0 评论 -
react-intl API
react-intl是一个Yahoo公司出品的用于react app国际化的组件,提供了用于格式化日期、数字和字符串的API、复数和处理翻译。使用示例首先新建语言包,en-US.json文件用于书写英文名词、zh-CN用于书写中文简体名词。 en-US.json文件示例:{ "HELLO_WORLD": "Hello World!"}zh-CN.json文件示例:{ "HEL翻译 2018-01-02 09:27:20 · 3708 阅读 · 1 评论 -
实现一个自己的react-redux
谈及react-redux相信不少用过react的小伙伴都有了解吧,应该也有不少朋友对其会有点困惑,所以今天写篇文章来下react-redux,最后实现一个自己的react-redux。 就我个人对redux的理解来说(接下来我将用小杜来代替redux),我觉得小杜其实就是一个用于共享状态管理的工具。好了既然说到共享状态管理,那么先不谈如何用小杜来实现。那么可以怎么实现呢? 我觉的吧,可以这样子原创 2017-11-26 23:23:55 · 368 阅读 · 0 评论