zhcexo's blog

zhcexo's blog

yet another fe blog

为nginx配置vhosts(Windows开发环境)
公司开发了自己的页面渲染系统,而且涉及需要迁移的站点非常多,所以需要在开发中配置一些虚拟主机。以前玩的都是 Apache,但是后端推荐使用比较轻量的 nginx,所以扒了一下 nginx 的 vhosts 的配置方法。 首先,下载 nginx 的可执行文件,是个压缩文件,解压之后,放到一个容易访问的目录,以下用 nginx_dir 代替。ngnix 的默认配置文件是 nginx_dir/conf/nginx.conf。 其次,在 nginx_dir/conf/ 下新建一个目录,叫 vhosts,并且在 nginx_dir/conf/vhosts/ 下新建一个文件,名为 vhosts.co...
一些数组方法的备忘
forEachforEach() 方法对数据的每一个元素执行一次提供的函数 语法1array.forEach(callback (currentValue, index, array) {}[, thisArg]); callback - 为数组中每个元素执行的函数,接收三个参数 currentVale - callback 的第一个参数,当前正处理的元素 index - 可选参数,callback 的第二个参数,当前正处理的元素的索引 array - 可选参数,callback 的第三个参数,是正在处理的数组 thisArg - 可选参数,当执行回调函数时用作 t...
安装Simple Obfs
非常不爽,不知道最近 WALL 是做了什么升级,我的 55 挂了,使用 chacha20-ietf-poly1305 都不行,之前还用着挺好的。无奈只好又寻方法,找到了 Simple Obfs。 服务端配置以下命令均在 root 权限下执行,所以无 sudo 废话不多说,先安装: 12345678apt-get install --no-install-recommends build-essential autoconf libtool libssl-dev libpcre3-dev libev-dev asciidoc xmlto automakegit clone https://...
Grid 布局完全指南
Grid 布局是 CSS 中最强大的布局方式。它是一个二维系统,也就是说,它能同时处理行和列,而不像 flexbox 这样是一个一维系统。使用 Grid 布局方式可以同时将 CSS 规则作用于父元素(成为 Grid Container)和子元素(成为 Grid Items)。 介绍CSS Grid Layout(又叫做 Grid),是一个二维的、基于网格的布局系统,目标是完全改变我们基于网格设计的用户界面。CSS 已经常用于 web 页面的布局,但并不是总做得非常好。开始,我们使用表格 tables 布局,然后使用浮动 floats,定位 position 和 inline-block,...
Flexbox 完全指南
背景知识Flexbox Layout (Flexible Box) 模式用于提供一个更有效率的布局途径,让容器(container) 中的子元素(items) 在尺寸未知或者动态变化的时候,也能对齐和分配项目之间的空白,因为称作 flex (弹性)。 Flex 布局的主要思想是让容器能够改变里面项目的宽度/高度(或者顺序),以便用最佳方式填充可用空间(大多用来适应各种不同的设备和屏幕尺寸)。flex 容器能让里面的子元素展示以适应可用空间,或者让它们收缩以防止溢出。 更重要的是,flexbox 的布局方式与常规布局(比如 block 就是基于垂直方向的,而 inline 是基于水平方向的...
更新Ubuntu以及更新SS以支持新的加密方法
遇到的问题每次用 SSH 的方式登入服务器的时候,都会提示如下信息: 12345678Welcome to Ubuntu *.*.* LTS (GNU/Linux *.*.*-*-generic x86_64) * Documentation: https://help.ubuntu.com/ ……13 packages can be updated.10 updates are security updates. 字面提示是有 13 个包可以升级,其中 10 个是安全更新。 事实上 Ubuntu 更新还是挺容易的,因为有 apt-get,不过更新完之后,还是会提示一些安全更新没做完,...
让HTML Webpack Plugin根据多entry把html文件生成到指定目录中
遇到的问题项目里有需要处理一堆目录的 html 文件自动生成,并且生成到相应的目录中。与 html 文件相对应的样式 css 文件和脚本 js 文件,也要放到相应的目录中。例如: 123456789101112131415161718192021222324252627282930目录结构如下:- dist- src |- a `- index.js |- b `- index.js |- c `- index.js `- tpl `- index.html 希望得到的结果是,a,b,c 三个目录中的 ...
Golang 中为切片 append 元素之后 cap 变化的问题
在学习 Go 语言基础的时候,看到了 slice 切片这里,里面有个 append 方法,用于往 slice 里添加元素。代码如下: 1234567891011121314151617181920212223package mainimport ( "fmt")func main() { var numbers []int printSlice(numbers) numbers = append(numbers, 0) printSlice(numbers) numbers = append(numbers, 1) printSlice...
记一次搭梯子的过程
之前一直用的 Japan 的线路,结果越来越不稳定,后来干脆变成不可用了,所以换了一家 VPS 换了一条线路,以此文章记录一下这次的过程,方便以后折腾。 服务器安装的是 ubuntu 18 LTS x64 版本,准备使用 55 和 kcp 当梯子。 步骤:(以下步骤默认都是 root 下执行)1. 安装 python-pip 和 55使用两个命令即可: 12apt-get install python-pippip install git+https://github.com/shadowsocks/[email protected] 执行第二个命令如果报错,例如 Import...
在 VSCODE 中安装 Go 语言相关支持
写好 Go 文件,用 VSCode 打开之后,右下角会提示缺少 Go 相关的支持,然后会有两个按钮 Install 和 Show。Install 是自动安装这些支持,Show 是显示缺了些什么。但实际情况是,点了 Install 之后,控制台一堆报错并且安装失败。 点击 Install 或者 Show,控制台里已经显示缺少如下工具: 12345678github.com/ramya-rao-a/go-outlinegithub.com/acroca/go-symbolsgolang.org/x/tools/cmd/gurugolang.org/x/tools/cmd/gorenamegi...
zhcexo
I'm not chasing the wind