zhcexo's blog

zhcexo's blog

yet another fe blog

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...
同一页面运行wepback不同实例出现冲突的解决办法
遇到的问题对于同一个页面功能由不同的同事开发,都用到了 webpack 以及 CommonsChunkPlugin,最后把打包出来的代码,整合到一起的时候,冲突了。 问题表现各自用 webpack 打包代码没有问题,但是加载到页面上时,代码报错且错误难以定位。 解决方法在 webpack 的配置选项里使用 output.jsonpFunction。 看一下文档里说的: output.jsonpFunctionstring仅用在输出目标为 web,且使用 jsonp 的方式按需加载代码块时。一个命名的 JSONP 函数用于异步加载代码块或者把多个初始化代码块合并到一起时使用(如 Comm...
常用 git 命令备忘
导出项目文件 git archive --format zip -o filename.zip HEAD 修剪远程分支 git remote prune origin 显示本地分支与远程分支跟踪关系 git branch -vv 重命名本地分支 git branch -m oldname newname 本地分支与远程分支建立关系 git branch --set-upstream-to=origin/<branch> <cur branch> 强制覆盖本地文件的修改 123git fetchgit reset --hard origin/master 或git ...
zhcexo
I'm not chasing the wind