2018年07月_蜗牛不会跑~

原创 React：正确设计State

注：本文比较适用于有一定React+Redux项目经验的人员当我们在使用Redux结合React使用的时候，Redux执行的过程中本质上任何一个时刻都是State的反应，State是Redux运行的枢纽，因此对于React+Redux结合运行的项目，设计好的State是非常重要的。接下来看，我们在设计state过程中常犯的两个错误：错误一：以AP...

2018-07-29 13:16:36 1178 2

转载 Stream接口

数据读写可以看作是事件模式（Event）的特例，不断发送的数据块好比一个个的事件。读数据是read事件，写数据是write事件，而数据块是事件附带的信息。Node 为这类情况提供了一个特殊接口Stream。概述概念”数据流“（stream）是处理系统缓存的一种方式。操作系统采用数据块（chunk）的方式读取数据，每收到一次数据，就存入缓存。Node应用程序有两种缓存的处理方式，第一种是...

2018-07-18 10:52:54 919

转载 Path模块

path.join()path.join方法用于连接路径。该方法的主要用途在于，会正确使用当前系统的路径分隔符，Unix系统是”/“，Windows系统是”\“。var path = require('path');path.join(mydir, "foo");上面代码在Unix系统下，会返回路径mydir/foo。path.resolve()path.resolve...

2018-07-17 10:18:43 395

转载 package.json文件

