再过几分钟就是农历的2020年了，在这里对即将过去的2019年做一个总结和回顾。同时也来立几个20年的flag。

2019

2019年的前十个月都在英飞托工作，由于选公司瞎了眼没有认真鉴别，导致入了这个大坑，一年的工作对于技术方面并没有什么提升,同时还给钱少,18年年终奖半个月可还行。。虽然工作内容并没有带给我什么，但是平常工作并不多，让我有足够的时间自学各种技术。比如微服务的入门、docker配合docker-compose的使用、sso单点登录等相关技术,也输出了几十篇的技术博客,还是有收获的。

背景

通常情况下当 npm 无法下载依赖时，我们使用 cnpm 就够了。但是总是存在特殊情况的：

1. 公司内网，无法访问 npm，但是有一个代理可以访问外网
2. 网络质量很差，连 cnpm 都无法正常使用（比如长城坑带，跨市就出现大量的丢包）

那就需要给 npm 设置代理了

设置代理

http 代理

npm 原生支持 http 代理，直接设置即可

1
2
3
4
5
6
7

# 假设本地代理端口为8080
npm config set proxy "http://localhost:8080"
npm config set https-proxy "http://localhost:8080"

# 有用户密码的代理
npm config set proxy "http://username:password@localhost:8080"
npm confit set https-proxy "http://username:password@localhost:8080"

socks5 代理

npm 不支持 socks 代理，但是我们可以用一个工具将 http 代理转成 socks 代理，然后将 npm 代理地址设置到这个工具的地址。

1
2
3
4
5
6
7
8

# 假设本地socks5代理端口为8081
# 首先安装转换工具
npm install -g http-proxy-to-socks
# 然后使用这个工具监听8080端口,支持http代理，然后所有8080的http代理数据都将转换成socks的代理数据发送到8081上
hpts -s localhost:8081 -p 8080
# 最后设置npm代理为8080
npm config set proxy "http://localhost:8080"
npm config set https-proxy "http://localhost:8080"

相当于又加了一个中间层，将 http 转成 socks。

删除代理

1
2

npm config delete proxy
npm config delete https-proxy

本文原创发布于tapme.top/blog/detail/20191010

以下如无特殊说明都是按照升序进行排序。
源码见最下方

比较类排序

交换排序

冒泡排序

定义

是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端–维基百科。

思想

冒泡排序很简单，顾名思义每轮循环中将一个最大/最小的数通过交换一路冒到数组顶部。

前言

最近写的一个个人项目(传送门：全终端云书签)中需要用到全文检索功能，目前 mysql，es 都可以做全文检索，mysql 胜在配置方便很快就能搞定上线(参考这里),不考虑上手难度，es 在全文检索方面是完胜 mysql 的。

最后决定使用 es。使用最新的 7.2 版本。java 客户端使用 es 官方的 high level client(官方文档),为什么用这个有以下几点原因：

• jest 毕竟不是官方的，更新速度较慢
• transportClient,速度太慢，连官方都嫌弃它了。在 7.x 中已经被弃用，8.x 中将完全删除
• high level client 的官方文档写的很清楚明了，虽然目前相关的中文资料还很少，也能够上手用起来

本文主要内容如下：

• docker 部署 es(支持 ik 中文分词)
• 在 springboot 中进行增删改查

总集篇：react 实战之多人聊天室

上一篇搭建了 reat 的环境，本篇正式开始编码了。先实现以下三个通用功能：

• 注册
• 登录
• 重置密码

鉴于本人设计水平有限（抠脚），所以这三个页面的风格将参考简书网页版。

模板编写

打开简书的注册页和登录页发现结构都是一样的，背景加上中间的输入框，如下图所示：

观察登录、注册两个页面的结构可以发现真正变化的部分只有中间的表单，所以我们可以将表单外的其他部分作为一个公共布局给这些页面来复用。

总览篇：react 实战之云书签

本篇是实战系列的第一篇，主要是搭建 react 开发环境,在create-react-app的基础上加上如下功能：

• antd 组件库按需引入 ，支持主题定制
• 支持 less 语法，并使用 css-module
• 配置路由
• 支持 http 请求
• 配置 redux

注意:需要 node 版本大于 8.0.

创建 create-react-app

1. 安装

1

npm install -g create-react-app

2. 创建 react 应用

1

create-react-app bookmark-world

一个合格的全栈开发怎么能不会 react 呢？所以从现在开始系统的学习 react 开发。目标：完成完成一个云书签，包含前后台。

基于create-react-app进行开发，选择这个框架有以下两个原因：

• 从头开始配置 webpack 太复杂，不用了解的这么细致。
• 也不使用antd pro,umi.js这类开箱即用的，隐藏了太多细节，也不考虑。

今天在开发中遇到了这样一个问题，antd 的 table 组件，在内容太多时会折行显示，如何才能让它不折行并且用省略号显示超出内容呢？

可以同给给单元格设置这样的 css 来达到效果：

1
2
3
4
5
6
7
8

/* 设置最大宽度,不能用width */
max-width: 133px;
/* 不折行 */
white-space: nowrap;
/* 超出部分隐藏 */
overflow: hidden;
/* 显示... */
text-overflow: ellipsis;

今天写代码的时候遇到了这样的一个问题：通过this.saveData()调用saveData方法，这个方法被@Transactional注解,期望在 saveData 抛出错误时能够回滚数据库,结果事务并没有生效。然后便对 spring boot 的事务进行了一次更深入的学习。

学习笔记如下：

要使用事务首先需要开启事务，在启动类中加入注解：@EnableTransactionManagement

主要内容如下：

• 自动事务及其原理
• 手动事务的使用

自动事务

通过@Transactional开启事务。在UserService中定义一个事务方法save.然后在UserController中注入UserDao,并调用save方法。

上一篇写了如何让 php 在 apache 下部署运行。这一批来说说如何用 vscode 调试 php。

写代码，调试是必不可少的，那么如何才能在 vscode 中调试 php 代码？下面所说的全部基于 windows 下,如果要部署到 linux 上，那必须 docker。