2017年07月_玉儿Qi

原创 Redux(2)路由

过去，路由是服务端专有的部分。自从富客户端应用越来越广泛的出现在web上，我们已经不能忽视前后端之间发生巨大的变化。在React生态环境中，React Router是公认最优秀的路由解决方案。我们可以通过Router，Route这两个标签以及一系列属性定义整个React应用的路由方案。然而在Redux应用中，我们遇到了一些新的问题。其中一个就是，应用程序的所有状态都应该保存在一个单一的store中，

2017-07-24 18:46:33 1366

原创 Redux（1）

Redux简介Redux的核心代码可以理解成一个库，但同时也强调了一种架构思想。上面这个图是Redux的核心运作流程。Redux本身指redux这个npm包，它提供若干API让我们使用reducer创建store，并能够更新store中的数据或获取store中最新的状态。Redux三大原则单一数据源整个应用的状态都保存在一个对象中，即，一个应用永远只有唯一的数据源。状态只读在Redux中，我们并不会

2017-07-12 09:24:40 252

原创 Node -- 构建Web应用

基础功能Node是十分贴近网络协议的，它非阻塞、事件机制使得我们在网络编程时十分轻便。下面的内容，将从http模块中服务器端的request事件开始分析。官方经典的HelloWorld代码：var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type

2017-07-10 11:53:33 330

转载 CSS3新特性[转]

新的选择器element1~element2: 选择前面有element1元素的每个element2元素。[attribute^=value]: 选择某元素attribute属性是以value开头的。[attribute$=value]: 选择某元素attribute属性是以value结尾的。[attribute*=value]: 选择某元素attribute属性包含value字符串的。E:

2017-07-09 21:05:06 273

原创 Redux入门笔记

附上阮一峰大神教程传送门： http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.htmlstorestore就是保存数据的地方，整个应用只有唯一的一个store。换句话说，整个应用的state都被存储在一棵object tree中，并且这个object tree只存在于唯一一个store中。Redu

2017-07-06 10:38:56 309

原创 React Router笔记 -- 摘自阮一峰大神博客

React-Router是React体系中的路由库，它通过管理URL，实现组件的切换和状态的变化。基本用法Router是一个React组件：import { Router } from 'react-router';render(<Router/>, document.getElementById('app'));Router组件本身只是一个容器，真正的路由要通过Route组件定义：import

2017-07-05 17:35:57 1714

转载什么是用户token（令牌）-- 转

在目前的互联网或者计算机网络技术中，经常会听到token或者“令牌”这个词。那有没有想过，token或者说令牌到底是什么东西，有什么作用，为什么token的中文翻译是“令牌”？其实这个问题也困扰了我很长的时间。长久以来我都是从token的形式上猜测他应该是类似密码一样的东西，只不过是服务器或者说网站帮你生成的临时密码。但密码这个东西总是伴随着帐号或者用户名一起的，离开了帐号，密码就没有了意义。按照这

2017-07-05 12:10:27 15977 3

原创 Node -- 网络编程

终于，到了重头戏！！！加油啊～～～Node是一个面向网络而生的平台，它具有事件驱动、无阻塞、单线程等特性。利用Node可以十分方便的搭建网络服务器。在web领域，大多数的编程语言需要专门的Web服务器作为容器，但是对于Node而言，只需要几行代码就可以构建服务器，无需额外的容器。构建TCP服务TCPTCP全名为传输控制协议，在OSI模型中属于传输层协议。许多应用层协议都是基于TCP构建，例如HTTP

2017-07-03 18:49:06 288

原创 Node -- 理解Buffer

在Node中，应用需要处理网络协议、操作数据库、处理图片、接收上传文件等，在网络流和文件的操作中，还需要处理大量二进制数据。于是Buffer对象应运而生了。Buffer结构Buffer是一个像Array的对象，但是主要用来操作字节。模块结构Buffer是一个典型的JavaScript和C++结合的模块，它将性能相关部分用C++实现，将非性能部分用JS实现。由于Buffer太过常见了，Node在进程启

2017-07-03 17:09:53 489

原创 Node -- 异步编程

函数式编程在JS中，函数为一等公民。函数可以作为参数／返回值。高阶函数高阶函数就是把其他函数作为参数或者返回值的函数。栗子：function foo(x) { return function () { return x; };}结合Node提供的最基本的事件模块可以看到，事件的处理方式正是基于高阶函数的特性来完成的。在自定义事件实例中，通过为事件注册不同的回调函

2017-07-03 05:15:05 367

YuqiRealm.com