概述每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。下面是一个最简单的package.json文件，只定义两项元数据：项目名称和项目版本。{ "name" : "xxx", "...

2018-07-17 10:05:16 283 1

转载 Node.js学习：使用Loopback3.0构建应用程序（二）

一、咖啡店点评应用应用概述咖啡店点评是一个网站，您可以用来发布咖啡店的评论。这个应用程序用到了两个不同的数据源：它会将评论者数据存储在MySQL数据库中，并把咖啡店和评论数据存储在MongoDB数据库中。这个应用有三个数据模型：CoffeeShop（这个模型我们已经在上一步中定义好了）ReviewReviewer它们有如下关系：一个CoffeeShop拥有多个review一个CoffeeShop拥...

2018-07-10 10:00:21 819

转载 assert 模块

assert模块是Node的内置模块，主要用于断言。如果表达式不符合预期，就抛出一个错误。该模块提供11个方法，但只有少数几个是常用的。assert()assert方法接受两个参数，当第一个参数对应的布尔值为true时，不会有任何提示，返回undefined。当第一个参数对应的布尔值为false时，会抛出一个错误，该错误的提示信息就是第二个参数设定的字符串。// 格式assert(value, ...

2018-07-10 09:59:28 608

原创 React三种经典项目架构(大神路过.....)

有关于React+redux的项目架构一直存在多种声音，目前主流的主要有三种：按照类型，按照页面功能，Ducks。一，按照类型这里的类型指的是文件在项目中充当的角色类型，比如这个文件是一个component（展示组件），container（容器组件），在redux状态管理当中有，action，reducer等，这些不同角色的文件都放在一个单独的文件夹里面，这样样式的结构也是react官方...

2018-07-08 21:34:31 27998 5

转载 module.exports与exports？？关于exports的总结

PI文档是枯燥的，下面本人收集了一些论坛经常有人疑问和开源代码中经常遇到的案例供大家研究一下。文章博客地址排版更佳。。##module.exports与exports的区别每一个node.js执行文件，都自动创建一个module对象，同时，module对象会创建一个叫exports的属性，初始化的值是 {} module.exports = {};Node.js为了方便地导出功能函数，node....

2018-07-07 23:46:14 1407

转载 node 框架 LoopBack 教程

本文系原创，转载请注明出处ES6 的出品为 JS 成为企业级语言扫清障碍，与之配套的，我们需要一个真正的企业级框架。Express 像一个精巧的微内核，不足以支撑起一个大项目。以下是 LoopBack 的一些入门知识，它是一个真正的企业级框架，随着使用的深入，读者将会发现它更多的用法和优秀的特性。本篇将对它的主要用法做一个详细的介绍。LoopBack 是建立在 Express 基础上的企业级 N...

2018-07-06 17:26:48 12411

转载 Node.js学习：使用Loopback3.0构建应用程序（一）

一、安装安装LoopBack工具来创建和开发LoopBack 3.0应用程序。安装Node.jsnode下载地址安装loopback工具虽然你可以自己从头开始编写一个LoopBack应用程序，但是安装一个LoopBack CLI工具能够使它更容易入门。它将构建应用程序的基本结构，然后您可以根据需要进行自定义。LoopBack提供了两个工具的选项：LoopBack CLI 和 IBM API Con...

2018-07-05 18:00:26 1066

转载 React Native入门系列：创建我的第一个RN Project

一、前言1.准备在创建RN之前，我们需要先安装相应的工具和搭建环境。可以参考我上一篇文章：React Native入门系列：如何搭建RN环境（Windows篇）2.目标本章例子中文章达到目标：创建RN项目步骤在创建中遇见的问题解决配置WebStrom建议下载最新版WebStrom：官方最新版WebStrom下载地址使用WebStorm+AndroidStudio来写RN程序3.项目地址二、开启大...

2018-07-05 14:34:44 1266

转载 ES6 Async/Await 完爆Promise的6个原因

自从Node的7.6版本，已经默认支持async/await特性了。如果你还没有使用过他，或者对他的用法不太了解，这篇文章会告诉你为什么这个特性“不容错过”。本文辅以大量实例，相信你能很轻松的看懂，并了解Javascript处理异步的一大杀器。文章灵感和内容借鉴了6 Reasons Why JavaScript’s Async/Await Blows Promises Away (Tutorial...

2018-07-05 14:12:57 392

转载 React项目介绍及按需加载

做React需要会什么？react的功能其实很单一，主要负责渲染的功能，现有的框架，比如angular是一个大而全的框架，用了angular几乎就不需要用其他工具辅助配合，但是react不一样，他只负责ui渲染，想要做好一个项目，往往需要其他库和工具的配合，比如用redux来管理数据，react-router管理路由，react已经全面拥抱es6，所以es6也得掌握，webpack就算是不会配置也...

2018-07-05 14:11:13 3735

转载 RESTful 架构详解

1. 什么是RESTREST全称是Representational State Transfer，中文意思是表述（编者注：通常译为表征）性状态转移。它首次出现在2000年Roy Fielding的博士论文中，Roy Fielding是HTTP规范的主要编写者之一。他在论文中提到："我这篇文章的写作目的，就是想在符合架构原理的前提下，理解和评估以网络为基础的应用软件的架构设计，得到一个功能强、性...

2018-07-05 10:51:15 137

原创在react中正确修改state

一，在react中可以通过this.state.{属性}的方式直接获取state，但是当我们修改state的时候，往往有许多的坑需要注意。以下为三种常见的陷阱：1，不能直接修改state。组件修改state，并不会重新触发render。列如：//错误this.state.title='React';正确修改方式是使用setState（）；//正确this.setStat...

2018-07-01 19:17:54 30277 4

原创 React16新特性

React16是Facebook在2017年9月发布的React最新版本。他是基于代号为“Fiber”的新架构实现，几乎对React的底层代码进行了重写，但是原本对外的api保持不变，所以基本可以无缝的迁移到React16，但是对于React16基于以前版本的React实现了许多比较新的特性。一，React的render方法返回的新类型：支持两种类型数组（由React元...

2018-07-01 16:36:13 2362

原创 React事件处理的三种方式及this问题

一，在React元素绑定事件要注意的两点 1,在React中事件的命名采用驼峰命名法，而不是原生dom中的小写，如：onclick要写成onClick,onchange要写成onChange 2,响应事件的函数要以对象的形式赋值，而不是以dom字符串的形式,如: 在dom中： <button onclick=“clickMe()”>不服点我...

2018-07-01 13:34:44 5588 1

原创 React中的属性校验和默认属性

一，在react中props是组件对外暴露的接口，但通常组件并不会明显的申明他会暴露那些接口及类型，这不太利于组件的复用，但比较好的是React提供了PropTypes这个对象用于校验属性的类型，PropTypes包含组件属性的所有可能类型，以下我们通过一个示列来说明（对象的key是组件的属性名，value是对应属性类型）组件属性的校验. import propTypes from '...

2018-07-01 12:30:44 1626

原创 Es6导出默认接口与普通接口的区别----大神路过

这是一个会让刚刚接触es6的小伙伴有点迷糊的地方，特此加以说明//a.js 导出默认接口与普通接口列1：const foo=()=>'foo';const bar =()='bar';export default foo; //导出默认接口export {bar};//导出普通接口列2：export function myes6(){}export default function myEs...

2018-07-01 11:44:27 1802

蜗牛不会跑