React16 新增了 Fragment, Suspense, memo 等新特性

Fragment 的语法糖 <>, 若使用 Fragment, 我更喜欢

1
2
3

import React, { Fragment } from 'react';

<Frament></Frament>

因为使用 React.Fragment 补全时候，根据 emmet 语法补全，会变成类

更新中…

最近对公司的一个项目进行了 webpack4 的升级，这边简要概述下对 webpack4 的理解和总结。

升级依赖包

首先需要升级一些依赖包

1
2
3
4
5
6
7
8
9
10

webpack 升级到 4.x
webpack-cli 升级到 3.x
webpack-dev-server 升级到 3.x
url-loader 升级到 1.x
file-loader 升级到 3.x
happypack 升级到 5.x
postcss-loader 升级到 3.x
less 升级到 2.x
less-loader 升级到 3.x
css-loader 升级到 2.x

引言

在 koa 里使用路由一般都是这样写

1
2
3
4

const router = requier('koa-router')
router.get('/users', async (ctx, next) => {
  ctx.body = 'users'
})

这样的路由设置显得不是那样的直观，而反观 Java 中 Spring 的写法，就感觉更简洁以及更优雅

1
2
3
4
5
6
7

@Controller
public class UserController {
  @RequestMapping('/users')
  String Users() {
    return 'users';
  }
}

2018 年马上过去了，今年做了不少事情，就顺便总结一下吧。

我做了什么

• 写了 26 篇博客
• Putong OJ V2 正式上线
• 加入美团点评
• 参加了技术沙龙
  阅读全文 »

在 WEB 开发中服务端和客户端的交互至关重要，客户端可以使用原生的 XMLHttpRequest 对象，服务端也可以使用 node 自带的 http 模块，而现在也有相当多的 第三方库来供我们使用。这里，我简要对一些流行的库或原生方法进行对比，并得出我们的最佳选择。

主流的 ajax/http 方法库的兼容性和特性如上图所示。

由于 npm 包的升级迭代速度很快，经常会出现 npm 依赖包过期或者安全性的问题。
如果项目是在 github 管理，它会在仓库首页提醒项目中存在有隐患的依赖。

最近七牛云回收了测试域名，导致我在上面存的一些图片资源都访问不了。由于疏忽，之前没有注意到七牛云回收测试域名的邮件，导致现在在七牛云上也无法将图片资源下载到本地，传到其他的云上。
遂发起工单，终于找到了解决办法。

当只有一台服务器时，而服务器上有多个 node 的服务，我们需要使用 nginx 进行反向代理，使每个服务能够正常被访问到。

最近在使用 brew 安装一些软件时发现速度太慢，而且不少因为超时问题而无法安装。然后我在 google 上查了很多网友提供的方法，发现大多都已经用不了或者是有些细微处有所错误，故此重新写一篇 mac 终端实现翻墙的文章。

这两天在写一个需求的时候发现，当 background 与 border 设置相同时，颜色有时候展示会不一样

两张图的 background 与 border 都设置颜色相同，但是左边这张图，展示保持一致，而右边这张图却不一致