blog
blog copied to clipboard
huruji
红日初升，其道大光:sun_with_face::house_with_garden:请star或watch，不要fork
 使用child_process模块可以开启多个子进程，在多个子进程之间可以共享内存空间，可以通过子进程之间的互相通信来实现信息的交换，多个子进程之间也可以通过共享端口的方式将请求分配给多个子进程来执行。 ## 使用spawn方法开启子进程 **spawn(command, [args], [options])**：第一个参数为命令，args为运行该命令需要使用的参数,options为开启子进程的选项，主要有cwd指定目录，stdio指定子进程的标准输入输出，其中stdio可以简要的使用inherit指定为子进程和父进程共享输入输出。 spawn方法返回一个隐式的代表子进程的ChildProcess对象，因此同样可以使用前面文章提到的process的各种属性、方法和事件。如下是一个简单的例子： ```javascript const spawn = require('child_process').spawn; const child = spawn('node', ['test.js', 'one', 'two'],{ cwd: './test', stdio: 'inherit' }); ``` ```javascript const fs =...
 在Node.js中，process对象是一个全局对象，可以直接在Node.js的REPL环境中访问该对象。该process对象有用的主要属性有 ```javascript execPath：表示可执行文件的绝对路径 version：Node.js的版本号 versions：Node.js各种依赖的版本，是一个对象，包括node、v8等版本 platform：Node.js运行的平台 argv：运行Node.js的命令行参数，是一个数组，第一个是命令，第二个是文件名，之后时附加参数 env：操作系统信息 pid：进程的PID title：命令行窗口的标题 ``` 在REPL环境中检验相应的属性如下：  另外process的stdin属性作为标准的输入流，默认情况下是暂停的，使用process.stdin.resume()方法恢复，如下就是一个简单的命令行交互界面： ```javascript process.stdin.resume(); console.log('请输入你想要输入的数据：'); process.stdin.on('data', function(chunk) { process.stdout.write('你输入的数据是：' + chunk.toString()); }); ```  一个Node.js进程的主要方法有以下方法: **process.memoryUsage()**：用于获取运行Node.js应用的进程的内存使用量，返回一个对象 ```javascript...
## koa插件选择 路由：[koa-router](https://github.com/alexmingoia/koa-router) 表单解析：[koa-bodyparser](https://github.com/koajs/bodyparser) 视图：[koa-views](https://github.com/queckezz/koa-views)、[ejs](https://github.com/mde/ejs) session: [koa-session-minimal](https://github.com/longztian/koa-session-minimal)、[koa-mysql-session](https://github.com/tb01923/koa-mysql-session) 数据库引擎: [mysql](https://github.com/mysqljs/mysql) ## 数据库设计 用户表(users)：id、name、pass 文章表(posts)：id、name、title、content、uic、moment、comments、pv 评论表(comment)：id、name、content、postid ## 数据库初始化 使用连接池连接数据库，每次查询完毕之后释放链接，可以将数据表的建立在mysql.js中完成，为每一次query创建一个公共函数， 并且每次查询都封装为一个方法，如下： ```javascript const mysql = require('mysql'); const config = require('./../config/default'); const pool =...
我们都知道webpack-dev-server为我们在开发的时候提供了一个服务器以便于我们的开发，我们在使用之前当然需要安装： ```javascript npm i webpack webpack-dev-server -D ``` 安装完成之后我们只需要在webpack配置中配置devServer选项即可，以下是一个简单的配置： ```javascript const path = require('path'); const webpack = require('webpack'); const config = { entry: './src/main.js', output: { filename: 'bundle.js', path: path.join(__dirname,...
小菜鸟布局第一次布局，orz ``` ``` **截图：** 
在这篇文章中我们开始利用我们之前所学搭建一个简易的React开发环境，用以巩固我们之前学习的Webpack知识。首先我们需要明确这次开发环境需要达到的效果：1、能够编译JSX语言 2、css样式使用Sass开发 3.能够将基础的ES6转化为ES5 4.能够使用ESLint在开发的时候为我们做代码风格审查 首先，安装基本使用的webpack、webpack-dev-server ```javascript npm i webpack webpack-dev-server -D ``` ### 基本页面的生成 为了可以生成一个基本的页面我们使用html-webpack-plugin，为了方便我们定制，我们自己在src定义一个html文件，使用template指定这个文件。 安装html-webpack-plugin ```javascript npm i html-webpack-plugin -D ``` 在src文件夹下生成一个html文件，内容如下： ```html Title ``` 在webpack.config.js中写入以下内容作为基本的设置： ```javascript const path...
### Webpack系列——快速入门 ### 入口 **单文件入口** 指定entry键值 ```javascript const config = { entry: './yourpath/file.js' }; module.exports = config ``` 上面的是以下的简写： ```javascript const config = { entry: { main: './yourpath/file.js' } };...
渣渣一枚，目前只能想到这些了，以后想到再补。 ### Webpack + Babel 在webpack中使用Babel通过使用babel-loader即可，babel中的配置可以通过options选项进行配置。 安装： ```javascript npm i babel-loader -D ``` ```javascript const config = { // ...... module: { rules: [{ test: /\.js$/, use:{ loader: 'babel-loader', options:...
### Android相对布局 相对布局可以让控件之间互相确定关系，保证屏幕的局部范围内几个控件之间的关系不受外部影响。 相对布局位置的属性有 #### 属性值为true或false android:layout_centerHorizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInParent 相对于父元素完全居中 android:layout_alignParentBottom 贴紧父元素下边缘 android:layout_alignParentTop 贴紧父元素上边缘 android:layout_alignParentLeft 贴紧父元素左边缘 android:layout_alignParentRight 贴紧父元素右边缘 #### 属性值为id引用 android:layout_below 在某元素下方 android:layout_above 在某元素上方 android:layout_toLeftOf 在某元素左边 android:layout_toRightOf 在某元素右边...
在使用react开发中，重定向和404这种需求非常常见，使用React-router4.0可以使用Redirect进行重定向 最常用的就是用户登录之后自动跳转主页。 ```javascript import React, { Component } from 'react'; import axios from 'axios'; import { Redirect } from 'react-router-dom'; class Login extends Component{ constructor(){ super(); this.state = {value: '',...