2017年03月_沈斯明

原创 express之中间件---body-parser解析

经过看源代码下面的说明知道了body-parser的三种用法：在讲用法之间，我们需要弄清楚下面四个不同的处理方法：这四个处理方法分别对body的内容采用不同的处理方法；分别是处理json数据、Buffer流数据、文本数据、UTF-8的编码的数据。bodyParser.json(options)、bodyParser.raw(options)、bodyParser.text(opti

2017-03-30 09:48:25 7522

原创 x-www-form-urlencoded 与multipart/form-data差异解析

application/x-www-form-urlencoded：窗体数据被编码为名称/值对。这是标准的编码格式。 multipart/form-data：窗体数据被编码为一条消息，页上的每个控件对应消息中的一个部分。 text/plain：窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。补充form的enctype属性为编码方式，常用有两种：application

2017-03-30 09:39:45 2522

原创如何有效地提高react渲染效率--深复制，浅复制，immutable原理

1. 性能意义：保持state不变这个约束引导我们使用局部更新对象的方法，这样会可以非常有效地提高react或其他显示框架的渲染效率。我们先来看看为了保持数据不变性，要怎么对state做更新，以我们的苹果篮子state为例：例子：通知开始摘苹果：apple/BEGIN_PICK_APPLE为了保证每个版本的state不变性，我们有两种实现方式：“深复制”，“浅复制”。我们来看两种模

2017-03-10 13:06:32 5089

原创 Express app.use(express.static)祥解

express相信是很多人用nodejs搭建服务器的首选框架，相关教程有很多，也教会了大家来如何使用。如果你想更深的了解他的细节，不妨和我一起来研究一下。先来看一个每个人都用到的方法app.use(express.static(__dirname+'/public'));你肯定在你的app文件中这么用过它： app.use(express.static(__dirname + '

2017-03-09 11:07:30 11161 3

转载 React Router中pushState的使用方法

带参数页面跳转[javascript] view plain copy this.props.history.pushState({passParam: true}, "/targetURL"); 第一个参数为你页面跳转时，需要传递的参数，如果不需要传参数，则为null。第二个参数为跳转目标页面。

2017-03-08 19:03:49 7472

原创 react组件之间的通信

react推崇的是单向数据流，自上而下进行数据的传递，但是由下而上或者不在一条数据流上的组件之间的通信就会变的复杂。解决通信问题的方法很多，如果只是父子级关系，父级可以将一个回调函数当作属性传递给子级，子级可以直接调用函数从而和父级通信。组件层级嵌套到比较深，可以使用上下文getChildContext来传递信息，这样在不需要将函数一层层往下传，任何一层的子级都可以通过this.conte

2017-03-07 14:16:12 880

原创 redux router 组件如何按需加载

当页面比较多时，项目就会变得越来越大，尤其对于单页面应用来说，初次渲染的速度就会很慢，这时候就需要按需加载，只有切换到页面的时候才去加载对应的js文件。react配合webpack进行按需加载的方法很简单，Route的component改为getComponent，组件用require.ensure的方式获取，并在webpack中配置chunkFilename。const chooseProd

2017-03-07 14:03:35 1475 1

原创 AngularJS通过$location获取及改变当前页面的URL

本文中获取与修改的URL以 ‘http://172.16.0.88:8100/#/homePage?id=10&a=100' 这个路径为例:一. 获取url的相关方法（不修改URL）:1.获取当前完整的url路径 ?12varabsurl = $location.absUrl(); /

2017-03-02 19:19:41 6594

转载详解Angular的数据显示优化处理

前面的几篇文章中，我们通过{{}}来渲染数据，今天就来聊聊它。?12345678910<div ng-controller="Aaa"> {{text}}<script type="text/javascript">　　

2017-03-02 19:10:19 982

转载 AngularJS控制器之间的数据共享及通信详解

AngularJS 本身已经提供了像指令 Directive 和服务 Service 一类的方式，来实现数据和代码的共享和复用，但在实际的项目开发中，或许是处于懒惰，亦或是为了便利，总会想在两个控制器之间，直接进行数据的共享通信，或者是函数与方法的调用，这里我们就看看有哪些方法可以满足这个要求。单例服务单例服务是 AngularJS 本身支持的数据和代码共享方式，因为是单例的，所

2017-03-02 18:58:12 482

原创在react 0.13.2中使用react的数据双向绑定

'use strict';import React from 'react/addons';import reactMixin from 'react-mixin';let { LinkedStateMixin } = React.addons;class App extends React.Component { constructor() { super();

2017-03-02 14:20:57 344

沈斯明技术博客