redux添加中间件

function compose(...funcs) { return arg => funcs.reduceRight((composed, f) => f(composed), arg); } // 参数:传入中间件数组 function applyMiddleware(......

2017-05-25 14:48:28

阅读数 247

评论数 0

koa:当创建一个服务时,做了什么

创建一个简单的应用// 1、实例化app var Koa = require('koa'); const app = new Koa(); // 2、声明中间件函数 async function responseTime(ctx, next) { const start = new Date(...

2017-04-25 11:09:01

阅读数 592

评论数 0

react-bits:Using Pure Components

Pure Components默认在shouldComponentUpdate进行浅对比,避免props和state未改变时的重复渲染Recompose提供了高阶函数pure用于生成Pure Componentsbadexport default (props, context) => { ...

2017-04-20 11:49:23

阅读数 203

评论数 0

react-bits:shouldComponentUpdate() check

使用shouldComponentUpdate避免昂贵的重复渲染 react组件的props和state改变时会触发重复渲染,每次改变重新渲染整个页面会对浏览器造成很大负担。render之前会触发shouldComponentUpdate,手动判断props和state是否改变,并返回true或...

2017-04-20 11:43:45

阅读数 201

评论数 0

微信小程序开发:一个音乐播放器

github源码地址 花了点时间撸了个微信小程序,分两个部分,音乐播放界面和音乐列表。 总结一下遇到的问题 UI分4层,第一层背景高斯模糊,第二层灰色半透明蒙层,第三层播放器,第四层列表 css设置背景图片路径不能是本地的,需要设置为网络图片,或者base64编码 图片旋转暂停通过移除或添...

2017-04-12 22:11:59

阅读数 13160

评论数 5

react-native报错Could not get BatchedBridge, make sure your bundle is packaged correctly

Could not get BatchedBridge, make sure your bundle is packaged correctly执行react-native bundle --platform android --dev false --entry-file index.andro...

2017-04-09 21:37:40

阅读数 791

评论数 1

react-native run-android报错A problem occurred configuring project ':app'. > SDK location not found

Building and installing the app on the device (cd android && gradlew.bat installDebug)...FAILURE: Build failed with an exception.* What went ...

2017-04-09 17:48:56

阅读数 8103

评论数 0

js判断对象构造函数

调用Object原生toString()方法function isArray(value) { return Object.prototype.toString.call(value) === "[object Array]" }function isFuction(v...

2017-04-06 15:33:24

阅读数 1062

评论数 0

react-bits:Children types

// You might create a component designed to apply context and render its children.class SomeContextProvider extends React.Component { getChildConte...

2017-04-06 15:23:32

阅读数 175

评论数 0

react-bits:Render Callback

组件children设为函数const Width = ({ children }) => children(500) // The component calls children as a function, with some number of arguments. // Here,...

2017-04-06 15:02:21

阅读数 524

评论数 0

react-bits:Function As Children

使用函数作为子元素并不常见<div>{ () => { return "hello world!" }() }</div>可以用于渲染回调,ReactMotion中有使用这种技术。把渲染逻辑保存在自有组件中,而不是被委派。

2017-04-06 14:42:17

阅读数 197

评论数 0

react-bits:Proxy Component

Buttons随处可见,所有Buttons都需要设置type=”button”<button type="button">我们可以写一个更高层级的组件把它包裹起来,并代理propsconst Button = props => <button type=...

2017-04-06 14:32:45

阅读数 409

评论数 0

react-bits:数组作为子元素

react-bits 原文数组作为子元素很常见// We use map() to create an array of React Elements for every value in the array. (<ul> {["first", "s...

2017-04-06 13:10:40

阅读数 178

评论数 0

react-bits:Children类型

react-bits 原文react渲染的children元素可以有很多类型,大多情况下是数组或字符串字符串Stringfunction render() { return ( <div> Hello World! </div> ) }...

2017-04-06 11:39:14

阅读数 142

评论数 0

react-bits:条件渲染

react-bits 原文条件渲染时可以使用if/else,但当更复杂或需要判断的变量更多时,推荐分离组件替代//if function render() { return condition && <span>Rendered when `truthy`<...

2017-04-06 11:29:48

阅读数 187

评论数 0

react-bits:解构参数

react-bits 原文解构赋值是ES2016特性,在处理无状态函数的props时很方便 下面两个例子是等价的:const Greeting = props => <div>Hi {props.name}!</div>;const Greeting = ({ n...

2017-04-06 11:18:29

阅读数 284

评论数 0

react-bits:JSX扩展属性

react-bits 原文扩展属性是JSX的一个特性,是把所有对象属性传递给JSX属性的语法糖。…运算符已经被ES6的数组支持,ES2017对象也被建议支持。下面的两个例子是等价的:// props written as attributes let main = () => <ma...

2017-04-06 11:00:47

阅读数 436

评论数 0

react-bits:组件切换

react-bits 原文从多个组件中选一个渲染 使用对象映射props值和组件import HomePage from './HomePage.jsx'; import AboutPage from './AboutPage.jsx'; import UserPage from './Use...

2017-04-06 00:13:06

阅读数 584

评论数 0

react-bits:从父组件获取子组件

react-bits 原文从父组件获取子组件 例如:操作父组件使子组件获取焦点子组件 一个输入框,带focus()函数可以自动获取焦点class Input extends Component { focus() { this.el.focus(); } render() ...

2017-04-06 00:08:56

阅读数 744

评论数 0

react-bits:列表组件

react-bits 原文不建议将列表内单个元素抽象出组件,建议使用mapconst SearchSuggestions = (props) => { // renderSearchSuggestion() behaves as a pseudo SearchSuggestion co...

2017-04-05 23:58:10

阅读数 192

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