flex 布局发生在父容器和子容器之间
采用 flex 布局的元素，称为 flex 容器（flex container）。它的所有子元素自动成为容器成员。成员根据 flex 的规则瓜分容器的剩余空间。
什么是剩余空间？
具备 flex 环境的父容器，通常是有一条水平的主轴和一条垂直的交叉轴。剩余空间就是父容器在主轴的方向上还有多少可用的空间。比如看...
从V站一个定投话题的帖子看到这位老哥的文章，放在他的github repo里，理论的对错需要检验，可光是这位老哥善于学习和总结的精神就很值得嘉许，故而收藏～
这是一个码农对于投资的所思所想，在经历了非常多的折腾之后，慢慢形成了自己的投资策略和风格；
这里记录了我理解投资的心路历程......
这个世界上有两种永远成立的投资方法：基于选取资产...
写完了动弹备份脚本和网站展示的前端部分，好像可以小小地装一下逼?，却突然陷入短暂的不知所措，下一步做些什么？诚然，写动弹这部分确实学习了不少知识，也用了一些流行的技术，比如 在slim 中使用cli ; 在css 尝试了使用 grid 和 flex 布局; 还学会了一些css的奇技淫巧，比如使用padding-top和 width 百分比实现一个正方形盒子;...
I learned how to build websites the old fashioned way: looking at website source code and trying to replicate the things I saw. I threw in the odd book for the stuff I couldn&rsq...
One of today’s best bloggers in the functional programming space is Chris Penner. Despite this, Chris is criminally underrated—nobody I talk to seems to know of hi...
主轴和交叉轴
flexbox 基本上都是靠主轴(main axis) 和交叉轴(cross axis) 运作的。
display: flex
block element 的display 值预设为block，因此三个小方块-红、蓝、绿皆呈现一直行排三列状态。
<div class="container">
<d...
1.背景介绍
在编写Web网页中，长度单位是非常常用的一个单位。通过设置长度单位对页面的内容进行调整，来达到符合要求或者说看上去舒服的排版效果。传统的单位有：px、%、em，而随着技术的发展，css3增加了一些新的单位rem、vh、vw、vm等，使我们的web页面能适应各种不同的终端显示，现在我们来去看下他们的意义和不同点。
2.知识剖析
2.1...
安装npm
npm是nodejs的一部分，因此需要安装nodejs，从官网下载对应的版本，我使用Linux64bit的版本，下载后得到一个xxx.tar.xz的文件。解压tar.xz文件：先用 xz -d xxx.tar.xz 将 xxx.tar.xz解压成 xxx.tar 然后，再用 tar xvf xxx.tar来解包。得到一个类似node-12.12...
使用chrome 的 Vimium 扩展也有很长一段时间了，最大的好处是可以在浏览器使用 vim 下的热键，告别鼠标和触控板也能愉快玩耍。
虽然大部分时间都使用cmd+O打开 URL或者历史，但有时候还是要用cmd+L聚焦在地址栏，比如修改当前url，这时候如果想要把焦点从地址栏移走，很难在不通过鼠标操作的情况下...
1. responsive filemanager 上传很麻烦，在上传前需要进入一次文件管理器，点进小小的上传按钮，打开jquery uploader 的界面, 选择文件，再点击开始上传按钮，完成还要点一次返回文件管理器的按钮，再等待页面刷新出新的图片……而且上传一张图片的时候也不会自动插入到编辑器中。
并不需要...