2017年07月_爱死费崇政

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 Linux centos7 安装Nginx

首先去官网http://nginx.org/en/download.html下载nginx的压缩包，然后解压，进入终端，cd到你解压后的nginx目录中，然后在终端输入命令进行configure：./configure --prefix=/fay/nginx,–prefix参数是指你将安装后的nginx放在哪里，如果configure过程不带任何错误，那么恭喜你，你可以直接make && make

2017-07-26 11:56:10 368

原创 yum Cannot find a valid baseurl for repo: base/7/x86_64

在一个刚安装好的centos7上使用yum install的时候，报出了Cannot find a valid baseurl for repo: base/7/x86_64这个错误，很明显是源的访问问题，于是在网上搜了相关解决方案，全是什么改DNS、/etc/sysconfig/network-scripts/ifcfg-ens33什么的，跟这些基本没关系，这些只是你的网络没设置好，而根本原因就是

2017-07-24 17:23:00 10244 4

原创 webpack模块化打包，结合react-route实现分文件打包，按需加载

一般单页应用是离不开路由的，那么一般引入组件的时候大家习惯性的使用import XXX from ‘XXX’，这样的话，webpack在打包的时候会将import的组件全部打包进去，这里我是利用react-route来实现路由机制的，这里可以采用它提供的getComponent来动态获取组件，这样就实现了按需加载，而不是一股脑的都打包在一个文件中，大大提供了首屏加载的速度，如下图：其中thi

2017-07-13 17:33:31 4652 1

原创 react 热加载，局部刷新，babel-preset-react-hmre

react热加载在没有使用相关插件之前，以我开发为例，只用webpack-dev-server --inline时候，当组件经过更改保存后，页面会进行重新刷新，如果是简单的应用这样做可以，但是一旦复杂起来，重新刷新后就不得不经过很多操作后回到之前的状态，显然这样的情况是我们不愿意看到的，而且大大降低了开发效率，所以我这里选择了babel-preset-react-hmre，利用它便可以实现局部刷新

2017-07-12 16:44:18 6158 2

原创 eslint 安装配置（JS代码质量检测工具）

eslint注：这里不讲eslint的知识，仅仅讲使用一、安装(以下是全局的，同时安装到项目中–save-dev)npm install eslint -gnpm install eslint-plugin-import -gnpm install eslint-plugin-react -gnpm install babel-eslint -g二、配置首先在项目中与package.js

2017-07-12 09:36:41 6277

原创 JS代码质量检查工具，后起之秀-eslint

eslint：javascript代码质量检查工具。目前大环境下主要有三款JS代码质量检查工具：jslint、jshint、eslint。 jslint：无需配置，直接使用，因为配置是定好的。缺点是有限的配置选项，很多规则不能禁用，规范严格，扩展性差，无法根据错误定位到对应的规则。 jshint：是基于jslint开发的，有了很多参数可以配置，支持配置文件，方便使用，支持了一些常用类库，支持

2017-07-10 17:00:12 3807